Publisert

desember 2022 


Designmanual 

Acta — barn og unge i Normisjon 



acta_nettside

Intro

Acta sin designmanual oppsummerer den visuelle identiteten og hvordan den skal opprettholdes. Her vil du bli introdusert for alle de visuelle elementene, og hvordan du kan ta de i bruk på ulike flater.


Bruk litt tid på å få oversikt over det visuelle uttrykket og bli kjent med hvordan du kan bruke identiteten.

Innhold

1.0 Logo

2.0 Typografi

3.0 Farger

4.0 Bildestil

5.0 Komposisjon og grafiske elementer

6.0 Eksempler og maler

1.0 Logo


Logoen består av et enkelt navnetrekk med acta skrevet i små bokstaver og et piktogram som er en form for en stor A. Denne A-en er en brettet sirkel. Dette symboliserer Actas arbeid som preges av fasthet i innhold og frihet i form.

1.1 Primærlogo 


Sidestilt

Hovedlogoen i tre fargeversjoner, blå, hvit og sort. Etterstreb å bruke enten hovedfargen blå, eller hvit. Sort brukes kun ved sort/hvitt print eller på gul bagrunn.

minimum_hyde_01-copy minimum_hyde_01-copy-2


Overstilt

Den overstilte versjonen av logoen skal kun brukes i tilfeller hvor det er lite plass i bredden.


Regler for logofarger er også gjeldende for sekundærlogo.

acta_overstilt_tag_rgb_bla

1.2 Piktogram


Piktogrammet kan brukes i tilfeller hvor det er lite plass i både høyden og bredden. Den skal brukes som profilbilde på sosiale medier. Og gjerne på merch. 


Regler for logofarger er også gjeldende for piktogram.



Nedlastning

Her kan du laste ned primærlogo-banken som inneholder filer i CMYK (print bruk) og RGB (digital bruk).

Last ned primærlogo-bank →
acta_piktogram_rgb_bla

1.3 Regionslogo


Det er utvikliet egen logo for hver region. I logobanken kan du laste ned både sidestilt og overstilt versjon.


Regler for logofarger er også gjeldende for regionslogo.



Nedlastning

Her kan du laste ned regionslogo-banken som inneholder filer i CMYK (print bruk) og RGB (digital bruk).

regionslogo
Last ned Agder regionslogo her →
Last ned Nord regionslogo her →
Last ned Sentralt regionslogo her →
Last ned Hordaland regionslogo her →
Last ned Nordland regionslogo her →
Last ned Sogn og Fjordane regionslogo her →
Last ned Møre regionslogo her →
Last ned Rogaland regionslogo her →
Last ned Telemark regionslogo her →
Last ned Trøndelag regionslogo her →
Last ned Østfold regionslogo her →
Last ned Vestfold Buskerud regionslogo her →
Last ned Øst regionslogo her →

1.4 Konseptlogo


Det er utviklet egen logo for ulike konsept innad i Acta. I logobanken kan du laste ned både navnetrekk, sidestilt og overstilt versjon.


Regler for logofarger er også gjeldende for konseptlogo.



Nedlastning

Her kan du laste ned konseptlogo-banken som inneholder filer i CMYK (print bruk) og RGB (digital bruk).

acta_konseptlogo3x
Last ned KonfCamp logo her →
Last ned Lederutvikling logo her →
Last ned Musikkverksted logo her →

1.5 Sikkerhetsområdet


Sikkerhetsområdet bidrar til at logoen får plass, blir tydelig og lesbar, og påser at den ikke konkurrerer med andre grafiske elementer.


Området tilsvarer størrelsen av bokstaven 'C'  i navnetrekket. Innenfor dette området skal det ikke være andre elementer.

logo_sikkerhetsomrade

1.6 Minimumsstørrelser


Sidestilt

Det er angitt en minimumsstørrelse på logoen for bruk i digitale flater og print. Dette for å ivareta lesbarheten. Når logohøyden blir lavere enn angitt, skal undertittelen ikke tas med.


Regler for minimumsstørrelse gjelder også sidestilt regions- og konseptlogoer.



Overstilt

