For å sørge for at merke­varen ivare­tas på tvers av flater og bruk­som­råder, har det blitt utviklet et overord­net design­sys­tem. Tydelige prin­sip­per om plasser­ing av logo og typografi i sam­spill med et stort spillerom i ele­menter skaper et gjenkjen­nelig sys­tem, til tross for mulighet for store vari­asjon­er og lang lev­etid. På denne siden finner du ret­ningslin­jer for hvor­dan design­sys­temet ivare­tas gjen­nom prin­sip­per for stør­relser, plasser­ing, og bruk av bilder og typografi på tvers av et spek­ter av flater.

Lay­out grid

For å sørge for et kon­sekvent uttrykk på tvers av flater, skal Vy benytte seg av et gjenkjen­nelig gridsys­tem. Gridsys­temet tar utgangspunkt i for­matets stør­relse, som gjør at man får et hel­hetlig inntrykk på tvers av forskjel­lige formater.

• Mar­gene (X) tilsvar­er 5% av for­matets bred­de. Eksem­pli­fis­ert ved A4 (210mm) gir en X = 10.5mm.
  
• Med utgangspunkt i logoens regler for friom­råde, angis logoens bred­de til 2X, med X avs­tand fra ven­stre kant. 
  
• Som et generelt prin­sipp, job­ber man med et gridsys­tem som er 10 kolon­ner som gir gode vilkår for både sym­metriske og asym­metriske lay­outer. Kolonnene settes med 0.5X gut­ter

For min­dre flater må man vur­dere for­matet, og eventuelt benytte 8 eller 6 kolon­ner — logoens friom­råde hen­syn­tatt. Ekstreme ver­tikalfor­mater som dig­i­tale annonser benyt­ter én kolonne.

Lay­out størrelser

For å opp­nå rik­tig stør­relses­forhold mel­lom logo og over­skrifter, angis logoens høyde som skrift­stør­relse. På et A4-for­mat tilsvar­er dette 10.5mm = 29.764pt. Pro­gram­vare tar seg av kon­vert­ing mel­lom enheter.

• Fig 1) I de til­feller hvor over­skrift er én enkelt lin­je, skal den ver­tikalt sen­tr­eres i forhold til logoen. 
• Fig 2) Der­som tit­te­len går over flere lin­jer, skal over­skriften skyves til top­pen av logoen.
  
  Lin­je­høy­den til over­skriften settes til 1.067 ganger skrift­stør­relsen.

Lay­out plassering

Logo og tekst

• Fig 1) Ver­tikalt skal for­matet deles inn 12 rad­er, hvor man angir 3 like del­er som definer­er rommene hvor logo og tit­tel skal plasseres. 
• Fig 2) I mod­ul én og to, skal logo og tit­tel knyttes til top­pen av mod­ulen, men i mod­ul 3 er det høy­den på over­skriften som avgjør hvor logo sitter.
• Fig 3) For å alltid ha god avs­tand mel­lom logo/tit­tel-kom­po­sisjon og øvrig innhold, skal innhold­et aldri komme nærmere enn raden etter tit­te­lens siste påbegynte. 

Bruk av foto i layoutsystem

Ved bruk av foto har man tre forskjel­lige muligheter når man forhold­er seg til gridet og de øvrige elementene

• Fig 1) Like ram­mer som øvrig innhold
  Denne vari­anten åpn­er opp for å plassere logo og tekst i enten øver­ste eller ned­er­ste modul.
• Fig 2) Utfal­l­ende på tre sider
  Ved bruk av delvis utfal­l­ende bilde, følges van­lige prin­sip­per for plasser­ing og tekst.
• Fig 3) Helt utfal­l­ende bilde
  Ved bruk av helt utfal­l­ende bilde, tillates det at man plasser­er logo og tekst over bildet. Dette set­ter høyere krav til var­somhet hva les­barhet angår. Sørg for at par­ti­et med logo og tekst er så rolig som over­hodet mulig.

Lay­out avvik

