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

Innhold

01 Logo

02 Farger

03 Typografi

04 Dekorelement

05 Ikoner

06 Bilder

07 Sosiale medier

08 Profiluttak

09 Motion

10 Flexit Partner

11 Distributors

Hero-topp

Innhold


NB! Denne designguiden egner seg best i en nettleser på laptop eller stasjonær PC.

01 Logo

Hovedlogo

Logo med payoff

Logosymbol

Favikon

Luft rundt logo

Logo minstestørrelse

Logo i sort/hvit

Logo på produkt



02 Farger

Hovedfarger

Sekundære farger

Fargehierarki

Nyanser

Temafarger



03 Typografi

Profilfont

Erstatningsfont

Fonthierarki

Tekstfarge og kontrast

04 Dekorelement

Grunnform

Pilelement

Bruksmåter

Avrundede hjørner



05 Ikoner

Ikonstil

Ikonbiblioteker



06 Bilder

Kategorier

Stil og tone

Eksempler

Bruk og retningslinjer



07 Sosiale medier

Prinsipper

Post

Story/reels


08 Profiluttak

Powerpoint

Brosjyrer



09 Motion 

Motionprinsipper

Logoanimasjon

Hovedlogo animasjon

Logoanimasjon  med payoff

Logoanimasjon  med CTA

Logo Intro

Logo Outro

Tekstanimasjon

Tekstplakat

Tekstboks

Overganger

Navnesupring

Undertekster

Teknisk


10 Flexit Partner


11 Distributors


Kapittelskille

01 Logo

Hovedlogo


Flexit hovedlogo har tre versjoner:



– Positiv logo: mørk blå / Sky

– Negativ logo: lys blå / Air

– Negativ logo: hvit





Last ned samlet alle logofiler for profilen her:

Last ned logopakke
Hovedlogo-Air

Flexit positiv logo Sky

Logoversjon Air benyttes alltid på mørk blå Sky bakgrunn – aldri på lys bakgrunn.

Logo-hoved-3

Flexit negativ logo Air

Logoversjon hvit benyttes fortrinnsvis på bildebakgrunn. Pass på at bakgrunnen er rolig og dempet nok til å gi god kontrast for logo.

Logo-hvit-bilde

Flexit negativ logo hvit

Logo med payoff


Det er faste prinsipper for hvordan man sammenstiller logo og payoff. Vår payoff «Bedre inneklima» har to faste plasseringer under logo. Last ned ferdige originaler for logo med payoff her.

Logo med payoff
Logo-payoff-A1 Logo-payoff-A2
Logo-payoff-B1 Logo-payoff-B2

Vertikal versjon

Logo med payoff i vertikal versjon brukes der det er godt med plass, som på messevegger, på baksider av trykksaker, eller på merchandise.



Horisontal versjon


Logo med payoff i horisontal versjon egner seg godt på smale flater der det er behov for å spare plass i høyden.

Logo-payoff-stor
Logo-payoff-3a
Logo-payoff-3b
Logo-payoff-3c
Logo-payoff-3d
Logo-payoff-3e
Logo-payoff-3f

Payoff fristilt

Denne fristtstående versjonen av payoff benyttes i flere sammenhenger:



Layout (digital og trykk):


– På annonser


– På forsider


– På toppbannere


Animerte budskap: 


– Film og SoMe

Payoff fristilt
Payoff-fristilt

Logo med Call to action

Dette er det faste oppsettet for å plassere Call to action eller annen tekst* i underkant av logo. Tekst settes i fonten Plus Jakarta Sans Regular. 


Dette er prinsippet for tekstplassering:

Logo-CTA-prinsippet
Logo-CTA-mobiler

Logosymbol

Det er tre tillatte utgaver av logosymbolet. Versjon 1 er standard når ikke annet er oppgitt.



Versjon 1: «X» i hovedfargen Air / Sky bakgrunn

Versjon 2: «X» i hovedfargen Sky / Air bakgrunn

Versjon 3: «X» i hovedfargen Sky / Hvit bakgrunn

Originalfilene har rette hjørner, men tilpasser seg det formatet de settes inn i. Når man benytter logosymbolet som profilbilde på sosiale medier, vil det tilpasse seg plattformens standard for dette.


Logosymbolet benyttes til sosiale medier, som app-ikon, som favikon eller som en forenklet utgave av logoen der det er naturlig.

