Oppdatert juli 2019
Visuell
identitet
Misjon
Ditt kompetansenettverk i et digitalt Norge.
Visjon
Sammen utvikler vi den digitale fremtiden.
Verdier
Vi er åpne
Vi er kompetente
Vi er samarbeidende
Vi er fremsynte
Visuelt konsept
Identitetskonseptet tar utgangspunkt i «data». Data er det materielle grunnlaget som overfører informasjon og kunnskap mellom mennesker ved kommunikasjon. De grafiske elementene er basert på 0 og 1 (bit) som er de minste bestanddelene i digital informasjon. 0 og 1 er bærende elementer for de visuelle løsningene.
Ildsjelene er spesielt viktige for dataforeningen og er inspirasjonen for det visuelle konseptet: bold og aktiv, men troverdig og kunskapsrik.
01 mønster
0-1-mønsteret kan enten sees som løpende informasjon – et språk flere av medlemmene i Dataforening kan lese. Eller det kan ses på som kommunikasjon og mennesker med med forbindelse til hverandre.
Mønsteret er bygget opp på et geometrisk grid hvor hver enhet blir gitt like stor plass til tross for ulik bredde. Dette for å skape orden nedover og bortover, men også en dynamisk bruk av luft.
Brand Story
Safespace #1
Safespace er feltet rundt logoen som alltid skal være fritt for andre elementer når logoen plasseres på ulike flater.
1. Logoen settes alltid opp slik når navntrekk og symbol står sammen. Her er safespace halvparten av bredden til D-symbolet.
2. Logosymbol uten navntrekk
3. Navntrekk uten logosymbol
Safespace #2
D-logoen brukes også som et element på presentasjoner og roll-ups. På de flatene hvor logoens bredde eller høyde strekkes over hele formatet har vi andre regler for safespace.
Str forhold
Logosymbol og navntrekk kan dras fra hverandre som vist på illustrasjonen. Dette krever at vi har regler/alternativer for hvor store disse to kan være i forhold til hverandre.
1. D er like høy som navntrekk
2. D er dobbelt så høy som navntrekket
3. D er like bred som bredden av navntrekket
Liggende
1. D er høyden av navntrekk × 5 (brukes bla. på visittkort)
2. D er høyden av navntrekk × 10 (Brukes bla. i presentasjoner)
Stensil D-symbol
Stammen og buen i D'en er klipper fra hverandre som gjør at logoen kan klippes ut og fungere som en stensil. Med dette er det viktig at kontrasten mellom bildet og bagrunnsfargen er stor nok som illustrert under. Bruk kun svart-hvitt. Det gjør ikke noe om man ikke ser hva som er avbildet. Poenget er at det skal gi en abstrakt følelse av hva temaet er.
Typografi
TT Commons er en lukket font bygget på geometriske former. Dette gjør at den matcher de eksisterende geometriske elementene i profilen.
Bruken av fonten er spesielt viktig for å opprettholde profilen.
TT Commons fikk navnet sitt for sin funksjonelle og allmenne form. Den fungerer godt i lengre tekster, men har også kvaliteter som gjør den spennende i overskrifter.
Vi bruker fonten i to vekter: Regular og Demi-bold.
NB: Hvis TT Commons ikke er tilgjengelig/et alternativ av en eller annen grunn, erstatt med Helvetica.
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz Ææ Øø Åå
0 1 2 3 4 5 6 7 8 9 , . ? !
Fargepalett
Fargepaletten skal utsråle energi, lidenskap, men også tyngde og kunnskap. Vi har tre hovedfarger som illustrert i de største blokkene under, «ildsjel Rød», «Kunnskapsrik blå» og «Hardware grå».
Ildsjel rød
CMYK: 0, 84, 85, 0
RGB: 229, 53, 9
PMS: 2028
Hex: #e53509
Kunnskapsrik blå
CMYK: 99, 33, 27, 53
RGB: 4, 55, 66
PMS: 3035
Hex: #043742
Hardware grå
CMYK: 0, 0, 0, 10
RGB: 233, 233, 233
PMS: Cool gray 1
Hex: #e9e9e9
Sekundær palett
De resterende fem fargene i smalere blokker benyttes KUN som tilleggsfarger på nettsiden. Her blir større behov for flere farger pga mengden innhold.
Hex: #802d30
RGB: 128, 45, 48
Hex: #478f7a
RGB: 71, 143, 122
Hex: #baead6
RGB: 184, 234, 214
Hex: #efd3f1
RGB: 239, 211, 241
Hex: #c9fc31
RGB: 201, 252, 49
Do's and Dont's
Med alle identiteter er det viktig å ha regler for hvordan profilen brukes. Dette for å skape system, gjennkjennelse og et sterkt brand.
Mønster dont's
1. Ikke rødt på blått
2. Ikke blått på rødt
3. Sentrer mønsteret på flaten når mønsteret er utfallende i alle kanter
4. Ikke bryt opp mønsteret
5. Ikke så småmønstret som dette
6. Ikke endre strektykkelse
7. ikke bruk én rad som ramme
8. ikke bruk faktiske tall
Logo dont's
1. Ikke rødt på blått
2. Ikke blått på rødt
3. Ikke drop shadow eller andre effekter/filtre
4. Ikke spreng formatet (følg safespace regler)
5. Sørg for at oppløsningen er god nok
6. Ikke endre strektykkelsen på logoen
7. Ikke trekk formene lenger til hverandre eller fra hverandre
8. Inger outline
9. Ikke hvit på grå
10. Ikke flerfarget
11. Ingen andre farger. Verken av støttefargene eller andre utenom profilen
Logo do's
Dette er de godkjente variantene/kombinasjonene
NB: Grå bakgrunn kan like godt være hvit.
Tekst dont's
1. Ikke rødt på blått
2. Ikke blått på rødt
3. Ikke strekk teksten
4. Ikke spreng formatet
5. Ikke bruk en annen font enn TT commons evt helvetica
6. Ikke bruk mange forskjellige skriftstørrelser (helst bare tre)
NB: Grå bakgrunn kan like godt være hvit.
Tekst do's
Dette er de godkjente fargekombinasjonene
Bilder på nett dont's
1. Ikke bruk tekst når det allerede skal være tekst oppå bildet i news-feeden
2. Ikke bruk logosalater eller logoer og andre tekstlige illustrasjoner når det allerede skal være tekst oppå bildet i news-feeden
3. Sørg for at bildet er av god kvalitet
OBS! Prøv å unngå for lange titteler i boksene!! Kortere titler er mer innbydende å lese, det ser også penere ut!!
Bilder på nett do's
1. Bruk gjerne et av noe abstrakt, arkitektur, tekstur o.l
2. Bruk bilde av person bak filter med tekst oppå så lenge teksten blir så lang at personen ikke synes.
3. Bruk gjerne et portrett av foredragsholdet
Under mørkt filter: natur, bygning, tekstur, abstrakte illustrasjoner
Uten filter: mennesker, portretter, natur, bygning, tekstur, abstrakte illustrasjoner
Man kan også benytte seg av en enkel fargeblokk som også er et alternativ på nettsiden.
Uttak
Her presenterer vi ulike eksempler på profilen tar seg ut på de ulike flatene.
Mailsignatur
Fordi mailen ikke kan bruke TT Commons: Helvetica, 12 pkt. Navn i bold og store bokstaver.
Kopier inn denne og bytt font og info:
R. CHRISTIAN TORP
Generalsekretær
christian.torp@dataforeningen.no
(+47) 932 58 222
last opp logofil
Visittkort
Bredde: 9 cm, høyde: 5 cm.
Forside: Info om rolle i Den norske dataforening. Tekst størrel (gjelder ikke logo, her setten inn egen fil): 9 pkt, TT Commons, regular. NB: følg grid som vist her. IKKE ha en tekst som er lenger enn maks 4 linjer.
Bakside: Info om arbeidsstilling. Tekststørrelse 11 pkt, TT Commons demibold. IKKE lenger enn 3 linjer.
Tlf, epost: 9 pkt, TTcommons, regular.
Navneskilt
Rollups eksempel
Presentasjon — eksempler
Takk for at dere følger manualen!
Designet av We Oslo AS
For ytterligere spørsmål send mail til: camilla@weoslo.no