• Brand Management
    • Digital asset management
    • Full-scale editing tools
    • Approval and decision flows
    • Manage campaigns
    • Don’t show again

Introduksjon

Konsept

Logo

Farger

Typografi

Former

Layout

Foto

Eksempler

artboard-152

Introduksjon

Konsept

Verktøyene

Logo


Former

Fargepalett


Layout/grep

Typografi


Foto

Eksempler til inspirasjon

Introduksjon

Denne designmanualen retter seg til alle som produserer, designer og publiserer visuell kommunikasjon for Studentdemokratiet i Sørøst-Norge. Retningslinjene som er gitt skal alltid følges nøye. Det gir SDSN et helgetlig uttrykk, bygger en sterk merkevare og bidrar til en tydeig avsenderidentitet. 


Innholdet presenterer en oversikt over alle designelementene som til sammen utgjør verktøykassen til SDSNs visuelle profil, og gir klare retningslinjer for hvordan hvert element kan, skal og ikke skal brukes.

Konsept

Bærende konsept

Den visuelle identiteten skal sørge for at SDSN fremstår som en tydelig og gjenkjennbar aktør i all kommunikasjon med omverdenen og gi klarhet i hvem SDSN er og hva de står for. 


Målet er å gjennom det viuselle uttrykket fremstå som en tydelig og attraktiv organisasjon som det er lærerikt og verdifult å være en del av. 


For å oppnå dette målet er det viktig at mange uten designkompetanse skal benytte den visuelle profilen gjør det viktig at retningslinjene som er gitt blir fulgt for å oppnå målet ovenfor.  

Verdier

Inkluderende

HJELPEORD: Åpen for alle. Likeverd. Allestudenter er like viktige. Høre alles mening. Ingen sak er for liten. 


Våken

HJELPEORD: Energisk, aktiv og kvikk.Sprek, oppdatert, strålende, fremoverlent og oppegående. Oppmerksom og nysgjerrig. 


Dyktig

HJELPEORD: Kompetent og driftig. Seriøs, strukturert, klok og profesjonell. 


Leken

HJELPEORD: Rampete og oppfinnsom. Kreativ og nytenkende. Morsom og litt frekk. Vill og ung. "Hva blir neste stunt?"


Tapper

HJELPEORD: Stå-på-vilje, modig og utrettelig. Gir seg ikke og er kampklar.

Visjon (brukes internt)

Studentdemokratiet i Sørøst-Norge skal være en klok og leken gledesspreder som løfter medstudenter og lar dem skinne!

Verktøyene 

Logo

For å bygge kjennskap og skape et helhetlig uttrykk bør logoen brukes på alle flater hvor SDSN er avsender. 


Logoen skal kun settes i sort, hvit eller indigo og bør alltid ha tilstrekkelig kontrast til bakgrunnen den står på for å sikre lesbarhet.


Logoen er laget på bokmål, nynorsk og engelsk.


Logoen er bestående av flere moduler som sammen danner løkkene i en fiktiv lenke. Lenken kan være uendelig og blir større og sterkere jo flere som kommer til. Gjennom å skape en samlet form ut ifra mindre delere skal logoen formidle samarbeid, felleskap og samhold. Tanken bak symbolet er at "sammen står vi sterkere". Lenkeanalogien henspiller seg til demokrati og samhold, individet og fellesskapet. 

Formen på symbolet gir assosiasjoner til de runde formene i bokstavene S og D fra navntrekket og gir symbol og tekst sammenheng. 


Modulene i lenken kan enkelt varieres og tas fra hverandre eller settes sammen i nye konstellasjoner til andre grafiske elementer eller mønster. 


Fargene og typografien er valgt ut for å kunne står i sammenheng med Universitet i Sørøst-Norges visuelle profil.

Primærlogo

hovedlogo-sort-18
hovedlogo-hvit-20
NN_SD_hovedlogo_indigo
hovedlogo-sort-18
EN_SD_main_black

Horisontal logo

Den horisontale logoen skal kun brukes på flater hvor primærlogo ikke har tilstrekkelig plass eller gir god nok synlighet. Den horisontale logoen skal aldri stå på høyre side av en flate. 

logo-liggende-sort-19
logo-liggende-hvit-22
logo-liggende-indigo-23

Riktig bruk av logo

Minstestørrelser