Logosymbol-v1

Versjon 1

Logosymbol-v2

Versjon 2

Logosymbol-v3

Versjon 3

Logosymbol-facebook

Eksempel på profilbilde Facebook: 

Versjon 1

Logosymbol pakke
Logosymbol-3stk-large
Logosymbol-mobil

Favikon


Logosymbolet brukes som favikon på nettsidene. Her brukes det i rund versjon. Last ned original her.

Last ned favikon
Logosymbol-favikon

Luft rundt logo


Logoen skal være omgitt med tilstrekkelig luft rundt seg. Dette beskytter logoen fra visuell støy og gir den oppmersomhet.


Minimum luft rundt logo tilsvarer bokstaven «F».

Logo-luft-C Logo-Luft-D

Logo minstestørrelser


Digitale flater:

Logoen brukes med en minimumstørrelse på 30 px i høyden.


Print:

Logoen brukes med en minimumstørrelse på 20 mm i bredden på print. 

Logo-minstestørrelse

Logo i sort/hvit

Sort logopakke

Sort logo på hvit bakgrunn og motsatt benyttes når det ikke er farger tilgjengelig eller det er behov for et forenklet uttrykk. 


Sort logo er utgangspunktet for  gjengivelse av logo på produkt (les mer her), men kan også gjelde for sponsorlogoer, skilting eller annen type ensfarget sort/hvit trykk.


Logo-sort

Flexit  logo sort

Logo-hvit-sort

Flexit  logo hvit på sort bunn

Logo-payoff-3

Flexit  logo m/ payoff vertikal sort

Logo-payoff-4

Flexit  logo m/ payoff vertikal hvit på sort bunn

Logo-horisontal-sh-A

Flexit  logo m/ payoff horisontal sort

Logo-horisontal-sh-B

Flexit  logo m/ payoff horisontal på sort bunn

Logo på produkt


Det er spesielt viktig å ta hensyn til følgende når logo skal gjengis på produkt:



– Logoplassering

– Beskyttelsessone

– Logofarge på produkt

– Mimimumstørrelse

– Trykkmetode

Ventilasjonsprodukt

Logoplassering



I utgangspunktet beholdes plassering og høyde på logo som har vært benyttet på produktet tidligere.



Generelt om plassering:

– Godt synlig i front

– Plassering til venstre: nederst/øverst eller sentrert

– Avstand fra kanter må minimum følge beskyttelsessonen



Beskyttelsessone


Følger samme prinsipp som «Luft rundt logo».

F definerer faste avstander for å beskyttte logoen.

Produktlogo-beskyttelse

Logofarge på produkt



Valør på logofarge velges utifra hensyn til synlighet /diskresjon. Produkter som har en fremtredende plassering i et interiør, skal utvise mer diskresjon på logoens fargebruk enn produkter som er mindre eksponert.




100% sort: Pantone Black 2 C

60% sort: Pantone Cool Gray 9 C


30% sort: Pantone Cool Gray 6 C


15% sort: Pantone Cool Gray 3 C

Produktlogo-valører

Minimumstørrelse



Logo gjengis ikke mindre enn 20 mm bredde.



Selv på ekstra små produkter må logo overholde minimumstørrelse.

Logo-20mm

Trykkmetode


I utgangspunktet benyttes trykkmetode som har vært benyttet tidligere. 


Eksempler:


– Metall: Graveres, preges eller trykkes

– Plast: Preges eller trykkes

– Klistremerke: Ensfarget påtrykk

Eksempel logoplassering Nordic S3




Plassering: Front / øverst / venstre


Logo beholder dermed plassering og størrelse (høyde) på produktet som den har fra før.


Følg plassering ihht prinsipp for beskyttelsessone.

Produktlogo-SL

Eksempel logoplassering Nordic CL3




Plassering: Front / nederst / venstre


Ellers samme hensyn som Nordic CL3.

Produktlogo-SL3
Kapittelskille

02 Farger

Hovedfarger

Hovedfargene våre er to klassiske blåfarger, Air og Sky. Disse fargene bygger merkevaren og er alltid førstevalget. De skaper en luftig, blå helhet og understreker det merkevaren vår handler om: Ventilasjonsløsninger som tilfører ren og frisk luft


Hovedfargene friskes opp med innslag av støttefargene. De tilfører varme og lunhet, men skal aldri dominere helheten eller ta for mye plass.

