Intern sandbox
Inspeksjon av gjeldende byggeklosser og innholdsmønstre. Ikke en del av produksjonsnavigasjon.
- Article Master (layout-sandbox) — lang demoartikkel uten produksjonsrute.
- Article template v0.1 (produktpreview) — forste gjenbrukbare templateskjelett med Standard/Faglig Fokus/Minimal.
- Test hover på knapper og klikkbare flater.
- Bruk Tab for fokus (synlig ring) — Shift+Tab bakover.
- Prøv lys og mørk modus via theme-kontrollen nederst på siden.
A – Tokens / farger
Rene fargeflater mot sidens bakgrunn (ingen ekstra effekter).
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.
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
- Eksempel A (interaktiv) Tech-kort som lenke til ordbok — hover og fokus som i produksjon.
- Eksempel B Statisk kort — kun visuelt mønster.
- Eksempel C Tredje kort for liste-rytme.
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.