Superhuman (light) tokens. Measured from superhuman.com/, 2026-09-23. Headings use tight tracking (-0.0275em, e.g. -1.35px at 49px).
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/superhuman is the same instructions as plain text, and every generated file stays open.
Colours
bg #f7f5f2surface #ffffffsurface-muted #f2f0ebsurface-strong #dedbd5fg #292827fg-muted rgba(20, 20, 18, 0.651)fg-inverse #fffffffg-inverse-muted rgba(255, 255, 255, 0.8)border rgba(115, 115, 110, 0.2)border-strong rgba(115, 113, 109, 0.4)border-inverse rgba(255, 255, 242, 0.078)accent #714cb6accent-fg #ffffffaccent-soft #d4c7ffaccent-soft-fg #292827link #714cb6ring #d4c7ffnav-bg #ffffffbanner-bg #e8e0fffooter-bg #421d24footer-fg #ffffffdanger #c4314b
Typography
sansSuper Sans VF — Æ Ø Å 0123
monoSuper Sans Mono VF — Æ Ø Å 0123
text-sm · 14pxReiseplanlegger for hele landet
text-base · 16pxReiseplanlegger for hele landet
text-lg · 18pxReiseplanlegger for hele landet
text-xl · 20pxReiseplanlegger for hele landet
text-2xl · 25pxReiseplanlegger for hele landet
text-3xl · 28pxReiseplanlegger for hele landet
text-4xl · 39pxReiseplanlegger for hele landet
text-5xl · 49pxReiseplanlegger for hele landet