Last ned fargepaletten som ASE-filer

ASE-filer kan benyttes i Adobe-programmene (InDesign, Illustrator, Photoshop m.fl.). 


En ASE-fil lastes opp under Swatches  (Load Swatches) og gir deg rask og enkel tilgang til alle fargekodene i paletten. Last ned RGB for digital bruk og CMYK for trykte flater. 

Last ned fargepalett RGB (.ase)
Last ned fargepalett CMYK (.ase)

Flexit Air

  • HEX #BDDFEF

  • RGB 189, 223, 239

  • CMYK 30, 3, 5, 0

  • PMS 291 C

NCS     0530-B

RAL       230 80 20

Flexit Sky

  • HEX #23465F

  • RGB 35, 70, 95

  • CMYK 90, 63, 40, 32

  • PMS 2168 C

NCS     7020-B

RAL       240 20 22

Sekundære farger


Blåfargene friskes opp med innslag av støttefargene. Disse tilfører variasjon, varme og lunhet, men skal aldri dominere helheten eller ta for mye plass.

Ochre

  • HEX #D6A97B

  • RGB 214, 169, 123

  • CMYK 16, 35, 54, 4

  • PMS 7509 C

NCS     2040-Y20R

RAL       070 70 50

Olive

  • HEX #AEBC91

  • RGB 174, 188, 145

  • CMYK 38, 16, 50, 2

  • PMS 4206 C

NCS     2030-G30Y

RAL       130 70 30

Pink

  • HEX #DAA59C

  • RGB 218, 165, 156

  • CMYK 14, 40, 33, 2

  • PMS 2444 C

NCS     2030-Y70R

RAL       040 70 30

Denim

  • HEX #88B6CA

  • RGB 136, 182, 202

  • CMYK 51, 16, 16, 1

  • PMS 2205 C

NCS     2030-B 10G

RAL       2020 70 20

Black

  • HEX #1b1b1b

  • RGB 27, 27, 27

  • CMYK 0, 0, 0, 95

  • PMS Black 2 C

NCS     9000-N

RAL       9004

White

  • HEX #FFFFFF

  • RGB 255, 255, 255

  • CMYK 0, 0, 0, 0

NCS     0500-N

RAL       9003


Fargehierarki


Diagrammet viser hvordan fargene vektes i profilen. Hovedfargene spiller størst rolle og Flexit Air er viktigst av disse to. I tillegg kommer de sekundære fargene som supplerende støttefarger og bruk av luft (hvitt) er også viktig i for helheten.


Flexit er totalt sett mer lys enn mørk.


Hovedfargene

Flexit Air og Flexit Sky bygger merkevaren og er alltid førstevalget for fargebruk. Dette er logofargene som også spiller hovedrollen på skjerm og print; på nettsider, i presentasjoner, kampanjer, på profileringsmateriell m.m. 


Flexit Sky egner seg svært godt som tekstfarge, noe som bygger vår identitet.


Støttefarger

De sekundære fargene gir rom for variasjon, men brukes i begrenset omfang. Disse fargene representerer de fire kjerneverdiene våre:


Blå: Pålitelig

Oliven: Nyskapende

Oker: Handlingskraftig

Rosa: Omtenksom

Nyanser

Her er en liste over profilens fargenyanser med tilhørende fargekoder. Dette gir utvidede muligheter for bruken av fargene. Listen oppgir fargekoder for skjerm (HEX).



Nyanser av Air


Lyse nyanser av Air assosierer ren luft og brukes aktivt! De dypere tonene supplerer paletten med farger som assosierer hjem og interiør, det betyr omgivelser for våre produkter.




Fargen Air 600* er også en av støttefargene; Denim.

Air 50 #F3F9FC

Air 100 #E6F3F9


Air 200 #D6EBF5 

NCS: 0520 B

RAL: 230 80 10


Air 300 #CAE5F2

Air 400 * #BDDFEF

Air 500 #9CC7DA

Air 600* #88B6CA

Air 700 #6B9FB6

Air 800 #588EA6


Air 900 #497F98 

NCS: 4030 B10G

RAL. 200 60 20


Air 950 #396C84

Gradienter av Sky

Sky er en av de to hovedfargene, men nyanser av Sky skal kun brukes som nøytrale bakgrunner i begrenset omfang.

