Designsystem

FleetVakt — rolig, tillitvekkende B2B

Forhåndsvisning av tokens: Fjord-petroleum som primær, rav som sparsom aksent, lys bakgrunn, Inter Tight for overskrifter og Inter for brødtekst.

Farger

Background
Nesten hvit
Foreground
Tekst
Muted
Seksjonsvariasjon
Border
Kanter
Primary — Fjord
Petroleum
Accent — Rav
Sparsom CTA
Success
--success
Warning
--warning
Destructive
--destructive
Info
--info
Card
--card
Secondary
--secondary

Typografi

Trygghet i drift.

Dokumentasjon som holder

Skiftstart og skiftslutt

FleetVakt hjelper norske transportbedrifter å dokumentere kjøretøy før og etter skift — enkelt, systematisk og forsikringsklart. Brødteksten bruker Inter, overskriftene bruker Inter Tight for litt roligere karakter.

Muted underinformasjon — 13 px, brukes til metadata og hjelpetekst.

Knapper

Kort

Rolig kort
Subtil kant, ingen glød

Standard kort — hvit flate mot lys bakgrunn.

Med skygge
shadow-card token

Papiraktig løft, ingen farget aura.

Muted variant
For seksjoner

Brukes til grupperinger uten å bryte rytmen.

Skjema

Badges & status

Default
Sekundær
Outline
Godkjent
Flagget
Avvist
Info
Aksent

Overflater side om side

Kort på seksjonsbakgrunn

Kontrast mellom --background, --muted og --cardskaper rolige seksjoner uten gradienter.