For å sikre lesbarhet og en gjenkjennelig logo på alle flater, er minste tillatte logohøyde for primærlogoen 55 px eller 19.5 mm.

Minste tillatte logohøyde for horisontal logo er 40 px eller 7.5 mm.

logo-storrelse-27
logo-storrelse-26

Luft rundt logo

SDSNs logo skal ikke plasseres for nære andre elementer eller ytterkanter. Det skal være god luft fra logoen og til formatets kanter, til andre grafiske elementer osv.


Dette beskyttede området tilsvarer  


Dette beskyttede området tilsvarer halve høyden av N’en i USN-symbolet over, under og på sidene.

logo-avstand-25

Ukorrekt bruk av logo

Sørg alltid for tilstrekkelig kontrast mellom logo og bakgrunnsfargen den står på. Både symbol og navnetrekk skal fremstå tydelig og ikke gro sammen med bakgrunnen. Dette krever at logoen får opptre i en stor nok minstestørrelse. Dette avhenger av flaten, mediet, og bakgrunnsfargen den settes på. Sørg for tilstrekkelig kontrast spesielt når logo plasseres på bilder. Logo skal aldri settes i en boks eller en annen form. 


Om logo står dårlig på bildet, vurder heller følgende tiltak:

– endre layout

– bytte bilde

– annet utsnitt av bildet

– endre fargeversjon av logo

– skalere logo


Det er ikke tillatt å sette sammen navnetrekk og symbol på nye måter, eller endre logo på noen måte. Bruk alltid orginal logo, slik de er satt opp i originalfilene. Det er ikke tillatt å legge til skygge, kontur eller andre effekter på logo.


Logo skal kun skaleres proporsjonalt. Det skal aldri strekkes, roteres eller deles. Logosymbol og navnetrekk skal alltid ha samme farge.

feil-bruk-36

Nedlastbare filer

Last ned logopakke

Fargepalett

SDSNs fargepalett består av farger fra USN, men har hovedvekt på andre farger enn de USN bruker mest. Fargepaletten er en kombinasjon av seriøse farger og mer energiske signalfarger som skal gi økt sylighet. 

Fargevekting

Indigo er den viktigste fargen, denne sammen med rosa og kan brukes som bakgrunnsfarger. 


Indigo, syregrønn og rosa er frager som kan brukes på tekst. Rosa og syregrønn skal kun brukes som tekstfarge på overskrifter. 


Lilla skal kun brukes som farge på grafiske elementer som former, figurer ol. Lilla skal kun brukes dersom det ikke passer med en av de andre fargene. For eksempel dersom det blir for mye med syregrønn eller rosa. 


De lysere nyansene av rosa kan brukes som bakgrunnsfarge på for eksempel nettside eller PowerPoint. 

artboard-11

Fargekoder

Indigo

  • HEX #2F0B63

  • RGB 47, 11, 99

  • CMYK 90, 100, 0, 42

  • PMS 2119 C

Lilla

  • HEX #7800F0

  • RGB 120, 0, 240

  • CMYK 72, 80, 0, 0

  • PMS 2089 C

Rosa

  • HEX #EF7DBB

  • RGB 239, 125, 187

  • CMYK 3, 64, 0, 0

  • PMS 204 C

Medium rosa

  • HEX #ffcced

  • RGB 255, 204, 237

  • CMYK 2, 20, 0, 0

  • PMS 2036 C

Syregrønn

  • HEX #CFFF1F

  • RGB 207, 255, 31

  • CMYK 24, 0, 100, 0

  • PMS 388 C

Lys rosa

  • HEX #FEE3F4

  • RGB 254, 227, 244

Fargekontrast

Det er viktig at tekst- og bakgrunnsfarger har tilstrekkelig kontrast for å sikre god lesbarhet og for å oppfylle krav om universell utforming. 

Hvit bakgrunn

Sort

Indigo

Lilla

Indigo bakgrunn

Hvit

Rosa

Syregrønn

Medium syregrønn

Rosa bakgrunn

Sort

Indigo


Medium rosa bakgrunn

Sort

Indigo

Lilla

Lys rosa bakgrunn

Sort

Indigo

Lilla

Typografi

Profilfonten er en av USNs to profilfonter. Å bruke kun en font gir budskapene tydelighet og slagkraft. I tillegg er dette med på å skille SDSN fra USN og likevel ha en familiæritet. 