Gradienter av Olive, Ochre, Pink

Nyanser av disse fargene benyttes som krydder i profilen, som bakgrunnsfarger, til grafikk, til ikoner, til navigasjon m.m.

Sky 50 #ECF0F1

Olive 50 #EFF4E3

Sky 100 #E4E9EB

Olive 100 #E8EFD8

Sky 200 #D9E0E3

Olive 200 #D4DEBD

Sky 300 #C8D2D7

Olive 300 #C4D0AA

Sky 400 #B1BEC6

Olive 400* #AEBC91

Sky 500 #90A2AE

Olive 500 #95A675

Sky 600 #617A8C

Olive 600 #80925E

Sky 700 #39596F

Olive 700 #6E814C

Sky 800* #23465F

Olive 800 #5E723D

Sky 900 #173247

Olive 900 #516531

Sky 950 #0F2335

Olive 950 #455927

Ochre 50 #F9F2EB

Pink 50 #F7EBE9

Ochre 100 #F4E8DD

Pink 100 #F1DDDA

Ochre 200 #EAD4BD

Pink 200 #ECD0CB

Ochre 300 #E2C2A2

Pink 300 #E3BBB5

Ochre 400* #D6A97B

Pink 400* #DAA59C

Ochre 500 #CF995E

Pink 500 #CC8B81

Ochre 600 #C78947

Pink 600 #BF756A

Ochre 700 #C3803B

Pink 700 #B36257

Ochre 800 #BD752E

Pink 800 #A75248

Ochre 900 #B66821

Pink 900 #9C453B

Ochre 950 #AF5C18

Pink 950 #923A31

Temafarger


I grafer og diagrammer anbefales fargerekkefølgen som vises her. Dette gjelder f.eks. som temafarger i Powerpoint. Her er fargerekkefølgen:



– Sky

– Denim

– Air

– Olive

– Ochre

– Pink

Temafarger-powerpoint
Kapittelskille

03 Typografi

Profilfont

Plus Jakarta Sans er vår profilfont og en svært viktig del av det visuelle uttrykket. 

Den er fra Google Fonts og er til fri bruk (open source). 


Plus Jakarta Sans kan lastes ned her.

Typo-Abc

Plus Jakarta Sans


Vår profilfont er en moderne sans serif font med rette kuttinger og runde buer. Med sitt litt høyreiste preg, kler den logoens uttrykk godt.


Plus Jakarta Sans en viktig del av vårt visuelle uttrykk, skal denne fonten brukes alle steder der det er mulig.

Typo-PlusJakartaSans

Erstatningsfont Aptos


Microsoft Office har fonten Aptos som sin standardfont.


Flexit bruker Aptos i sine Office-dokumenter; i PowerPoint og Word.

Typo-Aptos

Fonthierarki*


Enkelt fonthierarki med Plus Jakarta Sans:


Overtittel: SemiBold

Overskrift: Medium

Ingress: Regular

Mellomtittel: Bold

Brødtekst: Regular

Typo-fonthierarki

Tekstfarge og kontrast


Hovedfarger


Når du setter tekst på farget bakgrunn må du sørge for at fargenes kontrast og størrelse på teksten er tilfredsstillende. Her vises noen godkjente kombinasjoner mellom tekst-, farge- og bakgrunn med utgangspunkt i hovedfargene Air og Sky.

Fargekontrast-hovedfarger

Sekundære farger

Her vises eksempler på godkjente farger og kontraster ved bruk av tekstfargen Sky på sekundære bakgrunnsfarger.

Fargekontrast-støttefarger

Samspill mellom bildebruk, farge og tekst

Gradientene gir mulighet for å lage gode fargekombinasjoner mellom bilde, bakgrunnsfarge og tekst. Vi oppnår en bedre helhet når elementene i profilen spiller på hverandre.

Baderom-typo
Baderom
Fargekombo-Olive
Fargekombo-Ochre

Eksemplene viser godkjent kontrast mellom tekst og bakgrunn:


– Tekstfarge Sky / Air

– Tekstfarge Sky / Ochre

– Tekstfarge Sky / Olive

– Tekstfarge Sky / Pink

Fargekombo-Pink
Kapittelskille

04 Dekorelement

Grunnform

Utgangspunktet for dekor er pilelementet i logoens X. Den fristilles fra X og blir en grunnform i den visuelle identiteten.


