Notion (light) tokens. Measured from www.notion.com/, 2026-09-23. Headings use tight negative tracking (96px h1 -4.6px, 72px -2px, 54px h2 -1.875px, 20px lead -0.125px).
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/notion is the same instructions as plain text, and every generated file stays open.
Colours
bg #ffffffsurface #ffffffsurface-muted #f6f5f4surface-subtle #f9f9f8hover #efefeffg rgba(0, 0, 0, 0.949)fg-light rgba(0, 0, 0, 0.898)fg-muted #615d59fg-subtle rgba(0, 0, 0, 0.541)border rgba(0, 0, 0, 0.102)border-strong #dfdcd9accent #0075deaccent-fg #ffffffaccent-hover #005babaccent-soft #e6f3feaccent-soft-fg #097fe8link #097fe8ring #097fe8highlight #bde6e4highlight-dot #27918dnav-bg #fffffffooter-bg #ffffffdanger #e32d14success #1aae39warning #dd5b00info #097fe8
Typography
sansNotionInter — Æ Ø Å 0123
serifLyon Text — Æ Ø Å 0123
monoiA Writer Mono — Æ Ø Å 0123
text-xs · 12pxReiseplanlegger for hele landet
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 · 22pxReiseplanlegger for hele landet
text-3xl · 42pxReiseplanlegger for hele landet
text-4xl · 54pxReiseplanlegger for hele landet
text-5xl · 72pxReiseplanlegger for hele landet
text-6xl · 96pxReiseplanlegger for hele landet