19
h Designguide NemID Designguide / Kontrapunkt / Februar 2010 1

Designguide - - NemID · NemID Designguide / Kontrapunkt / Februar 2010 14. NemID Mini Guide / Kontrapunkt / January 2010 Eksempler 15. Nøglekort NemIDs mest genken-delige element

Embed Size (px)

Citation preview

Page 1: Designguide - - NemID · NemID Designguide / Kontrapunkt / Februar 2010 14. NemID Mini Guide / Kontrapunkt / January 2010 Eksempler 15. Nøglekort NemIDs mest genken-delige element

hDesignguide

NemID Designguide / Kontrapunkt / Februar 2010 1

Page 2: Designguide - - NemID · NemID Designguide / Kontrapunkt / Februar 2010 14. NemID Mini Guide / Kontrapunkt / January 2010 Eksempler 15. Nøglekort NemIDs mest genken-delige element

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

Page 3: Designguide - - NemID · NemID Designguide / Kontrapunkt / Februar 2010 14. NemID Mini Guide / Kontrapunkt / January 2010 Eksempler 15. Nøglekort NemIDs mest genken-delige element

NemID Mini Guide / Kontrapunkt / January 2010

Logo

3

Page 4: Designguide - - NemID · NemID Designguide / Kontrapunkt / Februar 2010 14. NemID Mini Guide / Kontrapunkt / January 2010 Eksempler 15. Nøglekort NemIDs mest genken-delige element

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

Page 5: Designguide - - NemID · NemID Designguide / Kontrapunkt / Februar 2010 14. NemID Mini Guide / Kontrapunkt / January 2010 Eksempler 15. Nøglekort NemIDs mest genken-delige element

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

Page 6: Designguide - - NemID · NemID Designguide / Kontrapunkt / Februar 2010 14. NemID Mini Guide / Kontrapunkt / January 2010 Eksempler 15. Nøglekort NemIDs mest genken-delige element

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

Page 7: Designguide - - NemID · NemID Designguide / Kontrapunkt / Februar 2010 14. NemID Mini Guide / Kontrapunkt / January 2010 Eksempler 15. Nøglekort NemIDs mest genken-delige element

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

Page 8: Designguide - - NemID · NemID Designguide / Kontrapunkt / Februar 2010 14. NemID Mini Guide / Kontrapunkt / January 2010 Eksempler 15. Nøglekort NemIDs mest genken-delige element

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

Page 9: Designguide - - NemID · NemID Designguide / Kontrapunkt / Februar 2010 14. NemID Mini Guide / Kontrapunkt / January 2010 Eksempler 15. Nøglekort NemIDs mest genken-delige element

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

Page 10: Designguide - - NemID · NemID Designguide / Kontrapunkt / Februar 2010 14. NemID Mini Guide / Kontrapunkt / January 2010 Eksempler 15. Nøglekort NemIDs mest genken-delige element

NemID Mini Guide / Kontrapunkt / January 2010

Elementer

10

Page 11: Designguide - - NemID · NemID Designguide / Kontrapunkt / Februar 2010 14. NemID Mini Guide / Kontrapunkt / January 2010 Eksempler 15. Nøglekort NemIDs mest genken-delige element

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

Page 12: Designguide - - NemID · NemID Designguide / Kontrapunkt / Februar 2010 14. NemID Mini Guide / Kontrapunkt / January 2010 Eksempler 15. Nøglekort NemIDs mest genken-delige element

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

Page 13: Designguide - - NemID · NemID Designguide / Kontrapunkt / Februar 2010 14. NemID Mini Guide / Kontrapunkt / January 2010 Eksempler 15. Nøglekort NemIDs mest genken-delige element

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

Page 14: Designguide - - NemID · NemID Designguide / Kontrapunkt / Februar 2010 14. NemID Mini Guide / Kontrapunkt / January 2010 Eksempler 15. Nøglekort NemIDs mest genken-delige element

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

Page 15: Designguide - - NemID · NemID Designguide / Kontrapunkt / Februar 2010 14. NemID Mini Guide / Kontrapunkt / January 2010 Eksempler 15. Nøglekort NemIDs mest genken-delige element

NemID Mini Guide / Kontrapunkt / January 2010

Eksempler

15

Page 16: Designguide - - NemID · NemID Designguide / Kontrapunkt / Februar 2010 14. NemID Mini Guide / Kontrapunkt / January 2010 Eksempler 15. Nøglekort NemIDs mest genken-delige element

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

Page 17: Designguide - - NemID · NemID Designguide / Kontrapunkt / Februar 2010 14. NemID Mini Guide / Kontrapunkt / January 2010 Eksempler 15. Nøglekort NemIDs mest genken-delige element

Breve Eksempel på NemID papirlinje, hvor logo er placeret i øverste højre hjørne.

NemID Designguide / Kontrapunkt / Februar 2010 17

Page 18: Designguide - - NemID · NemID Designguide / Kontrapunkt / Februar 2010 14. NemID Mini Guide / Kontrapunkt / January 2010 Eksempler 15. Nøglekort NemIDs mest genken-delige element

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

Page 19: Designguide - - NemID · NemID Designguide / Kontrapunkt / Februar 2010 14. NemID Mini Guide / Kontrapunkt / January 2010 Eksempler 15. Nøglekort NemIDs mest genken-delige element

Konvolut Eksempel på en kon-volut, hvor supergrafik-ken anvendes som et designelement.

NemID Designguide / Kontrapunkt / Februar 2010 19