Yle (light) tokens. Measured from yle.fi/, 2026-09-23. Letter-spacing is normal throughout; headings are Yle Next 900.
Base Dark
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/yle is the same instructions as plain text, and every generated file stays open.
Colours
bg #f1f2f4surface #ffffffsurface-muted #f8f9fasurface-interactive #f1f2f4nav-bg #ffffffdialog-bg #ffffffoverlay rgba(0, 0, 0, 0.47)fg #131415fg-high rgba(0, 0, 0, 0.79)fg-muted rgba(0, 0, 0, 0.7)fg-disabled rgba(0, 0, 0, 0.29)border #e8e9ebseparator rgba(0, 0, 0, 0.09)border-strong #131415accent #131415accent-fg #f8f9faaccent-hover rgba(0, 0, 0, 0.7)secondary rgba(0, 0, 0, 0.05)secondary-hover rgba(0, 0, 0, 0.09)link #131415ring #009cb5highlight #009cb5danger #d10b3dsuccess #058657warning #f1722ainfo #9fc8eelive #e90e43list-accent #fff2f2placeholder rgba(220, 220, 220, 0.2)
Typography
sansYle Next — Æ Ø Å 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 · 24pxReiseplanlegger for hele landet
text-3xl · 28pxReiseplanlegger for hele landet