Production-ready components

A landing page that you can build in minutes

Token-driven styling, premium dark surfaces, and opinionated layout rhythm—built to feel like a real product from day one.

Tailwind v4 + CSS variablesAccessible by defaultv0-friendly structure
Landing hero

Designed for clarity and speed.

A tight token system, clean TS types, and responsive primitives you can ship.

Dark-first

Charcoal surfaces + gold accents

Accessible

Radix primitives + focus rings

Composable

Small building blocks, strong tokens


Launch

Promotion-ready callouts

Use the PromoCard for upgrades, feature flags, and announcements. CTAs are glass-styled and token-consistent.

Features

A clean feature grid that still feels bespoke.

Token-driven palette

Gold primary, orange secondary, electric accent—on charcoal surfaces.

Build sections by composing primitives and tokens.

Premium surfaces

Soft outer shadows + subtle inset highlights.

Build sections by composing primitives and tokens.

Production-ready

Typed props, accessible defaults, mobile-first layout.

Build sections by composing primitives and tokens.

Testimonials

Social proof cards with the same surface language as the rest of the kit.

Template

“This finally looks like a real product.”

This kit made our UI consistent in a day.

Customer
“This finally looks like a real product.”

Riley

Founder • Arc

“The tokens make theming effortless.”

This kit made our UI consistent in a day.

Design
“The tokens make theming effortless.”

Sam

Design Lead • Forge

“We shipped the first pass in a day.”

This kit made our UI consistent in a day.

Team
“We shipped the first pass in a day.”

Jordan

Staff Engineer • Relay