Hopp til innhold

Designmanual

Utviklet av Fjuz
Sist oppdatert: 5. juni 2025

Introduksjon

Introduksjon

Hybeko sin visuelle identitet innebærer at logo, farger, fonter og grafiske elementer skal brukes på en tydelig definert måte. Det er derfor viktig at bruken av den visuelle identiteten er i henhold til de regler og rammer som er å finne i manualen.

Profilmanualen tar for seg grafiske bestemmelser hvor det fins detaljerte beskrivelser til hvert enkel bruk.
Disse retningslinjene må følges konsekvent for å bevare Hybeko sitt helhetlige uttrykk.

1.2 Logo

Logotyper

Våre primærlogoer er logo Original, i Dedikert Rød og Stabil Blå-farge, og logo i helhvit. Vi bruker den originale logoen på rene og nøytrale bakgrunner. På røde og evt blå, eller mørke bakgrunner så bruker vi hvit logo.

Logo Hybeko

Logo Original

Last ned

Logo med Tagline

Last ned

Logo i sort

Last ned

Logo i hvit

Last ned

1.2 Logo

Beskyttelsesrom

Vi streber etter nok luft rundt logoen vår. Der hvor det er utfordrende, så bruker vi beskyttelsesrommet vårt.
Vårt parameter er E-elementet som er i logoen (1,5 X), som et anbefalt beskyttelsesrom. I trange tilfeller kan et Minste-beskyttelsesrom (1 X) benyttes, hvor man halverer E-elementets størrelse. I særskilte tilfeller utgår beskyttelsesrommet, da vi prioriterer logoens tydelighet.

Beskyttelsesrom på

1.3 Logo

Riktig/feil logobruk

Bruk gjerne logo i Ai- eller eps-format der det er mulig med tanke på fargeprofil og flate logoen skal fremstilles på.
I digitale sammenhenger bruker vi gjerne SVG-formatet for å oppnå skarpest uttrykk.

Logoen kan opptre i ulike opasiteter, i passende tilfeller.

Vi bruker mye av rødfargene våre, og da benyttes hvit logo for best kontrast.

Logo med tagline

Logobruk feil

Ikke endre fargene på noen av logotypene.

Logo skal ikke dominere i layout-sammenhenger. Kombiner logo med farge, typografi, bilde eller grafiske elementer.

2.1 Farger

Fargepalett

Vi har som regel i fargepaletten vår at vi skal eie rødfargen, og det er Dedikert Rød som er primær. Vi kombinerer de ulike rødfargene, på rene og nøytrale bakgrunner, eller hvor bakgrunner er i (Dedikert) rød-farge.

Vi kombinerer rød og hvit sammen, og gjerne med mindre drypp av Stabil blå.

Farger

Dedikert Rød
RGB: 200, 16, 46
Hex: #C8102E
CMYK: 0, 100, 80, 5
Pantone: 186 C
Sikker Rød
RGB: 151, 27, 47
Hex: #971B2F
CMYK: 0, 100, 68, 35
Pantone: 7427 C
Jordnær Rød
RGB: 242, 130, 127
Hex: #F2827F
CMYK: 0, 59, 37, 0
Luftig Rosa
RGB: 245, 231, 245
Hex: #F5E7EB
CMYK: 4, 12, 5, 0
Pantone: 7604 CP
Stabil Blå
RGB: 0, 40, 85
Hex: #002855
CMYK: 100, 63, 0, 67
Grundig Grå
RGB: 102, 118, 127
Hex: #66767F
CMYK: 60, 40, 36, 23
Hevet Grå
RGB: 181, 184, 192
Hex: #B5B8C0
CMYK: 33, 24, 20, 2

2.2 Farger

Fargedominans

Dedikert Rød er vår ledefarge, og vi streber etter å bruke mye rødt, enten heldekkende eller i kombinasjon med hvitt, eller rene og nøytrale flater. Stabil Blå bruker vi mer som drypp, i det store bildet.

I et typografisk samspill, når vi bruker Stabil Blå og Dedikert Rød mot hverandre, så er det kun overskrifter (over 18.pt) som gjelder, med tanke på UU-krav.

Selvom Dedikert Rød dominerer, så er det tillatt å leke seg med fargekombinasjoner fra paletten.

2.3 Farger

Riktig/feil bruk av farger

Vi skal ha et eierskap til rødfargen. Fokuser på å bruke Dedikert Rød alene, eller i ulike fargekombinasjoner. Til mindre bokser, kapitell-deler, skiller o.l kan Stabil Blå gjerne brukes. Vær fleksibel med paletten der hvor det er hensiktsmessig, men det er i hovedsak vår Dedikerte Rød-farge som skal representere oss.

Det er tillatt å leke med ulike opasiteter i fargepaletten.

Bruk Dedikert Rød i kombinasjon med hvite, eller nøytrale bakgrunner.

