Folio (light) tokens. Measured from folio.no and the signed-in app.folio.no product UI (18 pages), 2026-09-25.
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/folio is the same instructions as plain text, and every generated file stays open.
Colours
bg #ffffffbg-muted #f8f8fbbg-mint #d6f3ebsurface #ffffffsurface-muted #f8f8fbsurface-tint rgba(98, 59, 235, 0.051)surface-mint #d6f3ebsurface-coral #fde6e2surface-butter #ffeecfsurface-lavender #ebe8fcsurface-wash rgba(51, 26, 102, 0.039)fg #1d1d1dfg-muted #72707efg-inverse #ffffffborder #cdcadbborder-input #9591aaborder-check rgba(46, 38, 105, 0.239)border-strong #1d1d1daccent #5a3de6accent-fg #ffffffaccent-edge #3b2d81link #5a3de6ring #1d1d1dnav-bg #f8f8fbnav-bg-alt #ffffffnav-bg-mint #d6f3ebfooter-bg #ffffffsuccess #007958success-bg #d6f3ebdanger #a335c3danger-bg #f6e7faapp-bg #f8f8fbapp-header-bg #ffffffsidebar-bg #f8f8fbrow-selected #ebe8fcrow-selected-fg #5a3de6table-bg #fffffftable-group-bg #f8f8fbtable-border #dedce7icon-tile-bg #ebe8fctab-active #5a3de6tab-fg #72707efg-faint #cdcadbbadge-bg #1d1d1dbadge-fg #ffffffbadge-success-bg #d6f3ebbadge-success-fg #007958callout-info-bg #ebe8fccallout-success-bg #d6f3ebcallout-alert-bg #fde6e2
Typography
sansMaisonNeue — Æ Ø Å 0123
text-xs · 14pxReiseplanlegger for hele landet
text-sm · 15pxReiseplanlegger for hele landet
text-base · 16pxReiseplanlegger for hele landet
text-md · 18pxReiseplanlegger for hele landet
text-lg · 20pxReiseplanlegger for hele landet
text-xl · 22pxReiseplanlegger for hele landet
text-title · 24pxReiseplanlegger for hele landet
text-2xl · 26pxReiseplanlegger for hele landet
text-3xl · 32pxReiseplanlegger for hele landet
text-4xl · 36pxReiseplanlegger for hele landet
text-5xl · 46pxReiseplanlegger for hele landet
text-display · 100pxReiseplanlegger for hele landet