Spacing

Avstand følger en 4px-skala: 4, 8, 12, 16, 24, 32, 40, 64, 96px, pluss halvsteg (6, 10, 14px) for tett rytme som ikoner+label-knapper. Rytmeregelen: 8px inne i en gruppe, 16px mellom grupper, 32–40px mellom seksjoner. Kort har 24px padding (16px kompakt, 32px hero). Px-tallet under er målt fra den faktisk rendrede bredden.

space-1

…px

space-1.5

…px

space-2

…px

space-2.5

…px

space-3

…px

space-3.5

…px

space-4

…px

space-5

…px

space-6

…px

space-8

…px

space-10

…px

space-12

…px

space-16

…px

space-20

…px

space-24

…px

Trefflater (.icon-btn)

Ikon-only-knapper er 26px på desktop og 40px på mobil (under md-breakpointet). Ikonet er like stort i begge — det er FLATEN som vokser. Bruk alltid .icon-btn i stedet for inline padding, og .icon-btn-row rundt flere på rad. To bevisst ulike mønstre: .icon-btn er for TETTE rad-handlinger (Rediger/Slett i en listerad), IconButton er for FRITTSTÅENDE kontroller (temabytte, varselbjelle, modal-lukk) som alltid skal ha full 44×44.

Én knapp

Flere på rad (.icon-btn-row)