Designguide. NemID Designguide / Kontrapunkt / Februar

Transkript

1 Designguide h NemID Designguide / Kontrapunkt / Februar

2 Indhold Logo Logo / Minimum afstand / Placering / Co-branding / Fejlagtig brug Elementer Farver / Tal og piktogrammer / Typografi / Supergrafik Eksempler Nøglekort / Breve / PowerPoint / Konvolut NemID Designguide / Kontrapunkt / Februar

3 Logo NemID Mini Guide / Kontrapunkt / January

4 Logo Logo Positiv Pantone Process Black C:0 M:0 Y:0 K:100 R:35 G:31 B:32 Logo Negativ Hvid C:0 M:0 Y:0 K:0 R:255 G:255 B:255 NemID Designguide / Kontrapunkt / Februar

5 Minimum afstand For at sikre, at NemID logoet står tydeligt frem, er det vigtigt, at der bliver overholdt en minimum afstand i forhold til placering af logo og til eventuelle andre elementer. Afstand Hold minimum en N afstand i top, bund og i siderne Hold minimum én N-afstand i top, NemID Designguide / Kontrapunkt / Februar

6 Placering NemID logoet kan placeres i alle fire hjørner af dokumentet. Hvilken placering, der anvendes, afhænger af layoutet. Placering NemID logoet kan placeres i alle fire hjørner af dokumentet. Husk dog altid at overholde minimumafstanden. NemID Designguide / Kontrapunkt / Februar

7 Co-branding NemID logoet kan optræde sammen med andre logoer i en co-branding. I disse situationer kan NemID logoet tage farve efter det logo, som det optræder sammen med. Se eksemplerne til højre. Co-Branding NemID logoet tager farve efter det logo, det optræder sammen med. NemID Designguide / Kontrapunkt / Februar

8 Fejlagtig brug For at sikre en ensartet brug af NemID logoet på tværs af flader og emner er der nogle regler, der skal overholdes: Logo må ikke ændres 2. Logo må ikke stå i to linjer 3. Anvend ikke outline 4. Anvend ikke skygge 5. Logo må ikke roteres 6. Logo må ikke roteres 7. Anvend ikke farveforløb 8. Anvend ikke farveforløb 9. Anvend ikke flere farver 10. Logo må ikke vrides 11. Logo må ikke beskæres NemID Designguide / Kontrapunkt / Februar

9 NemID medarbejdersignatur For NemID logoet med binavnet medarbejdersignatur gælder der samme regler og minimumafstand til andre elementer, som for NemID logoet. Afstand Hold minimum en N afstand i top, bund og i siderne NemID Designguide / Public Agency / Maj

10 Elementer NemID Mini Guide / Kontrapunkt / January

11 Farver I udgangspunktet er NemIDs farver sort og hvid. Se afsnittet for Co-branding, hvis logo skal ændre farve. Forskellige gråtoner kan andvendes som sekundær farve i begrænset omfang til at skabe dynamik og dybde i layouet. Hvid Hvid C:0 M:0 Y:0 K:0 R:255 G:255 B:255 Sort Pantone Process Black C:0 M:0 Y:0 K:100 R:35 G:31 B:32 Grå NemID Designguide / Kontrapunkt / Februar

12 Tal og piktogrammer Et bærende designelement i NemID identiteten er de specialtegnede tal, som har en fremtrædende position på nøglekortet. En række specialtegnede piktogrammer supplerer tallene og er tegnet i den samme sorte streg. Piktogrammerne anvendes enten dekorativt eller der, hvor de har betydning. Fx. anvendes smiley -piktogrammet som en reference til selvbetjening på NemIDs website Nemtal Regular Nemtal Bold abcdefg Nemikon hijklm?# NemID Designguide / Kontrapunkt / Februar

13 Typografi Vi har valgt Gotham Rounded som vores typografi. NemID logoet er tegnet ud fra Gotham Rounded. Overskrifter Gotham Rounded Light Mellemrubrikker Gotham Rounded Medium Brødtekst Gotham Rounded Book NB NemID må ikke skrives i versaler. Skriv altså ikke NEMID, heller ikke i overskrifter. ABCDEFGHIJKLMNOPQRSTU VWXYZÆØÅabcdefghijklmno pqrstuvwxyzæøå ABCDEFGHIJKLMNOPQRSTU VWXYZÆØÅabcdefghijklmno pqrstuvwxyzæøå Gotham Rounded Medium Gotham Rounded Book ABCDEFGHIJKLMNOPQRSTU VWXYZÆØÅabcdefghijklmno pqrstuvwxyzæøå Gotham Rounded Light NemID Designguide / Kontrapunkt / Februar

14 Supergrafik Som et ekstra designelement kan de specialtegnede tal og piktogrammer anvendes i sammenhæng som supergrafik. På den måde skabes der en levende og genkendelig identitet. Supergrafik kan bruges både vertikalt og horisontalt, se eksempel side 17 og 18. Supergrafik NemId Supergrafik er bygget op af specialtegnede tal og piktogrammer. Supergrafik bredde Grafikken er fast og har en bredde med 9 karakterer der beskæres i siderne. Supergrafik højde Højden laves efter behov ved at dublere og tilpasse med hjælpelinjerne. Brug step 1 Skaler grafikken proportionelt for at dække det ønskede område. Brug - step 2 Beskær ca. 1/3 af tallene i højden og 1/2 i bredden. Brug - step 3 Supergrafik der dækker hele fladen. NemID Designguide / Kontrapunkt / Februar

15 Eksempler NemID Mini Guide / Kontrapunkt / January

16 N Nøglekort NemIDs mest genkendelige element er selve nøglekortet, som alle voksne danskere kommer til at kende. Tal og piktogrammer optræder på forsiden, med tal og koder på bagsiden. Farverne er holdt i sort, hvid og grå NemID Designguide / Kontrapunkt / Februar

17 Breve Eksempel på NemID papirlinje, hvor logo er placeret i øverste højre hjørne. NemID Designguide / Kontrapunkt / Februar

18 PowerPoint Eksempel på NemIDs powerpoint template, hvor supergrafikken bliver anvendt som et designelement i højre side. Lær mere om NemIDs grafiske identitet NemID Designguide / Kontrapunkt / Februar

19 Konvolut Eksempel på en konvolut, hvor supergrafikken anvendes som et designelement. NemID Designguide / Kontrapunkt / Februar