Det er angitt en minimumsstørrelse på logoen og symbolet for bruk i digitale flater og print. Dette for å ivareta lesbarheten. Når logohøyden blir lavere enn angitt, skal undertittelen ikke tas med


Regler for minimumsstørrelse gjelder også overstilt regions- og konseptlogoer.

minimum_hyde_01
minimum_hyde_02

Piktogram i sosiale medier

For profilbilder i sosiale medier, skal piktogrammet tas i bruk. 

piktogram_some

2.0 Typografi

Hovedfonten til Acta heter Manrope, og er en moderne sans-serif font-familie. Fonten har avrundede detaljer som bygger opp under Actas identitet. Fontfamilien er brukervennlig og er optimalisert både for trykk og digital.  Det er totalt 7 snitt som brukes etter behov. 


I tillegg til Manrope, har Acta en støttefont; DM Sans. Denne er kun lov å bruke som brødtekst på trykksaker der kursiv er nødvendig. 

Last ned fontpakken →

Profilfont

Manrope Regular

Manrope Regular

ABCDEFGHIJKLMNOPQRSTUVWXYZÆØÅ

abcdefghijklmnopqrstuvwxyzæøå

0123456789

Profilfont

Manrope Bold

Manrope Bold

ABCDEFGHIJKLMNOPQRSTUVWXYZÆØÅ

abcdefghijklmnopqrstuvwxyzæøå

0123456789

Støttefont

DM Sans Reg/Bold

(Kun til brødtekst på trykksaker)

DM Sans

ABCDEFGHIJKLMNOPQRSTUVWXYZÆØÅ

abcdefghijklmnopqrstuvwxyzæøå

0123456789

Typografisk 

hierarki



Tittel (Manrope Regular)


Body text (Manrope Regular) Donec lectus orci, molestie sit amet magna et, porttitor dictum massa. Integer commodo volutpat ligula, in sodales augue hendrerit id. Vestibulum tincidunt eget erat sollicitudin tempor. Curabitur purus justo, fringilla vel convallis fringilla, posuere in orci. Donec viverra condimentum rhoncus. Nulla vehicula imperdiet ornare. Nullam suscipit volutpat laoreet. Vestibulum rhoncus lacus purus, in ornare est posuere at. Donec imperdiet dignissim dui. Donec lectus orci, molestie sit amet magna et porttitor.

Støttefont

DM Sans Reg/Bold

Tittel (Manrope Regular)


(DM Sans) I trykksaker der det er behov for kursiv, skal støttefonten DM Sans brukes. Støttefonten er forbeholdt mengdetekst, mens Manrope skal alltid brukes for titler. 

3.0 Farger

Actas visuelle identitet tar i bruk en fargerik palett, der blå er hovedfargen. Det er lov å bruke totalt to farger (eksludert hvit og sort) på en flate. For å sikre riktig bruk av farger er det derfor satt opp et fargekart.

3.1 Primærpalett

Blå

  • HEX #3259E5

  • RGB 50, 89, 229

  • CMYK 100, 40, 0, 0

  • PMS 285C


Mint

  • HEX #DBFFED

  • RGB 219, 255, 237

  • CMYK 15, 0, 12, 0

  • PMS 573C


Rød

  • HEX #FF3000

  • RGB 255, 48, 0

  • CMYK 0, 90, 90, 0

  • PMS 485C

Rosa

  • HEX #F4CDD5

  • RGB 244, 205, 213

  • CMYK 0, 17, 6, 0

  • PMS 496C


Grønn

  • HEX #007328

  • RGB 0, 115, 40

  • CMYK 88, 26, 97, 13

  • PMS 348C


Gul

  • HEX #FFF29E

  • RGB 255, 242, 158

  • CMYK 0, 3, 46, 0

  • PMS 120C


Hvit

  • HEX #FFFFFF

  • RGB 255, 255, 255

  • CMYK 0, 0, 0, 0


Svart

  • HEX #000000

  • RGB 0, 0, 0

  • CMYK 0, 0, 0, 100


3.2 Fargebruk


På en flate har man lov til å bruke totalt to farger. Fargekartet viser hvilke farger som må brukes sammen.  Det er kun disse kombinasjonene som er lov å ta i bruk. 