Til store og heldekkende bakgrunner, så brukes primært Dedikert Rød, alt. Stabil Blå

Stabil Blå skal ikke dominere, men heller brukes som drypp i det store bildet.

Ikke kombiner Dedikert Rød og Stabil Blå når det gjelder liten eller mindre skrifter.

3.1 Typografi

Typesnitt

Vi bruker to fonter i vårt typografisk samspill:

Monolight – Semibold
Brukes til alle overskrifter

DM Sans – Regular-Bold
Brukes til mindre og all øvrig/løpende tekst.
Brukes til små mellom-overskrifter.

Monolight • Semibold

ABCDEFGHIJKLMNOPQRSTUVWXYZÆØÅ
1234567890?!€$@%& abcdefghijklmnopqrstuvwxyzæøå

DM Sans • Regular-Bold

ABCDEFGHIJKLMNOPQRSTUVWXYZÆØÅ
1234567890?!€$@%& abcdefghijklmnopqrstuvwxyzæøå

3.2 Typografi

Microsoft-vennlig font

Der hvor Monolight og DM Sans ikke lar seg bruke, så er Arial, Hybeko sin erstatningsfont. Arial er en microsoft-innebygget font, og skal være på alle maskiner i typiske Microsoft-programmer.

Arial

ABCDEFGHIJKLMNOPQRSTUVWXYZÆØÅ
1234567890?!€$@%& abcdefghijklmnopqrstuvwxyzæøå

4.1 Grafiske elementer

Grafiske elementer

Vi har tre kategorier i vårt grafiske språk, i hierakistisk rekkefølge:

Fragmenter
Brukes i større layout-sammenhenger. Vi bruker ofte blendemoduser som Darken og Overlay, eller justerer opasiteter der hvor det ikke er mulig med blendemodus.

Mønster
Brukes både alene og sammen med Fragmenter i layout.
Vi bruker også i noen tilfeller mønster i hvitt, på rød bakgrunn.

Strek
Brukes som et sekundert element.

Føl frihet til å leke, og kombinere de grafiske elementene sammen. Se flere eksempler på grafisk språk under.

Hybeko Fragmenter, navngitt F04-F4

Last ned

Hybeko Mønster, Dedikert Rød.

Last ned

Hybeko Strek, i Dedikert Rød, Stabil Blå og hvit

Last ned

4.2 Grafiske elementer

Riktig/feil bruk av elementer

Vi bruker våre grafiske elementer der hvor vi har mulighet for å slå oss mer løs og vise mer profil og vårt uttrykk.

Bruk elementer sammen der hvor det er estetisk fornuftig.
Lek med opasiteter og blendemoduser for å få mest riktig uttrykk.

Lek med hele eller halve utsnitt utfallende av Fragment-elementene.

Kombiner gjerne elementer i Darken-modus med bilder i henhold til fotostil.

Ikke endre farger på Fragment-elementer.

Luft og pusterom er også endel av vårt uttrykk. La være å overfylle med elementer.

4.3 Grafiske elementer

Grafisk språk i kontekst

Vi bruker våre grafiske elementer der hvor vi har mulighet for å slå oss mer løs og vise mer profil og vårt uttrykk.

Bruk elementer sammen der hvor det er estetisk fornuftig.
Lek med opasiteter og blendemoduser for å få mest riktig uttrykk.

Typografiske oppsett

5.1 Fotomanér

Fotomanér

Bildene skal primært tas i naturlig lys, med fotografen
usyn­lig til stede for å fange ekte følelser og øye­b­likk mens de utspiller seg. Bildene skal spille på det ekte, emosjonelle og spenningen gjennom et action-uttrykk.

Bilder som gjerne viser folka, dedikasjonen og i en arbeidssetting, i forbindelse med produkter i bruk.

Vi har i hovedsak sort-hvitt bilder, med unntak på produkter. Bildene er viktige for oss, og er endel av vårt profiluttrykk i samband med våre grafiske elementer og fargepalett.

5.2 Fotomanér

Kategorier

Vi har 4 kategorier som vi prøver å hekte bildene våres på.
Kategoriene skal gi rom for kreativ utfoldelse. Det er spesielt Action-kategorien som skal spille den røffere rollen i profil-uttrykket.

Action

Folk

Produkter

Detaljer

5.3 Fotomanér

Etterbehandling

Vi har 4 kategorier som vi prøver å hekte bildene våres på.
Kategoriene skal gi rom for kreativ utfoldelse. Det er spesielt Action-kategorien som skal spille den røffere rollen i profil-uttrykket.

Etterbehandling av

6.1 Malverk

Malverk

Vi har et utvalg maler som våre ansatte kan bruke når vi representerer merkevaren Hybeko.

Powerpoint-mal

Last ned
outlook logo

Mail-signatur

Last ned
teams logo

Teams Bakgrunn

Last ned

Linkedin-cover

Last ned