Vitaminen - brand identity, guideline and assets.

Innhold

Designmanual 2025

01 Introduksjon

Vitaminen skal bli et nytt kontorbygg på Storo, utviklet av Ferd Eiendom. Plassert på en historisk tomt og langs en historisk vei, skal bygget videreføre elementer fra sin vitaminfylte historie. Vitaminen skal være et positivt tilskudd til folks hverdag, uansett om de jobber, lever eller ferdes på Storo.

Bygget skal bringe farge og liv – og være et friskt pust til området. Dette reflekteres i en elegant og frisk identitet.

Denne profilmanualen presenterer verktøykassen til Vitaminen og gir en enkel innføring i hvordan den visuelle profilen skal brukes. Det er viktig å følge retningslinjene så godt det lar seg gjøres. Er man konsistent, blir resultatet en helhetlig og sterk merkevare.

02 Logo

Logoen vår er vårt kjerneelement og eksisterer i 3 fargevarianter; White, Black og Moss Green. Fargen Moss Green benyttes kun på hovedfargene våre. Sort eller Hvit logo benyttes på fargede bakgrunner hvor det er naturlig for optimal kontrast.

Mose grønn logo benyttes kun på syrin eller syrin light bakgrunnsfarge

Hvit logo benyttes på mørke bakgrunner eller over bilder for optimal lesbarhet

Sort logo kan benyttes på alle lyse bakgrunner inklusiv grønntoner fra hovedpaletten og bakgrunn med bilde

Frisone

Logoens frisone er et minimumskrav for mengde luft rundt logo. Frisonen er basert på logoens X-høyde og er 1/2 X- rundt logo.

Minimumsstørrelse

Minstestørrelse på logo er 5 mm eller 30 px, målt i høyde. Brukes den mindre enn dette, går det negativt utover logoens lesbarhet.

Miststilt plassering

Logo kan plasseres midtstilt i formatets topp, bunn og senter langs definert marg.

Hjørnestilt plasssering

Logo kan plasseres inntil marg langs formatets fire hjørner.

03 Emblem

Emblemet vårt benyttes som et støttende element når logo ikke er tilstedeværende. Emblemet skal kun benyttes i situasjoner der vitaminen allerede er en tydelig avsender som f.eks i kontorlokalene, på merchandise eller i sosiale medier.

Fargekombinasjoner

Emblemet vårt funnes i 3 farger; Black, White og "Moss Green". Disse fargene skal brukes i godkjente fargekombinasjoner for å oppnå riktig uttrykk.

03 Fargepalett

Våre farger er inspirert av bygget og naturen rundt; grønne omgivelser og jordtoner. Riktig fargebruk skaper et helhetlig og korrekt uttrykk av vår visuelle profil. Fargepaletten har hovedvekt grønn samt et par støttefarger som gir oss mer variasjon og fleksibilitet.

Hovedfarger

Hovedfargene våre består av to friske grønn nyanser og skaper er de bærende fargene for Vitaminen utad. Fargene benyttes i hovedsak som bakgrunnsfarger og som grafisk element.

Tekstfarger for hovedfarger skal i hovedsak være satt i fargen Moss Green.

Syrin

HEX #ECECCA
RGB 236, 236, 202
CMYK 16, 0, 31, 0
PMS 2274 C/U

Syrin Light

HEX #F6F6EB
RGB 246, 246, 235
CMYK 8, 0, 15, 0
PMS 9544 C/U

Støttefarger

Når det er behov for flere farger for å skape variasjon, kan støttefargene benyttes. Disse har forskjellige bruksområder.

Bakgrunnsfarger:

- Light Pink

– Pink

– White

– Moss Green

UI elementer:

Fargen Black og Moss Green benyttes også i ulike prosenter til funksjonell bruk.

Prosentene som er definert er 10% og 20%

Tekstfarger:

– White

– Black

– Moss Green (kun på hovedfarger + hvit)

Light Pink

HEX #FFE7E2
RGB 255, 231, 226
CMYK 4, 26, 16, 0
PMS 7605 C/U

Hvit

HEX #ffffff
RGB 255, 255, 255
CMYK 0, 0, 0, 0
PMS White

Pink

