$ cat styleguide.md
Styleguide
Levende referanse for designsystemet — retning «Blueprint + Terminal» med instrument-cyan. Alle verdier kommer fra tokens; siden indekseres ikke.
Farger / tokens
--color-bg
--color-bg-elevated
--color-fg
--color-fg-muted
--color-border
--color-accent
--color-accent-hover
--color-danger
Typografi
Display — Geist Sans
Brødtekst-stor for ingresser og sitater
Brødtekst. Monospace brukes semantisk — aldri som pynt: tall, datoer, tech-tags, filstier, koordinater og statuslinjer.
mono — v2.0.0 · 2026-07-27 · src/features/home/terminal-hero.tsx
Knapper
Skjema
! ugyldig e-postadresse
Kort og tags
2026 · webapp
Prosjektkort
Problem → løsning → resultat. Kortet er grunnmodulen for /arbeid i fase 2.
med grid-tekstur
Blueprint-flate
Grid-teksturen (.bg-grid) brukes på hero-flater og utvalgte seksjoner — aldri overalt.
Prose — langtekst fra innholdslaget
Alt markdown fra blogg, caser og redaksjonelle sider rendres med .prose. Denne prøven finnes for at manglende stiler skal bli synlige her i stedet for i et publisert innlegg.
Overskrift nivå 2
Brødtekst med lenke, uthevet og inline-kode. Linjelengden er begrenset til 65 tegn for lesbarhet.
Overskrift nivå 3
- Punkt i uordnet liste
- Punkt med nøstet liste
- Nivå to bytter markør
- Første steg
- Andre steg
Sitat rendres med terminalens prompt-tegn foran.
| Kolonne | Verdi |
|---|---|
| Tabeller | scroller i seg selv på smale skjermer |
Tekst etter en horisontal skillelinje.
Signatur: terminal-prompt
→ skriver kun prompt-linjen; alt innhold er statisk i DOM. Reduced motion = ingen animasjon. Prøv også ⌘K / Ctrl K.