Grafikker

Nøgleelementer

Prikkerne er vores grafiske nøgleelement. Hver prik symboliserer de individer og organisationer, der udgør den verden, vi opererer i.

Prikkerne varierer i størrelse for at skabe en tekstureret gradient, der fungerer som en dynamisk og iøjnefaldende baggrund. De kan være statiske eller animerede og fungerer godt som understøttelse af enkel kommunikation oven på forskellige baggrundsfarver.

Find flere måder at bruge prikkerne på i vores layoutsektion

Ikoner

Vores ikoner består af prikker og er tegnet på et 26-pixel grid. Ikonerne er enkle og ligetil. De repræsenterer vigtige forretningsområder og aktiviteter og bør være lette at aflæse og forstå.

Illustration

Vores prikker kan også anvendes i illustrationer, hvor forskellige stilarter kan bruges til at formidle og understrege vigtige budskaber.

Illustrationerne fungerer på vores farverige baggrunde, enten med hvide, sorte eller afdæmpede prikker. En enkelt accentfarve kan bruges til at fremhæve specifikke områder, hvis nødvendigt.

Fra et enkelt grafisk 2D-perspektiv til halvtone- og 3D-perspektiv giver dette medie mulighed for en mere eksplorativ tilgang.

Motion

Prikkerne vækkes til live på en diskret måde, hvor de kan præsenteres med en bølgelignende animation, der skaber enkle og rolige videoloops.

Ikoner får liv gennem en simpel skaleringseffekt, hvor udvalgte prikker tilfældigt bliver mindre og udvider sig for at skabe en subtil fremhævningseffekt.

Infografikker

Prikker kan bruges til at tegne og præsentere organisationsdiagrammer og modeller. Her er det vigtigt at finde en balance mellem det seriøse og det legende samt præsentere infografikken på en måde, der passer til konteksten.

Diagrammer og grafer kan fungere på hvide, sandfarvede og farvede baggrunde. Brug den udvidede farvepalette med accentfarver til at designe flotte grafer og skabe en tydelig kontrast mellem de forskellige datagrupper.

Find vores farvepalette

Piktogrammer

Piktogrammerne er udvalgt fra Google Material Icons, hvor vi har sammensat en række nyttige piktogrammer til brug som understøttende grafiske elementer i præsentationer.

Flere piktogrammer kan hentes fra Google biblioteket, og brugerdefinerede piktogrammer kan tilføjes ved at tegne med 2px stregtykkelse på et 24px grod.

UI

Vores UI-sprog er enkelt og ligetil. Det fylder ikke for meget visuelt og animerer let ved brugerinteraktioner.

Se vores UI-sprog komme til live i det digitale layout

Grid

På digitale enheder bruger vi et 12-kolonne grid med 40 px ydre margin og 10 px margin mellem kolonnerne. Elementerne placeres typisk for at dække hele viewporten, halvdelen af griddet eller hele grid-bredden.

Se hvordan griddet bruges i vores layoutsektion