Grafisk profil | Indigo IKT

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.

Betydning

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

Logo

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

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.

Tekst

Indigo

Formell tekst

Indigo IKT IKS

Logo

INDIGO

URL

indigo-ikt.no

Typografi

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%

Farger

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.

Anbefalte kombinasjoner

TEKST

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

+100%

+87.5%

+75%

+62.5%

+50%

+37.5%

+25%

+12.5%

-12.5%

-25%

-37.5%

-50%

-62.5%

-75%

-87.5%

-100%

Indigo

FFFFFF

E8E9F7

D1D3EF

BABDE7

A3A7DF

8C91D7

757BCF

5E65C7

454DA4

3D4492

353B80

2D326E

25295C

1D204A

151738

0D0E26

000000

Blågrønn

FFFFFF

E3F4F8

C7E9F1

ABDEEA

8FD3E2

73C8DB

57BDD4

44B2CC

319FC4

2B8CAD

257996

1F667F

185368

124051

0C2D3A

061A23

000000

Fjelleng

FFFFFF

E0F6F3

C1EDE7

A2E4DB

83DBCF

64D2C3

45C9B7

35BFAC

22bf9d

1E7E8A

1A6D77

165C64

124B51

0E3A3E

0A292B

061818

000000

Gamboge

FFFFFF

FDF3E0

FBE7C1

F9DBA2

F7CF83

F5C364

F3B745

F0AB26

E09D00

C48A00

A87700

8C6400

705100

543E00

382B00

1C1800

000000

Bringebær

FFFFFF

FAE3E8

F5C7D1

F0ABBA

EB8FA3

E6738C

E15775

D73A5C

C91C42

B1193A

991532

81122A

690E22

510B1A

390712

21040A

000000

Røyksort

FFFFFF

E3E3E3

C8C8C8

ACACAC

909090

747474

595959

3D3D3D

222222

1D1D1D

191919

151515

111111

0C0C0C

080808

040404

000000

Kultivert

FFFFFF

FEFEFE

FDFCFC

FCFBFB

FAFAF9

F9F9F8

F8F7F7

F7F6F5

F5F4F3

DAD6D3

BEB8B1

A29990

857A6F

645C54

433D38

211F1C

000000

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.

Riktig/feil

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.

Vridd

Skvist

Most

For stor

Oppdelt

Glød

Utvendig skygge

Innvendig skygge

Forskjøvet

Feil farge

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. For smal

Eksempler

To personer med T-skjorter med Indigo-logoen

To personer med T-skjorter som viser Indigo-logoen på forsiden og baksiden

Spørsmål om bruk

For spørsmål vedrørende denne manualen, eller bruk av Indigo sin profil, vennligst ta kontakt med Petter Berg.

All bruk av denne grafiske profilen må avklares med oss.