Pilelementet er funksjonelt og dynamisk og brukes både statisk og animert.

Dekorelement-2stk

Pilelement

Fleksibilitet

Pilelementet brukes fleksibelt. Det kan forlenges, dobles, gjøres transparent og speilvendes. Det kan peke både mot høyre og mot venstre. Se mer om dette under bruksmåter.


Begrensninger

Pilelementet skal ikke roteres og ikke peke på skrå, oppover eller nedover. 

Pilelementet brukes kun i Flexit sine profilfarger.

Last ned pilelement
Dekorelement-piler-positiv
Dekorelement-piler-negativ

Bruksmåter

Pilelementet benyttes på flere ulike måter:


– forgrunn over bilder

– bakgrunn for produktfoto

– bakgrunn for logo

– bakgrunn for tekstbudskap

– en peker mot tekst/innhold

– en animert overgang

Dekorelement-foto
Dekorelement-produkter

Bakgrunn for produktfoto: 

Piler i fargen Air, transparente

Logo-pilelement-positiv

Bakgrunn for positiv logo: 

Piler i hvit, transparent farge

Logo-pilelement-negativ.

Bakgrunn for negativ logo: 

Piler i Air, transparent farge

Dekorelement-smalt-bilde

Forgrunn bilde: Piler i hvit, transparent farge 

Dekorelement-oppsett

Virkemiddel animasjon:

Pilelement brukes som animert overgang fra bilde/film til profilbakgrunn.

Se eksempel under og les mer om dette her

Dekorelement-mobiler

Tekstbakgrunn:

To stk piler som tekstbakgrunn for presentajonens tittel.

Dekorelement-powerpoint-forside

Virkemiddel i fysiske lokaler:

Pil + X brukt som vindusdekor – foliert på glassvegg

Dekorelement-lokale

Avrundede hjørner

Logoens X har både rette og runde hjørner. Vi benytter derfor avrundede hjørner på en rekke tekst- og bildebokser. Når to bokser sammenstilles skal den ene avrundes i hjørnene, den andre ikke. Se eksempler.


Digitalt: Verdiene for Corner Radius settes og blir dokumentert i Flexit-designsystem


Print: Utgangspunkt er avrundede Corner Options  str. 5 mm på A4 og mindre formater. 

Øk proporsjonalt oppover på større formater



Rundt-rett-A2
Rundt-rett-B2
Rundt-rett-C3
Rundt-rett-D3
Kapittelskille

05 Ikoner

Ikonstil


Den visuelle identiteten skal benytte ikoner med en felles stil og tone. Flexit sin ikonstil er bygget opp med strek og et minimalistisk uttrykk som kler profilen godt. Det er enkle linjer som definerer formen på ikonet, uten andre effekter. 



Flexits ikonbibliotek er delt i to:

For navigasjonsikoner: Lucide.dev

For illustrasjonsikoner: Streamline; Core Line

Se  Ikonbiblioteker


Ikoner som skal illustrere spesifikke Flexit-temaer/funksjoner/produkter og som ikke finnes i ikonbibliotekene, må tegnes i tilsvarende ikonstil som Streamline. Til høyre vises seks slike spesialikoner som kan lastes ned her.

Last ned ikoner
Icons-v2

Ikonbiblioteker


Flexit benytter to ikonbiblioteker i sitt designsystem:


Navigasjonsikoner

Lucide.dev brukes som navigasjonsikoner. Ikonene er optimalisert for bruk på web og kan implementeres direkte uten behov for tilpasning. 


Illustrasjonsikoner

Streamline Icons, Core Line benyttes som kilde for illustrasjonsikoner og andre ikoner som ikke er tilgjengelige i Lucide. Disse ikonene er ikke opprinnelig laget for web, men tilpasses ved behov for å fungere godt på alle digitale flater.


Retningslinjer for linjetykkelse

Lucide: 1,5 pt. på 24 × 24 px.

Streamline: 1,7 pt. på 24 x 24 px.

Core-icons-library

Alle ikon-eksempler som vises her er fra Streamline Icons

Core-icons-4stk
Core-icons-5stk
Kapittelskille

06 Bilder

Kategorier

Bildene våre skal oppleves som naturlige, troverdige og vennlige og spille på lag med våre verdier. Våre bilder deles inn i følgende kategorier:


– Mennesker og inneklima

– Interiør 

