Theme Studio
Design System Pricing Contact
Full width
Brand & Color
Color Palette
Typography
The quick brown fox jumps over the lazy dog
Section Heading — H2
Sub-heading — H3
Body text at reading size. Used for descriptions, labels, and general content throughout the interface. Line height, weight, and tracking all respond to the type sliders.
Secondary text — timestamps, metadata, helper copy.
Muted / disabled / placeholder text.
Page Layouts
Hero
Free design tool
Build beautiful themes
without writing CSS
A live theme editor for dashboards and design systems. Export CSS variables in seconds.
Image + Text — Left
🖼
Feature highlight
Designed for real products
Every token maps directly to a CSS variable. Copy once, works everywhere — React, Vue, vanilla CSS, or WordPress.
Image + Text — Right
How it works
Adjust. Preview. Export.
Tweak axes like Light, Warm, and Vivid. The preview updates live. Export a single CSS block and drop it into any project.
📐
Components
Stats
Portfolio$12,480+4.2%
Jobs24718 new
Flights3deals found
Spend$284/mo
Cards
PDX → LHR — $487
May 14–21 · American · 1 stop · 11h 40m
Deal
Senior Frontend Eng
Stripe · Remote · $180–220k · Score 94
Strong match
AAPL momentum
+12.4% this month · 3 positions · P&L $840
Active
AWS — $89/mo
Recurring · Last invoice Apr 1 · 24 months
Tracked
Buttons & Actions
Badges & Status
New Active Alert Pending Archived
Data & Forms
Table
SymbolPriceChangeP&LScore
AAPL$214.40+1.8%+$84094
BTC$67,200+3.2%+$2,14087
NVDA$880.10−0.4%−$12081
ETH$3,480−1.1%−$34072
Form Controls
Progress
Portfolio target · 68%
Budget used · 42%
Score threshold · 89%
Page Sections
Social Proof
"Saved us weeks of back-and-forth with the client. We exported the theme and it dropped straight into WordPress."
— Sarah K., Lead Designer at Fern Studio
"The typography controls alone are worth it. Finally a tool that treats font pairing as a first-class feature."
— Marcus T., Indie developer
Figma WordPress Tailwind Webflow Shopify
Pricing
Free
$0
Forever
✓ Theme editor
✓ CSS export
— WordPress sync
Pro
$12
per month
✓ Everything in Free
✓ WordPress sync
✓ Unlimited presets
Team
$49
per month
✓ Everything in Pro
✓ Team sharing
✓ REST API access
Element
Reset
Sync