Varumärke

En tydlig riktning.

En egen symbol. En tydlig gul. Ett lugnt visuellt språk för ekonomi som går att förstå och arbete som går att följa.

Bearing / StyrraVisuell identitet · 2026

01 / Symbol

Bearing.

En öppen cirkel och en fristående riktningskil. Cirkeln ger sammanhang, öppningen ger utrymme och kilen pekar framåt. En symbol för styrning och klarhet.

Friyta: minst ¼ av symbolens bredd.

16 px24 px40 px

Minsta storlek: 16 px. Samma geometri i varje skala.

Använd originalets proportioner och riktning. Symbolen fungerar i en färg, fristående eller tillsammans med ordmärket. Lägg ingen egen ram, skugga eller effekt runt den.

02 / Färg

Gult ger riktning. Neutralt ger ro.

Styrra Yellow lyfter viktiga handlingar och identitetsytor. Varmvit bakgrund, vita arbetsytor och mörk text håller resten tydligt. Gult är en accent, ingen statuskod.

Styrra Yellow#E4F222--s-accent
Ink#20211D--s-ink
Bakgrund#F3F3F0--s-bg
Yta#FFFFFF--s-surface
Linje#E6E7E1--s-line

Text på gult använder alltid Ink. Vit text hör hemma på mörka ytor.

03 / Typografi

Geist.

Geist Sans bär rubriker, brödtext och gränssnitt. Medium för rubriker och handlingar, regular för brödtext. Geist Mono används sparsamt för belopp, konton och identifierare.

Geist Sans / Medium

Förstå siffrorna. Se nästa steg.

Geist Mono / Regular0123456789
4 812,50 SEK

Rubriker 28–64 px på webb, anpassade till skärmen. Brödtext 14–18 px med generöst radavstånd. Använd tabellsiffror i finansiella jämförelser. Typsnitten är licensierade enligt SIL Open Font License 1.1. Läs licensen ↗

04 / Beteende

Det ska kännas lika tydligt.

Utrymme för innehållet: Utgå från 4 px. Använd 8–16 px inom en grupp, 24–32 px mellan grupper och 64–120 px mellan redaktionella avsnitt. Låt relationen mellan innehållet styra.
En tydlig nästa handling: Gult markerar primära handlingar. Använd neutrala ytor för det dagliga arbetet och tydliga ord för knappar: Granska, Godkänn, Exportera.
Rörelse med ett syfte: Hover och tryck ger återkoppling inom 150–180 ms. Innehåll stannar på plats. Respektera inställningen för minskad rörelse.
Läsbart och nåbart: Använd Ink på gult, tydlig tangentbordsfokus och minst 44 px träffyta för viktiga kontroller. Förmedla status med text och symbol, inte enbart färg.
Säg vad som är sant: Skriv konkret och lugnt. Visa bolag, period, källa och nästa steg. Märk exempeldata, förklara undantag och bekräfta först när arbetet faktiskt är klart.

05 / Original

Börja med originalet.

Vektorfiler för digital användning. Välj en version med tydlig kontrast mot bakgrunden och behåll friytan.