Klarna (light) tokens. Measured from www.klarna.com/no/, 2026-09-23. Headings use Klarna Title 700 with normal letter-spacing; body Klarna Text.
Sign in to use this theme
The install commands for Tailwind v4, Tailwind v3 and plain CSS, the ready-made agent prompts, and this theme's radius, shadow and motion tables open up when you sign in. Free, one click.
You don't need an account to use it: https://stylelift.dev/use/klarna is the same instructions as plain text, and every generated file stays open.
Colours
bg #ffffffsurface #ffffffsurface-muted #f8f7fasurface-subtle #f3f3f5inverse #0b051dfg #0b051dfg-body #282636fg-muted #504f5ffg-disabled #96959ffg-inverse #f9f8f5border #e2e2e7border-strong #c4c3caaccent #ffa8cdaccent-fg #0b051daccent-hover #e27eacprimary #0b051dprimary-fg #f9f8f5primary-hover #28272ehover-overlay rgba(0, 0, 0, 0.04)press-overlay rgba(0, 0, 0, 0.08)link #582fb4ring #0b051ddanger #ae1d1ddanger-subtle #ffe6e6warning #fbc64dwarning-subtle #fff5e4success #046234success-subtle #e6fcebinfo #7039e2info-subtle #efecffbadge-pop #cff066
Typography
sansKlarna Text — Æ Ø Å 0123
headingKlarna Title — Æ Ø Å 0123
monomonospace — Æ Ø Å 0123
text-xs · 12pxReiseplanlegger for hele landet
text-sm · 14pxReiseplanlegger for hele landet
text-base · 16pxReiseplanlegger for hele landet
text-lg · 20pxReiseplanlegger for hele landet
text-xl · 24pxReiseplanlegger for hele landet
text-2xl · 32pxReiseplanlegger for hele landet
text-3xl · 52pxReiseplanlegger for hele landet
text-4xl · 64pxReiseplanlegger for hele landet
text-5xl · 84pxReiseplanlegger for hele landet
text-6xl · 100pxReiseplanlegger for hele landet