– Kontor og arbeidsmiljø

– Natur og bærekraft

– Eksteriør: Bygg og boliger

– Flexit-produkt i miljø

Kategori-1
Kategori-2
Kategori-3
Kategori-4
Kategori-5
Kategori-6

Stil og tone

Stikkord som beskriver bildestilen:



– Skandinavisk koloritt

– Helhetlige interiører

– Følelse av ekte hjem og omgivelser

– Naturlighet i lys og farger

– Spill i lys og skygge, men dette må ikke overdrives

– Innslag av grønne planter og grønne omgivelser gir et bærekraftig signal

Under beskrives stilen litt nærmere når det gjelder:



Interiør

Mennesker

Fargebruk

Bygninger og natur

Bildestil-kjøkken

Eksempler

Interiør


Vi identifiserer oss med en moderne nordisk interiørstil der det er lunhet og naturlighet i lys og skygge. Interiørene har innslag av komfort og naturlighet i f.eks. treverk og naturmaterialer (ull, tre, stein, skinn o.l.). 

Det må gjerne være personlige innslag i interiørene, som gjør omgivelsene mer levende. 

Lys og luft i motivene er viktig. Dette er signaler om et godt og luftig inneklima. 



Bildestil-kjøkken-2
Bildestil-gang
Bildestil-gang-2

Fargebruk i bilder


Stikkord for fargevalg: Lunt og naturlig


Lys og luft i bildene påvirker også fargetinten som skal være litt dempet og lun. Harde kontraster og sterke farger benyttes ikke. 

Fargeflater, tekstiler og møbler er i hovedsak rene og ensfargede. Innslag av grønne farger i form av planter eller duse utemiljø skaper en fin innramming. Det er myke overganger mellom farger. 





Bildestil-kjøkken-3

Mennesker


Bilder med mennesker skal oppleves naturlige og i troverdige situasjoner. Våre bilder har et tilskuer-perspektiv som viser avslappet og hyggelig hverdagsliv hjemme eller dagliglivet på jobben. 

På begge arenaer skal motivene ikke virke poserende eller kunstig oppstilte. Blikkontakt med fotograf er kun naturlig i jobbsituasjoner.


Bildestil-ansatt
Bildestil-stue

Bygninger, natur og miljø


Våre produkter knytter seg ikke bare til det urbane, men også til periferi med hus, hytter og fritidsboliger som er omgitt av ren natur. 

Nordiske omgivelser og et nordisk klima er relevante fokusområder for oss mtp. bærekraft, ren luft, miljø, helse og nordiske forhold. Vi benytter naturbilder som ikke er glorete og «turistaktige», men som gjenspeiler naturligheten i vår egen fargepalett og råheten i landskapet.




Bildestil-hytte-1
086_814098923

Bruk og retningslinjer


Retningslinjer for bruk av Flexits produkt- 

og miljøbilder


Våre kunder kan laste ned bilder direkte fra produktsidene på vår hjemmeside til bruk på f.eks. nettbutikk, annonser etc. Dette gjelder både produktbilder og bilder med produkt i miljø.  


Våre kunder kan ikke laste ned bilder fra andre sider med redaksjonelt innhold. Dette er fordi dette kan være bilder som er kjøpt av eksterne leverandører med begrenset lisens for deling. Alle produktbilder på Flexits hjemmeside er png-filer med transparent bakgrunn.

Tips:

For å laste ned bilder til bruk på web: høyreklikk på det lille bildet på produktsiden og lagre bildet på din pc. Bildet blir nå lagret i lavoppløst versjon.


For å laste ned bilder til trykk: Klikk på bildet slik at du får det opp i større versjon. Klikk på knappen "Bilde med høy oppløsning" som er øverst i venstre hjørne. Høyreklikk på bildet og lagre på din pc. Bildet blir nå lagret i høyoppløst versjon.

Kapittelskille

07 Sosiale medier

SoMe-mobile-device-lav2

Prinsipper


Logobruk: 


Sky logo  på Air bakgrunn

Hvit logo på bildebakgrunn


Marg for tekstbudskap er 130 pixler fra kanten. Når det er behov for å ha med en liten logo, skal logoen være 170 px bred og plasseres 70 px fra kanten.


Poster med proporsjonen 4x5 (1080x1350) dobler toppmarg for tekst: 220 px. Marg for liten logo er konstant. 


