Komponentbibliotek

Et bibliotek med gjenbrukbare UI-komponenter for FSUN2-prosjektet. Alle komponenter er bygget med Tailwind CSS og følger FSUN2s designprinsipper.

Design Tokens

Farger

Primærfarge

Blue 600 (#3B82F6)

Bakgrunn

Gray 100 (#F3F4F6)

Kort

White (#FFFFFF)

Typografi

Overskrifter

Font: Inter, Bold

Brødtekst

Font: Inter, Regular

Hjelpetekst

Font: Inter, Medium

Avstander

Små avstander

4px, 8px

Medium avstander

16px, 24px

Store avstander

32px, 48px

Bruksanvisning

  1. Velg en komponentkategori fra menyen til venstre
  2. Se eksempler på hvordan komponenten brukes
  3. Kopier HTML-koden og tilpass den til ditt bruk
  4. Følg designretningslinjene for konsistent bruk