Intern sandbox

Inspeksjon av gjeldende byggeklosser og innholdsmønstre. Ikke en del av produksjonsnavigasjon.

A – Tokens / farger

Rene fargeflater mot sidens bakgrunn (ingen ekstra effekter).

Primary
Surface (lys)
Surface (mørk)
Sonic Pulse (gradient)

B – Typografi

Epilogue på overskrifter (font-display), Inter på brødtekst.

Demonstrasjon H1

Demonstrasjon H2

Demonstrasjon H3

Demonstrasjon H4

Brødtekst (Inter): Kort avsnitt som viser linjehøyde og farge på vanlig innhold. Samme stemme som på info- og ordboksider.

C – Glass surfaces

Tre flater mot Sonic-bakgrunn — calm (statisk), lifted og tech som lenkeflater du kan teste.

.vox-surface-calm

Rolig intro og forklaringsblokker (f.eks. topp på kunnskapssider). Ikke klikkbar her — kontrast til de to andre.

.vox-surface-lifted

Klikkbar lenkeflate (demo → info). Hover, fokus og aktiv tilstand kan testes.

.vox-surface-tech

Klikkbar lenkeflate (demo → ordbok). Samme overflate som i produksjon.

D – UI-elementer

Ekte knapp og ekte lenke — samme klasser som i innholdslag; hover, fokus og aktiv tilstand er testbare.

Sekundær (glass) → om

E1 – Ordbok: indeks-mønster

Demonstrasjon — ekte lenker der det er markeret som interaktivt.

Ordbok (eksempel)

Kort innledning i calm-overflate — samme rytme som på /no/ordbok.

Begreper

Videre lesning

Lifted-blokk for kontekst og neste steg, som på ordbok-indeksen.

E2 – Ordbok: term-mønster

Demonstrasjon — samme struktur som term-mal; navigasjon under er ekte lenker.

Ordbok

Eksempelbegrep

Kort forklaring i calm hero — leder innholdet uten å dominere.

Innhold

Faglig kort tekst i tech-flate — ett avsnitt eller oppramsing, som på term-siden.

Navigasjon

Tilbake til ordbok eller forsiden — lenker med produksjonsklasser.