Tekster er i utgangspunktet venstrestilt. Sentrerte tekster forekommer på utvalgte poster.

SoMe-prinsipper

Post


Under vises eksempler på poster med foto i kombinasjon med dekorelement og budskap.

SoMe-Poster-1
SoMe-poster-2C

Story/reels


Under vises eksempler på story/reels – ulike kombinasjoner av budskap, bilde og dekorelement. Bruk de ulike flatene best mulig for å skape en sterk og tydelig identitet.

SoMe-story-3
SoMe-story-4
SoMe-sluttplakat
Kapittelskille

08 Profiluttak

PPT-forside-høy-tiny

Powerpoint

Powerpointmal består av:


– Forsidemaler, positiv og negativ

– Agenda

– Tittel og innholdssider

– Tekst og bildesider

– Kapittelsider

– Grafikk/diagramside

– Sitatside

– Stort bilde + pilelement

– Bakside m/ logoanimasjon

PPT-1
PPT-2
PPT-A
PPT-B
PPT-C
PPT-D
PPT-E
PPT-F
PPT-G
PPT-10B
PPT-I

Fargetemaer i Powerpoint

Inndeling av fargetemaer i Powerpoint er en mulighet. 

Temaer må defineres nærmere.


PPT-J
PPT-K
PPT-L
PPT-M
PPT-N
PPT-O

Brosjyrer

Brosjyrer, brukerveiledninger og produktdatablad har alle forsider i A4 som følger hverandre i design, grid og oppbygning.


Layouten er tilpasset ulikt innhold, men grunnoppsettet er likt. Få oversikt og last ned filer her: Covers

Cover-mockup

Covers


Det er et fast grid som ligger  bak alle A4-cover. Her vises standard-oppsettet for dette gridet.








Cover-prinsipp
Cover-A

Til høyre:

– Forside Brukerveiledning

– Forside Produktdatablad


Under

– Ulike brosjyreforsider







InDesign-maler til cover på brosjyre, brukerveiledning og produktdatablad lastes ned her.

Last ned covers
Cover-B2
Cover-C3
Cover-D
Cover-E3
Cover-F
Kapittelskille

09 Motion

Motionprinsipper

Motionprinsipper brukes for a sikre et konsekvent uttrykk  på alle digitale flater. 

Dette  skaper et gjennkjennbart kroppsspråk og styrker posisjonen til merkevaren. 

Våre motion prinsipper er en utvidelse av vår identitet og baserer seg på tre hovedkonsepter.


Luft - Bevegelsene skal oppleves luftig og lette for å reflektere merkevarens tjenester. 


Dynamisk - Bevegelsene skal gi en følelse av tilførelse av luft og varme.


Uanstrengt - Bevegelsene skal reflektere en eleganse, trygghet og letthet som understreker kundens tillit  til merkevaren. 


Alle originaler* leveres som After Effects fil i formatene 16:9, 9:16, 4:5 og 1:1



Last ned originalfiler (AE)

Logoanimasjon


Animasjonen av logoen understreker merkevarens produkt med en tydelig assosiasjon til lufttilførelse. Elementer fra logoanimasjonen brukes videre i hele bevegelsesidentiteten.

Hovedlogo animasjon


Logoanimasjon har tre fargevarianter, basert på bakgrunnsfarge som blir benyttet.  Animasjonen baserer seg på de etablerte motionprinsippene og reflekterer merkevarens produkt, tone of voice og posisjonering. 


Logoanimasjonen benytter kun fargekombinasjonen som presentert her.




Flexit positiv logo Sky

Flexit negativ logo Air

Flexit negativ logo Hvit

Logoanimasjon med payoff


I formater hvor tidslengde tillater det, kan logoanimasjon kombineres med animasjon av payoff. 


Logoanimasjon med payoff har tre fargevarianter, basert på bakgrunnsfarge som blir benyttet.

Logoanimasjon med CTA


I formater hvor tidslengde tillater det, kan logoanimasjon kombineres med animasjon av payoff. 


Logoanimasjon med payoff har tre fargevarianter, basert på bakgrunnsfarge som blir benyttet.

Logo Intro

Hoved logoanimasjon kombinert med overgang til bilde/film.

Benyttes som intro i start av film. 


Logo Intro har tre fargevarianter, basert på bakgrunnsfarge som blir benyttet.

Logo Outro

