Takealot (light) tokens. Measured from www.takealot.com/, 2026-09-23. Letter-spacing is normal throughout.
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/takealot is the same instructions as plain text, and every generated file stays open.
Colours
bg #f2f2f4surface #ffffffsurface-muted #e3e3e5surface-muted-hover #d8d8dafg #0a0a0afg-strong #000000fg-secondary #4d4d4ffg-muted #707072fg-subtle #9b9b9bfg-disabled #949496border #dbdbddborder-strong #b8b8baborder-high #4d4d4faccent #0b79bfaccent-fg #ffffffaccent-hover #066baaaccent-strong #004e7aaccent-subtle #ecf5faaccent-disabled #7cb7ddring #0b79bflink #0b79bfnav-bg #0b79bfnav-fg #fffffffooter-bg #fffffffooter-border #f4f4f4overlay rgba(51, 51, 51, 0.749)conversion #1c8644conversion-hover #156634conversion-subtle #dbece1success #25cd66success-subtle #dcf7e6danger #ef1a33danger-subtle #fee7easale #e65163warning #ffc31ewarning-subtle #fff6ddinfo #0a579ainfo-subtle #e1effd
Typography
sansHelvetica Neue — Æ Ø Å 0123
text-2xs · 10pxReiseplanlegger for hele landet
text-xs · 12pxReiseplanlegger for hele landet
text-sm · 13pxReiseplanlegger for hele landet
text-base · 14pxReiseplanlegger for hele landet
text-md · 15pxReiseplanlegger for hele landet
text-lg · 16pxReiseplanlegger for hele landet
text-xl · 20pxReiseplanlegger for hele landet