På denne siden kan du se hvordan vår grafiske profil ser ut. Du vil se og lese hvordan den ser ut, og den følger et sett med regler. Det er derfor viktig at all bruk av denne profilen avklares med oss. Dette kan gjøres ved å kontakte forvalteren av profilen, Petter Berg.
Betydningen til navnet Indigo, er bygget på verdigrunnlaget til organisasjonen. Verdiene bunnet opp i farger, danner grunnlaget for fargen Indigo. Vi er en innovativ og digitaliserende organisasjon, som er til for kundene våre, og sammen er vi sterke.
Innovativ og
digitaliserende
organisasjon
Ikon
Ikonet illustrere en musepeker og en spydspiss. Den spisse formen representere profesjonalisme og stabilitet. Som spydspiss, skal vi ligge i forkant innen digitalisering. Som musepeker, skal vi være en leverandør av drift og forvaltning av IT-løsninger.
Logo
Logoen er en sammensetning av ikonet og ordmerket «INDIGO».
Logo med slagord
Avstand - Logo med slagord
Logoen skal ha nok plass til å kunne puste. Luften rundt logoen på yttersidene, skal minst tilsvare høyden til I-en i Indigo (definert som X her).
Avstand - Ikon
Når ikonet skal brukes sammen med en form, må logoen plasseres slik at den oppnår optimal optisk balanse.
Navnet ”Indigo” skal skrives som et egennavn når den benyttes i tekst. Det er kun i logo-form at den skal skrives med store bokstaver.
Der det er behov for å presisere hvilken type organisasjon vi er, skal Indigo IKT brukes i tekst, og logoen med slagord brukes. Ordene IKT og IKS skal ikke brukes bak INDIGO i logoen.
I formelle dokumenter, skal hele navnet til selskapet brukes; Indigo IKT IKS.
URL-en til nettsiden vår, skal inneholde ikt, og skilles med en bindestrek slik at den er godt leselig: www.indigo-ikt.no.
Formell tekst
Indigo IKT IKS
Azo Sans
Light
Regular
Medium
Bold
Black
Light
The quick brown fox jumps
Regular
The quick brown fox jumps
Medium
The quick brown fox jumps
Bold
The quick brown fox jumps
Black
The quick brown fox jumps
Tegnsett
abcdefghijklmnopqrstuvwxyzæøå
ABCDEFGHIJKLMNOPQRSTUVWXYZÆØÅ
Bruksområde
Azo Sans brukes på grafiske elementer og nettsiden.
Aptos
Light
Regular
SemiBold
Bold
Black
Light
The quick brown fox jumps
Regular
The quick brown fox jumps
SemiBold
The quick brown fox jumps
Bold
The quick brown fox jumps
Black
The quick brown fox jumps
Tegnsett
abcdefghijklmnopqrstuvwxyzæøå
ABCDEFGHIJKLMNOPQRSTUVWXYZÆØÅ
Bruksområde
Aptos brukes i formelle brev og i maler som enklest benytter
systemfonter.
Aptos er Microsofts standard systemfont, og hvis/når Microsoft bytter
sin standard, vil også denne bli byttet.
Bruk
Både tittel og overskrift bør begrenses til å kun ligge på 1 linje.
Hvis det ikke lar seg gjøre, ser Azo best ut med en linjeavstand på
100% (1). Brødteksten skal ha 130% linjeavstand. For bruk av Aptos,
som er forbeholdt formelle dokumenter, er det laget egne maler for
dette.
Ved bruk av brødtekst på nett og grafiske elementer, skal
tekst-bredden ligge mellom 50 og 70 tegn. Dette for å sikre universell
utforming. For flere detaljer rundt universell utforming, ta en titt
her:
indigo-ikt.no/universell-utforming-lesbarhet
Tittel
Azo Sans Black, 120px
Azo Sans Black, 100px
Overskrift 1
Azo Sans Black, 60px
Azo Sans Black, 50px
Overskrift 2
Azo Sans Bold, 42px
Azo Sans Black, 35px
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec
placerat at tortor quis tincidunt. Aenean tincidunt, ante nec
scelerisque blandit, dui ligula aliquet tellus, ac varius magna nunc
non justo. Curabitur ullamcorper urna ac venenatis accumsan. Nunc
vel eros nec est eleifend sagittis sit amet a turpis.
Azo Sans Regular, 18px, linjeavstand 150%
Primær
Primærfargen er Indigo. Dette er fargen som skal benyttes i hovedvekt hvor farger er representert. Den kan fint brukes i kombinasjon med de sekundære fargene, men ikke overlappende.
Indigo
- HEX
- 454DA4
- RGB
- 69, 77, 164
- CMYK
- 57, 53, 0, 35
- HSB
- 235, 58, 64
Sekundær
Her ser du våre sekundærfarger. Disse skal brukes der det er behov for flere farger enn primærfargen. Disse fargene skal ikke brukes alene med logoen eller ikonet.
Blågrønn
- HEX
- 319FC4
- RGB
- 49, 159, 196
- CMYK
- 75, 18, 0, 23
- HSB
- 195, 75, 77
Fjelleng
- HEX
- 22bf9d
- RGB
- 34, 191, 157
- CMYK
- 82, 0, 17, 25
- HSB
- 167, 82, 75
Gamboge
- HEX
- E09D00
- RGB
- 224, 157, 0
- CMYK
- 0, 29, 100, 12
- HSB
- 42, 100, 88
Bringebær
- HEX
- C91C42
- RGB
- 201, 28, 66
- CMYK
- 0, 86, 67, 21
- HSB
- 347, 86, 79
Røyksort
- HEX
- 222222
- RGB
- 34, 34, 34
- CMYK
- 0, 0, 0, 87
- HSB
- 0, 0, 13
Kultivert
- HEX
- F5F4F3
- RGB
- 245, 244, 243
- CMYK
- 0, 0, 0, 3
- HSB
- 30, 1, 96
Kontrast
For å sikre universell utforming i et vi produserer, må vi sikre at kontrastforholdene er gode nok. Her er eksempler på kombinasjoner som fungerer godt nok. Vi anbefaler at kombinasjonen skrift på bakgrunnsfarge, bør være indigo bakgrunn + hvit skrift eller motsatt.
Selv om kontrastforholdene tilsier at det er OK å bruke disse fargekombinasjonene, er det viktig å tenke på inntrykket disse kombinasjonene utgjør. Du bør styre unna sort på noen av fargevalgene, når mørk tekst gjør seg best på hvit eller Kultivert bakgrunn, og hvit tekst gjør seg best på sort eller Indigo bakgrunn.
Nyanser
I noen tilfeller vil det være behov for å bruke andre nyanser av noen av fargene. Vi ber om at det kun er primær og sekundærfargene som skal brukes, men du ser her noen nyanser av disse som kan brukes.
+100%
+87.5%
+75%
+62.5%
+50%
+37.5%
+25%
+12.5%
0%
-12.5%
-25%
-37.5%
-50%
-62.5%
-75%
-87.5%
-100%
Indigo
FFFFFF
Kopier
Kopiert
E8E9F7
Kopier
Kopiert
D1D3EF
Kopier
Kopiert
BABDE7
Kopier
Kopiert
A3A7DF
Kopier
Kopiert
8C91D7
Kopier
Kopiert
757BCF
Kopier
Kopiert
5E65C7
Kopier
Kopiert
454DA4
Kopier
Kopiert
3D4492
Kopier
Kopiert
353B80
Kopier
Kopiert
2D326E
Kopier
Kopiert
25295C
Kopier
Kopiert
1D204A
Kopier
Kopiert
151738
Kopier
Kopiert
0D0E26
Kopier
Kopiert
000000
Kopier
Kopiert
Blågrønn
FFFFFF
Kopier
Kopiert
E3F4F8
Kopier
Kopiert
C7E9F1
Kopier
Kopiert
ABDEEA
Kopier
Kopiert
8FD3E2
Kopier
Kopiert
73C8DB
Kopier
Kopiert
57BDD4
Kopier
Kopiert
44B2CC
Kopier
Kopiert
319FC4
Kopier
Kopiert
2B8CAD
Kopier
Kopiert
257996
Kopier
Kopiert
1F667F
Kopier
Kopiert
185368
Kopier
Kopiert
124051
Kopier
Kopiert
0C2D3A
Kopier
Kopiert
061A23
Kopier
Kopiert
000000
Kopier
Kopiert
Fjelleng
FFFFFF
Kopier
Kopiert
E0F6F3
Kopier
Kopiert
C1EDE7
Kopier
Kopiert
A2E4DB
Kopier
Kopiert
83DBCF
Kopier
Kopiert
64D2C3
Kopier
Kopiert
45C9B7
Kopier
Kopiert
35BFAC
Kopier
Kopiert
22BF9D
Kopier
Kopiert
1E7E8A
Kopier
Kopiert
1A6D77
Kopier
Kopiert
165C64
Kopier
Kopiert
124B51
Kopier
Kopiert
0E3A3E
Kopier
Kopiert
0A292B
Kopier
Kopiert
061818
Kopier
Kopiert
000000
Kopier
Kopiert
Gamboge
FFFFFF
Kopier
Kopiert
FDF3E0
Kopier
Kopiert
FBE7C1
Kopier
Kopiert
F9DBA2
Kopier
Kopiert
F7CF83
Kopier
Kopiert
F5C364
Kopier
Kopiert
F3B745
Kopier
Kopiert
F0AB26
Kopier
Kopiert
E09D00
Kopier
Kopiert
C48A00
Kopier
Kopiert
A87700
Kopier
Kopiert
8C6400
Kopier
Kopiert
705100
Kopier
Kopiert
543E00
Kopier
Kopiert
382B00
Kopier
Kopiert
1C1800
Kopier
Kopiert
000000
Kopier
Kopiert
Bringebær
FFFFFF
Kopier
Kopiert
FAE3E8
Kopier
Kopiert
F5C7D1
Kopier
Kopiert
F0ABBA
Kopier
Kopiert
EB8FA3
Kopier
Kopiert
E6738C
Kopier
Kopiert
E15775
Kopier
Kopiert
D73A5C
Kopier
Kopiert
C91C42
Kopier
Kopiert
B1193A
Kopier
Kopiert
991532
Kopier
Kopiert
81122A
Kopier
Kopiert
690E22
Kopier
Kopiert
510B1A
Kopier
Kopiert
390712
Kopier
Kopiert
21040A
Kopier
Kopiert
000000
Kopier
Kopiert
Røyksort
FFFFFF
Kopier
Kopiert
E3E3E3
Kopier
Kopiert
C8C8C8
Kopier
Kopiert
ACACAC
Kopier
Kopiert
909090
Kopier
Kopiert
747474
Kopier
Kopiert
595959
Kopier
Kopiert
3D3D3D
Kopier
Kopiert
222222
Kopier
Kopiert
1D1D1D
Kopier
Kopiert
191919
Kopier
Kopiert
151515
Kopier
Kopiert
111111
Kopier
Kopiert
0C0C0C
Kopier
Kopiert
080808
Kopier
Kopiert
040404
Kopier
Kopiert
000000
Kopier
Kopiert
Kultivert
FFFFFF
Kopier
Kopiert
FEFEFE
Kopier
Kopiert
FDFCFC
Kopier
Kopiert
FCFBFB
Kopier
Kopiert
FAFAF9
Kopier
Kopiert
F9F9F8
Kopier
Kopiert
F8F7F7
Kopier
Kopiert
F7F6F5
Kopier
Kopiert
F5F4F3
Kopier
Kopiert
DAD6D3
Kopier
Kopiert
BEB8B1
Kopier
Kopiert
A29990
Kopier
Kopiert
857A6F
Kopier
Kopiert
645C54
Kopier
Kopiert
433D38
Kopier
Kopiert
211F1C
Kopier
Kopiert
000000
Kopier
Kopiert
Bruk
Indigo-fargen kan og skal brukes flittig, mens de sekundære fargene skal brukes sparsomt, og aldre i direkte kontakt med hverandre. Indigo skal i størst mulig grad brukes, og du kan variere i nyansen etter behov. Du kan se noen eksempler på bruk av farger under kapittel 7.
Her ser du en fordeling av fargene, hvor vi prøver å visualisere hvor stor andel av hver farge vi ønsker at du bruker. Dette er selvsagt kun et utgangspunkt, og du kan komme i situasjoner hvor det fungerer best med en annen balanse.
Logo
Logoen skal kun benyttes med de mål og farger som er definert tidligere i manualen. Du ser her noen forslag på hvordan logoen IKKE skal brukes. Logoen kan bryte noen av disse reglene i situasjoner hvor logoen i seg selv benyttes som et grafisk hjelpemiddel.Så lenge du bruker filene som ligger på vår nettside, uten å tukle med dem, vil det gå bra.
Farger
Riktig fargekombinasjon kan være vrient å oppnå, du kan derfor se noen eksempler på hvordan du IKKE skal kombinere våre farger her.
Font
Vi kan definere hvordan skriften skal se ut, men det kan være vanskelig å oppnå samme resultat i praksis. Det finnes derfor ferdige maler for Word og PowerPoint, slik at du slipper å tenke så mye på dette.
For andre steder, hvor det skal brukes tekst, viser vi her noen av de viktigste tingene å tenke på når du skal bruke tekst.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam convallis interdum diam. Donec vel posuere ante. Nam ultricies turpis et lorem aliquam, et dictum nisl aliquam. Morbi non ullamcorper risus, sollicitudin facilisis felis. Donec fermentum accumsan augue vel aliquam. Suspendisse nulla nunc, maximus et quam in, feugiat consectetur ligula. Nulla faucibus risus ac dui placerat, eget ultricies sapien finibus.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam convallis interdum diam. Donec vel posuere ante. Nam ultricies turpis et lorem aliquam, et dictum nisl aliquam. Morbi non ullamcorper risus, sollicitudin facilisis felis. Donec fermentum accumsan augue vel aliquam. Suspendisse nulla nunc, maximus et quam in, feugiat consectetur ligula. Nulla faucibus risus ac dui placerat, eget ultricies sapien finibus.
For bred
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam convallis interdum diam. Donec vel posuere ante. Nam ultricies turpis et lorem aliquam, et dictum nisl.
For smal
Spørsmål om bruk