Syne
Display, 600–800
Overskrifter, store utsagn, tall og navn. Alltid stramt: linjeavstand 0,86–0,95 og sporing −0,03 til −0,05 em.
Merkevaresystem / Versjon 1.0 / Oktober 2026
Slik beveger
Brakk seg
Retningslinjene for Brakks identitet: logo, farge, typografi, skråstreken, bevegelse og tone. Pluss ferdige flater du kan laste ned og bruke i dag.
00 / Kjernen
Én idé.
Fire regler.
Brakk setter ting i bevegelse: strategi, design, teknologi og markedsføring i ett system, gjort av seniorer hele veien.
Identiteten er bygget på én ting fra logoen: helningen. Logoen lener seg 13 grader framover. Den vinkelen blir en skråstrek, og skråstreken blir hele det grafiske universet: markører, knapper, kutt, mønstre og et levende felt som reagerer på det som skjer rundt det.
- 01
Retning før bevegelse
Alt som beveger seg, har en grunn. Strekene peker mot noe, og animasjoner forteller hvor blikket skal.
- 02
Én vinkel
13 grader fra logoen er systemets eneste skråning. Ingen andre vinkler, ingen rotasjon for moro skyld.
- 03
Kontrast, ikke dekor
Ultramarin, blekk og papir gjør jobben. Rosa er gnisten, brukt én gang per flate.
- 04
Seniorstemme
Kort, konkret og selvsikker. Vi sier hva vi gjør og hva det gir, ikke hvor flinke vi er.
01 / Logo
Logoen står fast.
Logoen er uendret fra tidligere identitet. Den er det eneste elementet som ikke er tegnet nytt, og den skal aldri tegnes om, strekkes eller fargelegges utenfor de fire godkjente kombinasjonene.
Frisone
Hold et tomt område rundt logoen på minst halve logohøyden. Ingen tekst, kanter eller grafiske elementer går inn i frisonen. Strekfeltet regnes som bakgrunn og kan ligge bak, men aldri med sterke streker rett bak bokstavene.
Minste størrelse
72 px bred på skjerm, 20 mm bred på trykk. Under dette brukes profilbildet i stedet.
Ikke gjør dette
Ikke roter logoen. Helningen er allerede tegnet inn.
Ikke strekk eller klem den.
Ikke bruk rosa eller andre farger på logoen.
Ikke legg den på urolige bilder uten en rolig flate.
02 / Farge
Ultramarin gjør
mesteparten av jobben.
Fire farger og én støttefarge. Ultramarin er Brakk. Blekk og papir gir rom og lesbarhet. Rosa er gnisten som viser hvor det skjer noe. Trykk på en farge for å kopiere fargekoden.
Fordeling
Ultramarin 35
Papir 35
Blekk 25
5
Omtrentlig fordeling over en hel nettside eller presentasjon. En enkelt flate kan godt være helt blå.
Kontrast
Kontrastene er regnet ut etter WCAG 2.2. Tekst under 24 px trenger minst 4,5:1. Store overskrifter og grafikk trenger minst 3:1.
03 / Typografi
Bred stemme.
Rolig tekst.
Tre familier med hver sin jobb. Syne gir Brakk stemme, Geist gjør det lett å lese, og Geist Mono merker og ordner. Alle tre er åpne fonter (SIL Open Font License) og kan brukes fritt på web, i presentasjoner og på trykk.
Geist
Tekst, 300–600
Brødtekst, ingresser og knapper. 16–21 px, linjeavstand 1,45–1,5, linjelengde under 60 tegn.
Geist Mono
Etiketter, 400–500
Seksjonsnummer, metadata, kategorier og tidspunkt. Versaler, 12–13 px, sporing 0,06 em.
Skala
- Bevegelse
- Seks moduler.
- Et teknisk produkt. En tydeligere historie.
- Strategi, design, teknologi og markedsføring i ett system.
- Vi setter oss inn i bedriften, målene, kundene og det som er prøvd før.
- 04 / Arbeid
Prøv selv
Vi setter ting i bevegelse
- Syne bare fra 20 px og opp. Mindre enn det blir den uklar.
- Én displaystørrelse per flate. Kontrasten kommer fra Syne mot Geist, ikke fra mange størrelser.
- Aldri Syne i brødtekst, og aldri versaler i Syne.
- Aldri fontene fra den gamle identiteten. Bare Syne, Geist og Geist Mono.
04 / Skråstreken
Alt kommer fra
13 grader.
Stammen i B-en lener seg 13 grader fra loddrett. Den vinkelen er satt inn i systemet som --skew: -13deg, og alt som er skrått, bruker den.
Elementene
03 / Modell
Markøren
En liten skråstrek foran etiketter og seksjonsnummer. Ultramarin på lyst, rosa på mørkt.
Knappen
Et parallellogram på −13°. Ved peker vender skråningen, og pilen skyver seg fram.
Kuttet
Bilder beskjæres med en skrå kant. Ved peker åpnes bildet helt.
Mønsteret
Rette striper i ulik tetthet, brukt som stille flater. Beveger seg bare ved peker.
Strekfeltet
Feltet er identitetens signatur: et rutenett av skråstreker som reagerer på pekeren. Det har seks moduser, én for hvert fagområde. Bruk det på store flater som hero, kontakt og presentasjonsforsider, aldri bak brødtekst uten en rolig flate.
05 / Bevegelse
Rask inn.
Tydelig stopp.
Bevegelse er en del av identiteten, ikke pynt. Alt bruker samme kurve: et raskt utspring som bremser bestemt. Ingenting spretter, og ingenting glir lineært.
cubic-bezier(0.2, 0.9, 0.1, 1)- 0,35 sHurtig
Peker, farge, små tilstander.
- 0,6 sBasis
Paneler som bytter, kort som åpnes.
- 1,1 sLangsom
Overskrifter som avdekkes, store kutt.
Bevegelse
- Bevegelse går framover og oppover, langs skråstreken.
- Én signaturbevegelse per flate. Resten er stille.
- Ved redusert bevegelse står alt stille og er synlig fra start. Feltet tegnes som et stillbilde.
- Ingen sprett, ingen roterende elementer, ingen animasjon på alt som scrolles inn.
06 / Tone
Vi snakker som
en senior.
Som en som har gjort dette før og ikke trenger å overbevise noen: kort, konkret og med et poeng. Vi sier «dere» til kunden og «vi» om Brakk.
-
01Aktivt, ikke abstrakt
SiVi setter ting i bevegelse.
IkkeVi skaper digitale opplevelser.
-
02Konkret, ikke svulstig
SiFlere kvalifiserte samtaler med de riktige beslutningstakerne.
IkkeVi maksimerer leadpotensialet ditt.
-
03Selvsikker, ikke skrytete
SiDu får svar fra en senior.
IkkeBransjens beste og mest erfarne team.
-
04Ærlig, ikke selgende
SiVi sier ærlig hva vi ville gjort først.
IkkeTa kontakt i dag for et uforpliktende tilbud!
Ord vi bruker
bevegelse · retning · system · seniorer · kunder · salg · gjennomføre · følge opp · måle · prioritere
Ord vi unngår
digitale opplevelser · synergier · banebrytende · sømløs · skreddersydde løsninger · vi brenner for · full pakke
Skrivegrep
- Korte setninger. Punktum er et virkemiddel: «Ett system. Fire krefter.»
- Ett poeng per overskrift, gjerne i to deler der den andre snur eller skjerper den første.
- Tall og resultater bare når de er dokumentert sammen med kunden.
- Ingen utropstegn, ingen superlativer, ingen engelske moteord når det finnes et godt norsk ord.
07 / Flater
Klare til bruk.
Flatene under er laget av systemet selv, i riktig størrelse. Endre teksten der det trengs, og last ned som PNG.
LinkedIn-banner
1584 × 396 px
Sonen for profilbildet er omtrentlig, fordi LinkedIn plasserer det litt ulikt på mobil og desktop. Viktig innhold ligger derfor til høyre for den og nær midten.
Innlegg for LinkedIn
1080 × 1350 px
Hold utsagnet under ti ord. Det blir lest på en telefon, i fart.
Profilbilde
400 × 400 px
Logoen i papirhvit på ultramarin, med god frisone, så den overlever beskjæringen til en sirkel. Under 72 px blir logoen uleselig. Der tar skråstreken over, for eksempel som favicon.
Visittkort og e-postsignatur
85 × 55 mm, 300 dpi
PNG-filene er til korrektur og digital bruk. Til trykk lages en vektorfil med skjæremerker sammen med trykkeriet.
E-postsignatur
Signaturen bruker tekst og systemfonter, så den ser lik ut i alle e-postprogrammer. Lim den inn i innstillingene for signatur.