Upload
vannguyet
View
221
Download
0
Embed Size (px)
Citation preview
hDesignguide
NemID Designguide / Kontrapunkt / Februar 2010 1
Logo Logo / Minimum afstand / Placering / Co-branding / Fejlagtig brug
Elementer Farver / Tal og piktogrammer / Typografi / Supergrafik
Eksempler Nøglekort / Breve / PowerPoint / Konvolut
Indhold
NemID Designguide / Kontrapunkt / Februar 2010 2
NemID Mini Guide / Kontrapunkt / January 2010
Logo
3
Logo
Logo PositivPantone Process BlackC:0 M:0 Y:0 K:100 R:35 G:31 B:32
Logo NegativHvidC:0 M:0 Y:0 K:0R:255 G:255 B:255
NemID Designguide / Kontrapunkt / Februar 2010 4
For at sikre, at NemID logoet står tydeligt frem, er det vigtigt, at der bliver overholdt en mini-mum afstand i forhold til placering af logo og til eventuelle andre elementer.
Hold minimum én N-afstand i top,
Minimum afstand
AfstandHold minimum en ‘N’ afstand i top, bund og i siderne
NemID Designguide / Kontrapunkt / Februar 2010 5
NemID logoet kan placeres i alle fire hjørner af dokumentet. Hvilken placering, der anvendes, afhænger af layoutet.
Husk dog altid at overholde minimumafstanden.
Placering
Placering NemID logoet kan placeres i alle fire hjørner af dokumentet.
NemID Designguide / Kontrapunkt / Februar 2010 6
NemID logoet kan optræde sammen med an-dre logoer i en co-branding. I disse situationer kan NemID logoet tage farve efter det logo, som det optræder sammen med. Se eksem-plerne til højre.
Co-branding
Co-BrandingNemID logoet tager farve efter det logo, det optræder sammen med.
NemID Designguide / Kontrapunkt / Februar 2010 7
For at sikre en ensartet brug af NemID logoet på tværs af flader og emner er der nogle reg-ler, der skal overholdes:
1. Logo må ikke ændres2. Logo må ikke stå i to linjer3. Anvend ikke outline4. Anvend ikke skygge5. Logo må ikke roteres6. Logo må ikke roteres7. Anvend ikke farveforløb8. Anvend ikke farveforløb9. Anvend ikke flere farver10. Logo må ikke vrides11. Logo må ikke beskæres
Fejlagtig brug
1.
5.
9.
2.
6.
10.
3.
7.
11.
4.
8.
NemID Designguide / Kontrapunkt / Februar 2010 8
For NemID logoet med binavnet medarbejdersignatur gælder der samme regler og minimumafstandtil andre elementer, som for NemID logoet.
NemID medarbejdersignatur
AfstandHold minimum en ‘N’ afstand i top, bund og i siderne
NemID Designguide / Public Agency / Maj 2016 9
NemID Mini Guide / Kontrapunkt / January 2010
Elementer
10
HvidHvidC:0 M:0 Y:0 K:0R:255 G:255 B:255
SortPantone Process BlackC:0 M:0 Y:0 K:100 R:35 G:31 B:32
Grå
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.
Farver
NemID Designguide / Kontrapunkt / Februar 2010 11
Nemtal Bold
Nemikon
Nemtal RegularEt bærende designelement i NemID identiteten er de specialtegnede tal, som har en fremtræ-dende position på nøglekortet.
En række specialtegnede piktogrammer sup-plerer tallene og er tegnet i den samme sorte streg. Piktogrammerne anvendes enten de-korativt eller der, hvor de har betydning. Fx. anvendes ”smiley”-piktogrammet som en refe-rence til ”selvbetjening” på NemIDs website.
Tal og piktogrammer
0123456789
0123456789
abcdefg
hijklm?#
NemID Designguide / Kontrapunkt / Februar 2010 12
Gotham RoundedBook
Gotham RoundedLight
Gotham RoundedMedium
Vi har valgt Gotham Rounded som vores typo-grafi. NemID logoet er tegnet ud fra Gotham Rounded.
OverskrifterGotham Rounded Light
MellemrubrikkerGotham Rounded Medium
BrødtekstGotham Rounded Book
NBNemID må ikke skrives i versaler. Skriv altså ikke NEMID, heller ikke i overskrifter.
Typografi
ABCDEFGHIJKLMNOPQRSTU VWXYZÆØÅabcdefghijklmno pqrstuvwxyzæøå
ABCDEFGHIJKLMNOPQRSTU VWXYZÆØÅabcdefghijklmno pqrstuvwxyzæøå
ABCDEFGHIJKLMNOPQRSTU VWXYZÆØÅabcdefghijklmno pqrstuvwxyzæøå
NemID Designguide / Kontrapunkt / Februar 2010 13
Supergrafik – højdeHøjden laves efter behov ved at dublere og tilpasse med hjæl-pelinjerne.
Brug - step 3Supergrafik der dækker hele fladen.
Supergrafik NemId Supergrafik er bygget op af specialtegnede tal og pikto-grammer.
Brug – step 1Skaler grafikken proportionelt for at dække det ønskede område.
Supergrafik – breddeGrafikken er fast og har en bredde med 9 karakterer der beskæres i siderne.
Som et ekstra designelement kan de spe-cialtegnede tal og piktogrammer anvendes i sammenhæng som supergrafik. På den måde skabes der en levende og genkendelig identi-tet.
Supergrafik kan bruges både vertikalt oghorisontalt, se eksempel side 17 og 18.
Supergrafik
Brug - step 2Beskær ca. 1/3 af tallene i højden og 1/2 i bredden.
NemID Designguide / Kontrapunkt / Februar 2010 14
NemID Mini Guide / Kontrapunkt / January 2010
Eksempler
15
Nøglekort NemIDs mest genken-
delige element er selve nøglekortet, som alle
voksne danskere kom-mer til at kende. 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 / Februar 2010 16
Breve Eksempel på NemID papirlinje, hvor logo er placeret i øverste højre hjørne.
NemID Designguide / Kontrapunkt / Februar 2010 17
Lær mere om NemIDsgrafiske identitet
PowerPoint Eksempel på NemIDs powerpoint template, hvor supergrafikken bliver anvendt som et designelement i højre side.
NemID Designguide / Kontrapunkt / Februar 2010 18
Konvolut Eksempel på en kon-volut, hvor supergrafik-ken anvendes som et designelement.
NemID Designguide / Kontrapunkt / Februar 2010 19