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