Maison Neue er en lett, luftig og godt lesbar grotesk font. Denne kan brukes i vekter fra Book til Bold, inkludert italics. Systemfonten Arial brukes der det ikke er mulig å bruke profilfonten. 

typografi-37
fonter-41
fonter-38
fonter-40
fonter-39

Former

De grafiske formene er en viktig identitetsmarkør og gir formene fra logoen økt mening ved å sette dem sammen på nye måter. Formene kan brukes til å fremme budskapet til SDSN.


Formene er basert på formene fra logoen, og setter disse sammen på en ny måte. Formene består av kompakte delerformer og stipete delformer. Stripene skal alltid kun ha én strektykkelse. 


former-42

Formene kan være ensfarget eller i to farger. Dersom det brukes to farger på formene skal alle stripene være i samme farge og alle kompakte formelementer være samme farge. 


Fargene på formene kan være indigo, eller lilla i kombinasjon med rosa eller syregrønn. Rosa og syregrønn skal aldri kombineres. Lilla og indigo skal heller ikke kombineres. 

artboard-6

Figurer

Grunnformene kan brukes til å lage figurer som kan fremheve budksapet til SDSN. Figurer skal alltid være ensfargede. 

former-48
figurer

Feil bruk av formene

Tekst skal ikke overlappe form, og former skal ikke overlappe hverandre. Former skal ikke brukes oppå bilde i for liten størrelse. Det skal helst heller ikke brukes stripete former oppå bilde. Alle former skal skaleres proposjonalt og må ikke dras eller strekkes. 


Det anbefales heller ikke å bruke mer enn to forskjellige farger i en form, eller flere strektykkelser på de stripete formelementene. 

artboard-8

Nedlastbare filer

Last ned former og grid (.ai)

Layout/grep

Tekst skal i hovedsak venstrestilles.

Former som ramme på tekst

artboard-44
artboard-29
artboard-81

Former kan brukes for å vise temaer eller saker som er viktige for SDSN. 

artboard-164
artboard-147

Former oppå bilde

Former kan brukes oppå bilde i stor størrelse. Dette gjelder ikke de stipete formene. 

artboard-67
artboard-66

Bilde inni form

Fromer og figurer kan brukes som ramme på bilder. 

artboard-130
artboard-137

Foto

Overordnet bildemanér

- Naturlige og klare farger.

- Ikke overredigert.

- Ekte mennesker.

- Etterstrebe en fototeknisk høy kvalitet – fokus, eksponering, oppløsning, komposisjon ol.


Det kan ofte være bruk for portrettbilder av for eksempel lederne i SDSN. 

- Fokus på personen.

- Bakgrunnen bør være ren, uten forstyrrende elementer.

- Personen bør se i kamera og smile – om det er naturlig.

bachelor_i_okonomi_og_ledelse_markedsforingsledelse_usn_04878_foto_ingvild_stokk
ali_mehran_bonyadi_2_usn_02340_foto_kommunikasjon_universitetet_i_sorost_norge
elyas_mohammad_chahoshi_usn_02357_foto_kommunikasjon_universitetet_i_sorost_norg
bachelor_i_okonomi_og_ledelse_markedsforingsledelse_usn_04875_foto_ingvild_stokk

Eksempler til inspirasjon

artboard-28
artboard-13
artboard-14
artboard-35
artboard-51
artboard-50
artboard-40
artboard-43
artboard-42
artboard-63
artboard-44
artboard-62
artboard-59
artboard-67
artboard-65
artboard-66
artboard-78
artboard-77
artboard-83
artboard-189
artboard-188
artboard-198
artboard-201
artboard-202
artboard-205
artboard-207
artboard-208
artboard-75
artboard-81
artboard-89
artboard-121
artboard-91
artboard-93
artboard-119
artboard-99
artboard-101
artboard-120
artboard-105
artboard-107
artboard-118
artboard-111
artboard-110
artboard-126
artboard-129
artboard-130
artboard-134
artboard-137
artboard-138
artboard-161
artboard-164
artboard-165
artboard-168
artboard-170
artboard-172
artboard-114
artboard-112
artboard-84
artboard-142
artboard-139
artboard-131
artboard-157
artboard-153
artboard-155
artboard-147
artboard-150
artboard-151