Styleguide

Fargepaletten er definert med varme toner – cream, beige og oliven.

Farger

bg-warm-50

bg-warm-100

bg-warm-200

bg-warm-300

bg-warm-400

bg-warm-500

bg-warm-600

bg-warm-700

bg-warm-800

bg-warm-900

bg-warm-950

Semantiske farger

Endrer seg når du bytter mellom lys og mørk modus.

bg-background

Lys

Mørk

text-foreground

Lys

Mørk

UI-elementer

Paragraph

Dette er et eksempel på brødtekst. Fonten er Inter (sans), og linjelengden holdes rundt 65 tegn for god lesbarhet. Teksten bruker text-foreground og tilpasser seg automatisk til lys og mørk modus.

Link

Understreket lenke Lenke med border-hover

Card

Enkel kort

Kort med border og padding. Brukes for innhold som henger sammen.

Klikkbart kort

Samme stil, men som lenke med hover-effekt.

Kort med warm accent

Variant med varme toner som bakgrunn.

Button

Badge / Tag

TagWarm tag

Kari Sabine