HEX #E08D7B
RGB 224, 141, 123
CMYK 2, 54, 26, 1
PMS 2445 C/U

Moss Green

HEX #38380A
RGB 56, 56, 10
CMYK 50, 0, 100, 60
PMS 2280 C/U

Black

HEX #111111
RGB 17, 17, 17
CMYK 63, 60, 64, 65
PMS Black 7 C/U

Forklaring av fargekoder

RGB brukes når designet skal vises på skjerm.

Eksempel på flater: web, app, nettannonser, sosiale medier

RGB koder kan skrives som HEX på nettet. Dette er korte koder som begynner med #.

PMS-systemet (Pantone Matching System) benytter forhåndsblande farger og brukes til utskrift. Det gir en helt uniform farge på tvers av applikasjon eller utskrift. Benytt alltid PMS fargen som referanse ved trykk av CMYK.

Hvis du vil trykke opp noe og være helt sikker på at fargen fremstår best mulig, er dette den beste fargeprofilen å bruke.

Eksempel på flater: visittkort, bøker, menyer.

CMYK brukes for design som skal printes fysisk. CMYK er ikke godt nok for å oppnå sterke og klare toner, og farger kan variere mye på forskjellige printere. PMS anbefales alltid.

Eksempel på flater: skriv, plakater, flyers.

04 Typografi

Vi bruker skriftsnittene Fraunces Supersoft Italic og Denim. Fraunces Supersoft Italic er en varm og myk serif laget av Undercase Type. Den fremstår både seriøs og vennlig. Denim er en moderne sans serif av Displaay Foundery, som gir oss en god og lesbar font. Sammen skaper de en harmonisk kontrast, som hjelper oss å forme en tydelig og minneverdig identitet.

Overskrifter

Fraunces SuperSoft brukes til hovedoverskrifter, kortere budskap og skilting. Vi holder oss til Light og Regular.

Bruk

Light Italic passer til større overskrifter. Regular Italic brukes når teksten trenger mer tyngde – typisk i mindre overskrifter. Regular (ikke italic) kan også brukes der det trengs (presentasjoner og tilbudsbrev).

Fallback

Når Fraunces SuperSoft ikke fungerer – for eksempel i Office – bruker vi Garamond.

Brødtekst og undertitler

Denim benyttes i brødtekst og undertitler. Skriften har god lesbarhet og bør derfor brukes i all UI elementer som tekstbokser, knapper og andre UI elemtenter som krever god lesbarhet i små størrelsr. Vektene vi benytter er Light, Regular og Semibold.

Aktivering av alternates

Der hvor mulig aktiverer alternative glyfer for "a" og "g".

Fallback

I tilfeller der vi ikke har tilgang på skriften Denim som f.eks Office, skal Arial brukes som erstatningsfont.

Fargekombinasjoner for tekst- og bakgrunn

Moss Green tekstfarge benyttes kun på hovedfarger.

Sort tekstfarge benyttes på lyse og fargede bakgrunner

Hvit tekstfarge benyttes på Moss Green og Sorte bakgrunner

05 Grafisk element

Vårt grafiske formspråk er basert på runde og firkantede former. Formen kan deles på to eller fire, og kan ekspandere i både bredde og høyde for å tilpasse seg layout. Formene brukes som bilderammer, i grafiske element eller som ramme for tekst.

Tilatte fargekombinasjoner for teksbokser på bakgrunn

Bilderamme

Formene våre kan benyttes som bilderammer.

UI elementer og skilting

Vårt visuelle formspråk kan benyttes inn i UI elementer og skilitng. I disse tilfellene benytter vi hele former, og ikke delte former.

Bakgrunnselement

Grafiske elementer kan brukes som bakgrunn til korte budskap – på trykk og digitalt. Det skaper gjenkjennelse og kontinuitet, selv uten bilder eller komplekse uttrykk.

07 Bildestil

For å vise hva Vitaminen kan tilby, har vi definert fire prinsipper for foto: mennesker, mat og drikke, arbeidsmiljø og arrangement.

Bildene under er kun gratisbilder, og skal illustrere eksempler på motiv. Når egne bilder skal tas, kommer fotografens stil til å påvirke denne seksjonen.