Designguide h NemID Designguide / Kontrapunkt / Februar 2010 1
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 2010 2
Logo NemID Mini Guide / Kontrapunkt / January 2010 3
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 2010 4
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 2010 5
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 2010 6
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 2010 7
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: 1. 2. 3. 4. 1. 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 5. 6. 7. 8. 9. 10. 11. NemID Designguide / Kontrapunkt / Februar 2010 8
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 2016 9
Elementer NemID Mini Guide / Kontrapunkt / January 2010 10
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 2010 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. 0123456789 0123456789 Nemtal Regular Nemtal Bold abcdefg Nemikon hijklm?# NemID Designguide / Kontrapunkt / Februar 2010 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 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 2010 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 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 2010 14
Eksempler NemID Mini Guide / Kontrapunkt / January 2010 15
N123-123-123 0349 024069 1423 267257 2514 991143 4032 241758 0416 698221 1954 828587 2572 337503 4379 305432 0434 218974 2013 168548 2633 376059 4596 367019 0517 253138 2065 977936 2807 954407 4684 982650 0555 354140 2123 558204 3020 077527 4824 452235 0630 253266 2299 421662 3151 550996 4824 481864 0786 487943 2336 206792 3379 017144 4870 821424 0936 126024 2385 288488 3464 137990 4975 659670 0830 959557 2477 880001 3678 666342 5117 444864 1284 473502 2514 305533 3760 658546 5165 432322 1310 918537 2572 055945 3920 719863 5327 517371 5506 154564 6830 706799 7965 810244 0213 189381 5585 887490 6855 196783 8005 670196 0253 201587 5588 738834 7033 781076 8332 681430 0558 189108 5745 719386 7165 139488 8495 939914 0617 583030 5918 022857 7236 462644 8935 701337 0752 442997 6076 810244 7469 472459 9038 424696 0784 510804 6111 670196 7549 545937 9048 895356 0875 177705 6185 681430 7593 189381 9048 457295 0924 580067 6323 939914 7622 201587 9121 706799 0951 864636 6373 701337 7631 189108 9122 196783 0988 164220 6413 424696 7755 583030 2199 781076 1061 441579 6497 895356 7808 442997 9757 139488 1062 733258 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å. 6567 457295 1229 097119 1391 646364 1423 129260 1490 982150 1652 840044 1803 917301 1933 473022 1988 902791 2040 033368 2221 404939 2379 691812 7820 510804 2679 225346 2724 211062 2956 688937 3029 915413 3077 050922 3260 895816 3286 400411 3537 036036 3578 522771 3797 635141 3804 082204 9803 462644 4531 657157 4944 024069 5104 698221 5113 218974 5174 253138 5188 354140 5301 253266 5420 487943 5469 126024 5524 959557 5637 473502 1225 455076 6589 267257 6635 828587 6680 168642 6778 911936 6822 558204 6934 421662 6941 206792 6943 288488 7063 880001 7307 305533 7638 055945 2561 026779 4124 354510 5991 918537 8030 597665 2662 630344 4278 006138 6325 632969 8044 991143 NemID Designguide / Kontrapunkt / Februar 2010 16
Breve Eksempel på NemID papirlinje, hvor logo er placeret i øverste højre hjørne. NemID Designguide / Kontrapunkt / Februar 2010 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 / Februar 2010 18
Konvolut Eksempel på en konvolut, hvor supergrafikken anvendes som et designelement. NemID Designguide / Kontrapunkt / Februar 2010 19