I noen til­feller kan man avvike fra de generelle prin­sip­pene om plasser­ing av logo sam­men med tekst. I alle til­feller skal man dog følge prin­sip­pene for hvor logoen plasseres på flaten.

• Fig 1) I til­feller hvor man lager rene tek­st­plakater-/an­nonser og denne er satt i Vy Dis­play, kan logo plasseres løs­revet fra teksten.
• Fig 2) Om man job­ber med helt utfal­l­ende bilder i sam­spill med veldig korte og enkle tek­st­bud­skap, kan både logo og tekst stå på bildet, enten sam­let eller løs­revet. I slike til­feller skal man bruke enten sort eller hvit logo.
  

Nett­side og app

Pow­er­Point

Pow­er­Point-malen innehold­er mal­sider for for­side, tit­tel, agen­da, kapit­tel, sitat, og diverse innholdssider som dekker et bredt behov. Det er ønske­lig at man føl­ger oppset­tet i malen og ikke endr­er designet eller lager egne mal­sider. Der­som man savn­er en lay­out eller mal­side kan man først se om det er mulig å kom­binere to eksis­terende mal­sider. Vi bruk­er erstat­ningsty­pografien Ari­al for å sikre at pre­sen­tasjonene fun­ger­er på alle maskiner.

Malen finnes i to ver­sjon­er – stan­dard og enkel. Stan­dard­malen innehold­er et utvalg bilder, mens den enkle malen er tek­st­basert med mulighet for å legge til bilder selv, i angitte bilder­am­mer. I til­legg finnes en ppt-fil med kun bilder du kan hente fra ved behov.

Filene er tilgjen­gelige for ned­last­ing under.

Word-maler

Malene er basert på et A4 for­mat og blir pro­gram­mert av Office Con­sult. Alle maler er pro­gram­mert til å kunne merkes med sikker­hetsmerk­ing. Her må det installeres makroer for dette i Microsoft Word. Når disse er installert kan man jus­tere egne maler med den sikker­hetsmerkin­gen man selv ønsker. Det er et oppsett som tillater 99 tegn i bred­den i satsspeilet. Tekst er alltid sort og bak­grun­nen er hvit. Logo skal ikke flyttes. 

Det er utar­bei­det tre Word maler:

• Brevmal
• Notat Mal
• Refer­at­mal

Dig­i­tale annonser

Dig­i­tale annonser føl­ger de sat­te prin­sip­pene om avs­tander og stør­relser der for­matet tillater det.

Avvik vil forekomme der sys­temet før­er til at logoen blir min­dre enn anbe­falt min­i­mumsstør­relse. I disse til­feller foren­kles gridet til én kolonne for høy­de­for­mater, og én rad for bred­de­for­mater. Ta hen­syn til logoens krav om min­i­mumsstør­relse og utvis skjønn.

Under vis­es eksem­pler på annonser i for­matene fullscreen, Face­book feed ad, sky­scraper og toppbanner.

Email-sig­natur

Email-sig­na­turen skal settes i Ari­al i samme punk­t­stør­relse som benyttes i resten av mailen. Infor­masjo­nen i sig­na­turen for­materes som illus­tr­ert her, med navn satt i Ari­al Bold og annen infor­masjon i Ari­al Reg­u­lar. Link­er settes til far­gen Vy Grønn.

Nyhets­brev

Nyhets­brevet er basert på dagens oppsett. Vi har satt opp ett brev med Vy Sans og Dis­play, samt pro­fil­far­gene. og det andre Baert på Apsis’ modul­sys­tem. Her bruk­er vi Ari­al Bold og Ari­al Reg­u­lar til tekst. Vi bruk­er ikke farge på tekst, kun på aktive lenker. Her bruk­er vi Vy Grønn som en call to action farge. Tek­st­stør­relse er i hen­hold til uni­versell utform­ing. Tek­st­farge er sort.

Skissene vis­er nyhets­brev på:

• PC/​Mac/​Tablet
• Mobil

Kon­vo­lutt

