A friendly, approachable design system for wellness, education, and lifestyle brands. Warm sunset colors, humanist typography, soft cloud shadows, and a peach blossom gradient.
A complete website rendered from this design system — visit Product, Pricing, Docs and Blog in the navbar. Everything is clickable.
$48.2k
▲ +8.1%2,847
▲ +3.4%1.9%
▼ -0.6%Rendered live from the pack's ingredients — hover the cards to feel the shadow and easing.
Export Snippets
Switch formats without compressing the preview layout.
AI Prompt
Natural-language design direction for AI coding tools.
Use the Warm & Natural design system — a friendly, approachable set of visual ingredients for wellness and lifestyle. Color palette: warm dark background (#1C1210), surface (#2A1F1B), primary orange (#EA580C), accent amber (#F59E0B), text (#FEF3C7). Typography: Nunito for headings (800 weight, rounded), Merriweather for body (400 weight, 1.75 line-height). Shadows: extremely soft — sm: 0 2px 15px rgba(0,0,0,0.04), md: 0 5px 30px rgba(0,0,0,0.06), lg: 0 10px 50px rgba(0,0,0,0.08). Gradient: linear-gradient(135deg, #FDA4AF, #FDBA74, #FDE68A) for hero sections and accents — use dark text (#1C1917) on this gradient. This system conveys warmth, comfort, and natural beauty.A friendly, approachable design system for wellness, education, and lifestyle brands. Warm sunset colors, humanist typography, soft cloud shadows, and a peach blossom gradient.
A complete website rendered from this design system — visit Product, Pricing, Docs and Blog in the navbar. Everything is clickable.
$48.2k
▲ +8.1%2,847
▲ +3.4%1.9%
▼ -0.6%Rendered live from the pack's ingredients — hover the cards to feel the shadow and easing.