Pick a theme
Lumen for SaaS, Atelier for agencies, Drift for mobile apps. Three opinionated starting points.
What's inside
The whole story of Lumen.
Built on 213 Tailkits sections. Customized through one tokens.css file. Shipped through four delivery channels.
What makes Lumen different
Premium look. Open theming surface. Ready to ship.
Token-driven theming
Swap your entire palette, type stack, and radius scale by editing one tokens.css file. The 213 Tailkits sections under the hood update instantly.
Light / dark parity
Every section audited in both modes. No contrast failures, no afterthought dark mode. The toggle in the corner proves it.
Three curated presets
Aurora, Carbon, and Daylight ship out of the box — each tuned to feel distinctively different, all built from the same primitives.
Zero JavaScript by default
Astro renders everything to static HTML. Only the theme switcher ships JS, and it weighs less than a single Tailwind class name.
How it works
Three steps from purchase to production.
No proprietary runtime, no SaaS lock-in. You own the source.
Pick a preset
Aurora, Carbon, or Daylight — or write your own tokens.css. Light and dark parity is built-in.
Ship it
One command installs the theme. The next pnpm build outputs a production-ready static site.
99avg Lighthouse
Performance score on the home page of every theme
5mto ship
Average time from `npx tailkits add` to a live preview
0lock-in
No SaaS runtime, no proprietary tooling — own the source forever
Ready to ship?
Your next landing page is one command away.
Install the bundle, run npx tailkits add lumen, and you're live in under five minutes.