Hoved logoanimasjon kombinert med overgang til bilde/film.

Benyttes som outro i slutt av film.

Kan brukes med payoff og CTA variant.


Logo Outro  har tre fargevarianter, basert på bakgrunnsfarge som blir benyttet.

Tekstanimasjon


Tekstanimasjon benytter de samme prinsippene som etablert i logoanimasjon og merkevarens motionprinsipper. Den skal oppleves lett og smidig, og alltid fremstå lesbar.

Tekstplakat


Tekstplakaten inneholder hovedoverskrift. Den brukes som et kapittelskille mellom 'scener', eller som en intro- eller outrotekst for film.

Tekstboks


Når tekst ikke skal fylle hele skjermer brukes tekstboks som et forklarende element over filmer. Dette kan være tilleggsinformasjon eller bekskrivende tekst. 


Tekstboks kan flyttes i y-axen basert på bildeinnhold. 

Overganger

Animerte overganger tar utgangspunkt i pilelementet, og brukes som en dekorativ skille mellom bilder og film.


Overgangen brukes til å gi et pusterom i lengre filmer, hvor det er stor skille mellom sceneskfite. Elementet brukes også til tekstplakater og logo intro- og outro.

Positiv overgang

Negativ overgang

Navnesupring

En navnesuper er en tekstgrafikk som vises på skjermen i filmer som identifiserer en person, sted, eller annen viktig informasjon.


Flexit sin Navnesupring tar utgangspunkt i pilementet som dekor og prinssipper fra tekstanimasjon.

Supringen brukes i første klipp av person i film. Tekststørrelse justeres automatisk utifra navnets lengde, men de bør ikke skaleres opp eller ned. 


Vær bevisst på kontrast og lesbarhet og velg fargevarianten som egner seg best.


Kutt gjerne supring før animasjon ut.

Positiv navnesupring

Negativ navnesupring

Undertekster

For å sikre et konsekvent uttrykk i alle ledd, er det utviklet et eget malverk på teksting av film (undertekster).

Undertekster skal ikke skaleres opp eller ned, klipp heller slik at tekster alltid er lesbar og god lengde.

Eksempel på undertekster på film.



Last ned undertekster (Premiere)
Motion-undertekst-1

Teknisk

Alle bevegelser i merkevarens animasjon skal benytte den samme kurven. Den sekundere keyframen skal ease-in mest.


Det eneste unntaket fra dette er opacity (gjennomsiktighet) som bruker linjære keyframes.

For å bruke dette prinsippet kan du redigere kurven i

“graph editor”.

Teknisk-Kurver-Ease
Teknisk-Kurver-Linjar
Kapittelskille

10 Flexit Partner

Flexit Partner logo


Flexit Partner har to logoversjoner:

- Horisontal logo Air (lysblå)/Sky (mørkblå)

- Vertikal logo Air/Sky



Logoversjon Air benyttes alltid på mørk bakgrunn – aldri på lys bakgrunn.

Logoversjon Sky benyttes alltid på lys bakgrunn - aldri på mørk bakgrunn.


For bruk av logo, gjelder samme retningslinjer som for hovedlogo (se kapittel 1).


Last ned samlet alle logofiler til PRINT for Flexit Partner:

Last ned logopakke PRINT

Last ned samlet alle logofiler DIGITAL for Flexit Partner:

Flexit-Partner-logovarianter
Last ned logopakke DIGITAL
Kapittelskille

11 Distributors

Flexit logo with English payoff


Here you can download the Flexit logo with English payoff. In addition, other parts of Brandpad can be used from the Swedish version above.

If you have any questions, please contact your sales representative or Flexit's marketing department.


Horizontal version


Logo with payoff in horizontal design fits well on narrow surfaces where there is a need to save space at the height.


Vertical version

Logo with payoff in vertical version is used where there is a lot of space, for example on exhibition walls, on the back of printed brochures or on profiling material.


Logoversion Air is always used on a dark background - never on a light background.

Logoversion Sky is always used on a light background - never on a dark background.


There are fixed principles for how to combine logo and payoff. Our payoff "Better Indoor Climate" has two fixed placements under the logo. 

Download all logo files collected  with English payoff here:

Download Flexit logo EN payoff
Flexit-logo-EN-payoff

Flexit AS © 2025

Designguide



Utviklet av Metro Branding

Tilbake til Innhold