A warm, near-flat fintech system: one deep blue-black ink, a single candy-pink call-to-action that carries dark text (never white), soft mint and lavender feature panels, and pill-everything rounding that keeps a serious money app feeling friendly.
Proprietary Klarna Title (display) and Klarna Text (body) are loaded over a system fallback; this showcase substitutes Hanken Grotesk — the nearest Google match. Hierarchy is built from size and weight alone, with tracking left neutral throughout.
Surfaces are pure white or warm off-white inside large rounded panels, often washed with mint or lavender. Klarna stays flat — a soft lift appears only on hover.
A 4px base on an 8px rhythm — 4 / 8 / 12 / 16 / 24 / 32 / 48 — visible in the 12×20px button padding and 24px heading padding.
The signature move: the scale skips small radii and jumps from a hairline 2px to 16–48px, with a full pill the most common rounding on the entire page.
| Name | Width | Key changes |
|---|---|---|
| Mobile | < 768px | Single-column stack; hero display drops to ~48px; full-width rounded panels. |
| Tablet | 768–1023px | Two-column feature grids; hero ~64–88px; nav collapses to a menu. |
| Laptop | 1024–1279px | Multi-column grids return; hero ~100px; centered 1200px column. |
| Desktop | ≥ 1280px | Hero scales up toward ~147px; generous vertical rhythm between sections. |
Display type is fluid and scales hard with viewport width — the hero is the most responsive element on the page, while the neutral body stays a steady 16px.
Klarna's site doesn't sell tiered plans, so these are brand-appropriate sample plans built entirely from the real tokens to demonstrate the card + pricing pattern.
A transactions table built from the tokens — hairline rows, pill status chips in mint, and a warm off-white header.
| ID | Merchant | Plan | Status | When |
|---|---|---|---|---|
| K-10482 | H&M | Pay in 4 | Paid | 2 days ago |
| K-10477 | IKEA | Financing | On track | 5 days ago |
| K-10461 | Sephora | Pay in 30 | Paid | 1 week ago |
| K-10455 | Nike | Pay in 4 | On track | 2 weeks ago |
| K-10449 | Wayfair | Financing | Paid | 3 weeks ago |
Klarna signs in by app and one-time code, so these are a brand-styled sample of the input + button pattern rather than the live flow.