Graphic tee
Han River nights tee
Oversized cotton · Seoul skyline line art
€34
Build your design system
Pick your three brand colors, choose a typeface, and select your tech stack. Then hit Generate.
1
Pick colors2
Choose font3
Select stack4
GenerateIn context
These are fictional screens styled with your generated colors and typeface. The content inside each preview is written like a real product. Use the chips below to switch between a planner, a roadmap, and a shop homepage.
Example apps (your system applied)
Bloom & Vow Studio
This week
Sofia & Marcos
Ceremony June 14 · Villa Serena. Final stretch: fittings, tastings, and last confirmations.
142
Days to wedding
8/12
Vendors booked
3
Meetings today
Consultations this week
Today’s appointments
| Time | Appointment | Location | Status |
|---|---|---|---|
| 10:00 AM | ARFinal dress fitting | Atelier Rosa | Confirmed |
| 2:30 PM | VSCatering tasting | Villa Serena | Awaiting reply |
Quarter Arc Games
Product roadmap
Arcade titles for iOS and Android. Swimlanes track what is in build, in beta, and queued for store submission.
Sprint 24
3 squads
In build
Engine 2.4 · cloud save
Cross-device sync for all titles. Blocks Season 3 content.
In progress
Due Jul 8
Achievements service
Shared backend for Sky Hop and Pixel Racers.
Scoped
Design
Beta & QA
Sky Hop · Season 3
New levels + seasonal shop. TestFlight build 19.
Beta
42 testers
Pixel Racers · soft launch
Store listing copy + screenshots pass legal.
QA queue
Aug 1
Ship window
App Store submission pack
Privacy labels, age rating, promo video cutdown.
Ready
Batch A
Live ops dashboard
Daily active users and crash-free sessions v1.
Planned
Q4
Hangul & Thread
Seoul summer drop
Books & tees, Korean wave
Fiction in translation, Hangul graphic tees, and small-press finds from Seoul. New pieces every Friday while stock lasts.
Featured right now
This week’s favorites. Sizes and editions are limited.
Novel · KR
Midnight bookstore
Debut novel · original Korean, reading guide inside
€18
Art print
Hangul strokes poster
A2 matte · classroom or studio wall
€22
Free bookmark on orders over €40 · Pick-up Saturdays, Madrid · 한글 반가워요
Color tokens
Full palette generated from your brand colors. Always use tokens, never hardcoded values.
Typography
Type scale and weights. Your selected typeface across all sizes.
Type scale
3xl · 1.875remDisplay heading
2xl · 1.5remSection title
xl · 1.25remCard heading
lg · 1.125remLarge body text
base · 1remBody text: the quick brown fox jumps
sm · 0.875remSmall text: supporting copy
xs · 0.75remCaption: metadata and labels
Font weights
Regular 400: body copy
Medium 500: navigation labels
Semibold 600: card titles
Bold 700: headings and CTAs
Extrabold 800: display text
Spacing & Radius
4px base grid. Use these tokens for margin, padding, and gap.
Spacing scale
--space-14px
--space-28px
--space-312px
--space-416px
--space-624px
--space-832px
--space-1248px
--space-1664px
Border radius
sm · 6px
md · 10px
lg · 14px
xl · 20px
full · 999px
Buttons
All variants, sizes, and states.
Variants
Sizes
States
Badges
Status indicators and labels.
Variants
Primary
Secondary
Accent
Success
Warning
Error
Neutral
With dot
Active
Pending
Failed
Draft
Inputs
All input states and variants.
States
We'll never share your email.
This field is required.
Cards
Content containers with hover states.
Variants
Default card
Supporting text that explains the card content.
Active
Primary card
A highlighted card using the primary color palette.
Featured
Alerts
Feedback messages and notifications.
Variants
Changes saved
Your profile has been updated successfully.
Action required
Your subscription expires in 3 days.
Payment failed
We couldn't process your card.
Update available
Version 2.4.0 is ready with new features.
Feedback
Progress, toggles, checkboxes, skeletons, avatars.
Progress
Q1 docs75%
Onboarding40%
Toggle
Notifications on
Weekly digest
Checkbox
I agree to the terms
Subscribe to updates
Skeleton
Avatars
CM
LG
TF
SL
LG
Laura García
Product Designer
Tables
Data display for dashboards and lists.
Data table
| User | Task | Due | Status |
|---|---|---|---|
CM Carlos M. | Q1 Report | Apr 20 | Done |
SL Sofia L. | Interviews | Apr 24 | Pending |
TF Tech SL | API integration | — | Blocked |
Forms
Complete form patterns.
Contact form
Contact
Let's talk
We'll get back to you within 24 hours.