Starter
For solo builders exploring elegant surfaces.
$0/mo
- 1 project
- Core sections
- Token library
- Community support
TypeUI Elegant
elegant is the TypeUI light system — sharp bento grids, Geist sans headings, and visible borders built for marketing, commerce, and application surfaces.
Customer proof
From launch pages to checkout flows, product teams use elegant to ship cohesive surfaces without rebuilding the same patterns.
Read customer storieselegant covers the essentials — structured sections and consistent tokens — so your team ships faster with less drift.
Marketing, e-commerce, and application blocks share one token set — compose pages with sharp grids and visible borders.
Warm peach brand, crisp neutrals, and zero-radius controls update every nested component from a single CSS layer.
Social proof
Teams switch to elegant when generic templates feel soft around the edges. Visible borders, bento rhythm, and peach accents give product marketing a deliberate frame.
“We replaced three one-off landing pages with elegant sections in a single sprint. The bento stats row alone lifted demo requests by a third.”
Jordan Reyes
Head of Growth, Northwind
34%
Conversion lift
After migrating hero and pricing
2.4k+
Active workspaces
Across marketing and commerce
100%
WCAG AA coverage
Focus, keyboard, and contrast
Customer stories
“elegant gave our marketing site a deliberate frame overnight. Sharp bento grids and peach accents made every section feel intentional — not templated.”
Showing testimonial 1 of 3
Pricing
Start free, upgrade when your team is ready. Every tier ships with the full elegant token set and section library.
For solo builders exploring elegant surfaces.
$0/mo
For teams shipping marketing and product UI together.
$49/mo
For organizations with advanced governance needs.
$149/mo
Marketing
Compose hero, proof, pricing, and footer sections with elegant tokens — no radius drift, no mismatched borders.
E-commerce
Product grids, cart flows, and checkout bands inherit the same peach accent and bento grid language.
Application
Shell layouts, tables, and settings panels use identical spacing, borders, and focus rings.