For eksempel: En SoMe-post med blå bakgrunn kan bruke mint som tekstfarge. 

fargebruk

4.0 Bildestil

Bilder er en viktig del av Actas visuelle identitet. Konsekvent bruk bidrar til å skape et helhetlig uttrykk og løfte frem menneskene og fellesskapet. Noen overordnede retningslinjer hjelper oss å velge riktig bilde i en fotobank og fungerer som underlag for å briefe en fotograf før opptak.

Bildene skal ha et skandinavisk uttrykk, ved å benytte naturlig lys med myke skygger og et luftig utsnitt.


Bildene skal oppleves som øyeblikksbilder og ha fokus på et inkluderende fellesskap. Motivet skal oppleves ryddig, uten for mange elementer. 

acta_bildestil

5.0 Komposisjon og grafiske elementer

Identiteten består av grafiske former, typografi og komposisjon. Dette må være konsekvent for å skape en gjenkjennelig merkevare. Hierarkiet skal hjelpe mottaker med å skjønne hva som er viktig informasjon.

5.1 Grafiske former


De grafiske formene i vår identitet er hentet fra digitale tags. Disse formene kan brukes for å utheve overskrifter eller som tags nederst på designet for å utheve viktig informasjon som for eksempel aldersgruppe, pris, nettside osv.  


For å sikre et helhetlig uttrykk er komposisjonen definert i malverket som er utviklet under.


Du kan laste ned de grafiske elementene i PNG og EPS. De er delt opp i to mapper og kan lastes ned under. 

Last ned pakke 1 med grafiske former →
Last ned pakke 2 med grafiske former →
acta_former

5.2 Hierarki


→ Tydelig bruk av grafiske former for å utheve overskrift

→ Relativt stort bilde, og som ikke sprenger formatet

→ Bruk av grafiske former for å utheve viktig informasjon

→ Liten brødtekst

hierarki

5.3 Grafisk element som overskrift


De grafiske formene kan brukes for å utheve overskriften.



Husk!

→ Er bakgrunnen i en av Actas profilfarger, skal det grafiske elementet alltid stå i hvitt.  

→ Er bakgrunnen et bilde, kan grafiske elementer stå i en av Actas profilfarger.

grafisk_element_h1

5.4 Grafiske element 

som informative tags  


De grafiske formene kan brukes for å utheve viktig informasjon. Som vist i eksempel kan informative tags være for eksempel aldersgruppe, hvilke datoer en leir skal foregå, eller pris. 


Husk!

→ Grafisk element skal alltid stå i hvitt med svart skrift.

grafisk_element_tags
totebag

6.0 Eksempler og maler

Det er utviklet eksempler og maler i tråd med det nye designet. Dette kan brukes for å ivareta den visuelle identiteten.

6.1 Sosiale medier-eksempler 


Det er utviklet en mal som enkelt kan tas i bruk på Canva. 


For å få tilgang til denne må du ha bruker på Canva og bli lagt inn i Acta sin mappe. Ta kontakt med actamedia@normisjon.no for å få tilgang til riktig mappe. 


Denne malen er ment som eksempel og inspirasjon. 


instagram_innlegg
instagram_story

6.2 Flyers

 

Denne malen er ment som eksempel og inspirasjon.

Last ned flyer-mal her (inDesign fil) →
flyer

6.3 Brosjyre

 

Denne malen er ment som eksempel og inspirasjon.

Last ned brosjyre-mal her (inDesign fil) →
acta_brosjyre

6.4 Leirplakat

 

Denne malen er ment som eksempel og inspirasjon.

Last ned leirplakat-mal her (inDesign fil)→
leirbrosjyre

6.5 Powerpoint-mal 

Last ned ppt-mal her →
powerpointmal

6.6 Merch 

 

Denne malen er ment som eksempel og inspirasjon.


acta_merch_01

6.7 Roll-up

 

Denne malen er ment som eksempel og inspirasjon.


acta_rollup

For spørsmål, ta kontakt med kommunikasjonsansvarlig i Acta, actamedia@normisjon.no 



Minsk

©2022


Tilbake til toppen