Designguide. NemID Designguide / Kontrapunkt / Marts

Transkript

1 Designguide h NemID Designguide / Kontrapunkt / Marts

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 / Marts

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 / Marts

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 / Marts

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 / Marts

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 / Marts

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 / Marts

9 Elementer NemID Mini Guide / Kontrapunkt / January

10 Farver I udgangspunktet er NemIDs farver sort og hvid. Se afsnittet for Co-branding, hvis logo skal ændre farve. Forskellige gråtoner kan anvendes 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 / Marts

11 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 / Marts

12 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 Sekundær typografi Da Gotham Rounded ikke er en standard skrift i Office-pakke, er det ikke alle brugere, der har den til rådighed. I disse tilfælde anvendes Arial som sekundær typografi. Arial bliver fx brugt på NemIDs website. ABCDEFGHIJKLMNOPQRSTU VWXYZÆØÅabcdefghijklmno pqrstuvwxyzæøå ABCDEFGHIJKLMNOPQRSTU VWXYZÆØÅabcdefghijklmno pqrstuvwxyzæøå Gotham Rounded Medium Gotham Rounded Book NB NemID må ikke skrives i versaler. Skriv altså ikke NEMID, heller ikke i overskrifter. ABCDEFGHIJKLMNOPQRSTU VWXYZÆØÅabcdefghijklmno pqrstuvwxyzæøå Gotham Rounded Light NemID Designguide / Kontrapunkt / Marts

13 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 eksempler 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 Skalér grafikken proportionelt for at dække det ønskede område. Brug - step 2 Beskær 1/3 eller 2/3 i højden og 1/2 i bredden. Brug - step 3 Supergrafik der dækker hele fladen. NemID Designguide / Kontrapunkt / Marts

14 Eksempler NemID Mini Guide / Kontrapunkt / January

15 Nøglekort NemIDs mest genkendelige element er selve nøglekortet. Tal og piktogrammer optræder på forsiden, med tal og koder på bagsiden. Farverne er holdt i sort, hvid og grå. N NemID Designguide / Kontrapunkt / Marts

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

17 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 / Marts

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