Malene er basert på et C6, C5 og C4 for­mat for å romme et A4 ark som er bret­tet én gang (C6) og tre ganger (C5). Tek­st­stør­relse er i hen­hold til uni­versell utform­ing. Tekst- og logostør­relse er lik på alle ver­sjon­er. Logo­plasser­ing føl­ger ret­ningslin­jer for friområde. 

Logo føl­ger ret­ningslin­jer for logo plassert på lys bak­grunn og skal frem­stilles som Logo Far­get Positiv.

Det er designet oppsett for føl­gende konvolutter:

• C6 m/​u vindu
• C5 m/​u vindu
• C4 m/​u vindu

Visit­tko­rt

På de nye visit­tko­rtene for­be­holdes for­si­den til logoen, mens bak­si­den innehold­er både per­son­lig infor­masjon og sen­tral kon­tak­t­in­for­masjon. Det tenkes at den sen­trale infor­masjo­nen vil variere mel­lom lan­dene, men for­materes likt.

For­mat

• 90mm × 55mm
  Skan­di­navisk standard 

Mate­ri­alitet

• Munken Lynx White papir med spot­lakk på logo, dig­i­tal-trykk på informasjonssiden.

Typografi

• På grunn av små skrift­stør­relser benyt­ter man Vy Sans Reg­u­lar og Vy Sans Bold på visittkortene

Plakater

Plakater skal ha et tydelig bud­skap som er godt syn­lig på avs­tand. Plakater føl­ger der­for en egen formel for grid og logostør­relse. Logoens bred­de på plakater er der­for omkring 20% av for­matets bred­de. På grunn av logoens stør­relse og regler for fri­av­s­tand, er det laget en et eget grid for bruk av inn­fal­l­ende bilde. Plakatens grid har egne hjelpelin­jer for både plasser­ing av bilde, og for plasser­ing av logo og øvrig innhold. Logo og tekst skal skilles fra hveran­dre på plakater, og det anbe­fales å bruke korte tek­st­bud­skap og store bilder.

Det gir disse logostør­relsene:
Logo på A1-plakat: 120mm bred
Logo på A0-plakat: 170mm bred

Under vis­es spe­si­fikasjon­er for stør­relses­forhold på plakat i for­matene A1 og A0, med eksemplifiseringer.

Plasser­ing av foto på plakater

Stør­relser for plakat A1

Stør­relser for plakat A0

Avisan­nonser

Avisan­nonser føl­ger reg­lene for stør­relses­forhold, logo­plasser­ing og lay­out som beskrevet i tidligere kapit­tel, tilpas­set hvert enkelt format. 

Avvik vil forekomme der sys­temet før­er til at logoen blir min­dre enn anbe­falt min­i­mumsstør­relse. I disse til­feller foren­kles gridet til én kolonne for høy­de­for­mater, og én rad for bred­de­for­mater. Ta hen­syn til logoens krav om min­i­mumsstør­relse og utvis skjønn.

Under føl­ger eksem­pler på annonser i to ulike for­mat for A‑magasinet, D2 og Aften­posten. Bilder og tekst er kun ment som illustrasjonseksempler.

Still­ingsan­nonser

I tryk­te still­ingsan­nonser opp­for­dres det til å være kort og kon­sis i kom­mu­nikasjo­nen, og heller sende aktuelle søkere videre til kar­ri­ere­por­tal­en. Kon­sekvent bruk av lay­out­prin­sip­per og tyde­lighet i typografi i kom­bi­nasjon med språkpro­filen benyttes for å styrke merkevaren.

Still­ingsan­nonse B24 og B25 eksempel

• Fig 1) Kort bud­skap som beskriv­er hvilken still­ing det gjelder, og per­son­lighet­strekk man ønsker. Gjør det men­neske­lig og tilgjengelig. 
• Fig 2) I de til­feller hvor man er avhengig av større tek­st­mengder i selve annon­se­flat­en, benyttes en far­get bak­grunn for å ivare­ta merke­varen best mulig. I hen­hold til logoens ret­ningslin­jer, benyttes den i hel­far­get når den står på farge­flate. Der­som meng­den tekst tillater at man kan skyve kom­po­sisjo­nen ned, kan top­pen fylles med swirl/​mønster.