Designsystem & Filosofi

Det visuella språket och de tekniska riktlinjerna som driver VägVisaren.

Vår filosofi: Den nordiska blåkopian

VägVisaren bygger på begreppet "Lagom" — inte för lite, inte för mycket, precis lagom. Designen prioriterar extrem tydlighet, strikt tillgänglighet och hög informationsdensitet utan att kännas överväldigande.

Typografi

Vi använder DM Serif Display för maximal redaktionell auktoritet på rubriker, parat med Manrope för utmärkt läsbarhet på tät UI och brödtext.

Headings
ABc
DM Serif Display
Body Text
ABc
Manrope

Tokenarkitektur

Vår plattform använder ett centraliserat CSS Custom Property-system som är inbyggt i Tailwind v4. Färgpaletten kretsar kring en djup midnattsblå (Brand), varma stengrå (Neutral) och strikta semantiska färger för återkoppling (Warning, Success, Info).

Brand (Nordic Blue)

Neutral (Warm Stone)

Avståndssystem

Vi använder en strikt bas-4-skala för avstånd för att säkerställa matematisk harmoni i alla layouter.

4px--space-1
8px--space-2
12px--space-3
16px--space-4
24px--space-6
32px--space-8
40px--space-10
48px--space-12
64px--space-16

Hörnradie

En disciplinerad skala av hörnradier skapar en mjuk men professionell skandinavisk känsla.

--radius-xs
--radius-sm
--radius-md
--radius-lg
--radius-xl

Skuggor & Elevation

Djup används sparsamt för att markera interaktiva lager och viktiga ytor.

--shadow-xs
--shadow-sm
--shadow-md
--shadow-lg