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.
NemID Designguide / Kontrapunkt / Februar 2010
Co-Branding
NemID logoet tager
farve efter det logo, det
optræder sammen med.
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.
5.
6.
7.
8.
9.
10.
11.
Logo må ikke ændres
Logo må ikke stå i to linjer
Anvend ikke outline
Anvend ikke skygge
Logo må ikke roteres
Logo må ikke roteres
Anvend ikke farveforløb
Anvend ikke farveforløb
Anvend ikke flere farver
Logo må ikke vrides
Logo må ikke beskæres
NemID Designguide / Kontrapunkt / Februar 2010
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
8
NemID medarbejdersignatur
For NemID logoet med binavnet
medarbejdersignatur gælder der
samme regler og minimumafstand
til andre elementer, som for NemID logoet.
NemID Designguide / Public Agency / Maj 2016
Afstand
Hold minimum en ‘N’
afstand i top, bund og
i siderne
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
NemID Designguide / Kontrapunkt / Februar 2010
Sort
Pantone Process Black
C:0 M:0 Y:0 K:100
R:35 G:31 B:32
Grå
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
abcdefg
hijklm?#
NemID Designguide / Kontrapunkt / Februar 2010
Nemtal Regular
Nemtal Bold
Nemikon
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æøå
ABCDEFGHIJKLMNOPQRSTU
VWXYZÆØÅabcdefghijklmno
pqrstuvwxyzæøå
NemID Designguide / Kontrapunkt / Februar 2010
Gotham Rounded
Medium
Gotham Rounded
Book
Gotham Rounded
Light
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.
NemID Designguide / Kontrapunkt / Februar 2010
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.
14
Eksempler
NemID Mini Guide / Kontrapunkt / January 2010
15
N123-123-123
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 2010
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
5506
5585
5588
5745
5918
6076
6111
6185
6323
6373
6413
6497
6567
154564
887490
738834
719386
022857
810244
670196
681430
939914
701337
424696
895356
457295
6830
6855
7033
7165
7236
7469
7549
7593
7622
7631
7755
7808
7820
706799
196783
781076
139488
462644
472459
545937
189381
201587
189108
583030
442997
510804
7965
8005
8332
8495
8935
9038
9048
9048
9121
9122
2199
9757
9803
810244
670196
681430
939914
701337
424696
895356
457295
706799
196783
781076
139488
462644
0213
0253
0558
0617
0752
0784
0875
0924
0951
0988
1061
1062
1225
189381
201587
189108
583030
442997
510804
177705
580067
864636
164220
441579
733258
455076
1229
1391
1423
1490
1652
1803
1933
1988
2040
2221
2379
2561
2662
097119
646364
129260
982150
840044
917301
473022
902791
033368
404939
691812
026779
630344
2679
2724
2956
3029
3077
3260
3286
3537
3578
3797
3804
4124
4278
225346
211062
688937
915413
050922
895816
400411
036036
522771
635141
082204
354510
006138
4531
4944
5104
5113
5174
5188
5301
5420
5469
5524
5637
5991
6325
657157
024069
698221
218974
253138
354140
253266
487943
126024
959557
473502
918537
632969
6589
6635
6680
6778
6822
6934
6941
6943
7063
7307
7638
8030
8044
267257
828587
168642
911936
558204
421662
206792
288488
880001
305533
055945
597665
991143
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