Press Space to flip ⇄
seedflip
Archive
Mixtapes
Go Pro
Sign in
πŸ”’petal.design
Petal
104 design seeds. One button. Zero design skills required.

Your product works. Now make it beautiful.

SeedFlip gives you curated design seeds β€” fonts, colors, shadows, the works β€” applied to a real page in one click. Export as CSS, Tailwind, shadcn/ui, or a complete DESIGN.md your AI agent actually understands. Or plug it straight into your editor with the MCP server.

β€œConsider me flipped.”

β€” @nikkimitss, Passive Studios

Flip β†’
Watch it work ↓

Works with your stack

104
CURATED SEEDS
98
PREMIUM FREE FONTS
7
EXPORT FORMATS
Aa
Real type pairings.
Google Fonts loaded live. Heading + body combos that actually work together β€” weights, spacing, and scale already dialed in. Not a font picker. A font decision.
β—‘
Complete color systems.
Background, surface, text, muted, accent, accent-soft, borders, gradients. Every seed has 10+ coordinated tokens. Not five swatches on a mood board. A system.
{ }
Ship-ready exports.
CSS Variables. Tailwind Config. shadcn/ui theme. IDE rule files. Or connect the MCP server and let your agent pull seeds directly. Seven formats. Zero guesswork.
β€œ

β€œAI gave every developer the power to build. It did not give them the power to design. The code was never the bottleneck. The design was. It still is.”

CURRENT SEED TYPOGRAPHY
Plus Jakarta Sans
Every seed pairs a heading and body font that actually belong together. Weights, spacing, and scale β€” already decided. You just flip.
LOCK & FLIP
Keep what you love. Flip the rest.
Lock any category β€” type, palette, shape, or atmosphere β€” and flip everything else. Thousands of combinations from 104 curated seeds. PRO
THE LAB
Extract the DNA.
Every way to take your seed home. CSS Variables. Tailwind Config. shadcn/ui theme. IDE rule files for Cursor, Claude, and Windsurf. Or connect the MCP server and let your agent pull seeds on demand.
THE ARCHIVE
104 seeds. All killer. No filler.
Browse every design seed in the collection. Dark, light, neon, editorial, brutalist, minimal β€” each one hand-curated with real Google Fonts and a full DESIGN.md. Your daily flip lands in your inbox every morning.
β€œ

I described the same design to Claude four different times and got four completely different results. Not one of them looked right. The problem was never my prompting. I didn’t have a design seed. I had adjectives. SeedFlip gave me the actual values. First try. Done.

J
Jamie K.
Indie Hacker
β€œ

My cofounder finally said it out loud. β€œThis looks like every other app on Product Hunt.” He was right. Same zinc palette. Same Inter font. Same everything. Pulled a SeedFlip seed into our Tailwind config and the next build looked like a different company made it.

P
Priya S.
Technical Cofounder
β€œ

I’ve shipped six projects and every single one looked like a developer made it. Because one did. Plugged the MCP server into Cursor, told it to pull something editorial and warm. Twenty minutes later I had a product I’d actually screenshot. No designer. No Figma file. Just the right inputs.

M
Marcus C.
Design Engineer

Simple pricing.

Free gets you flipping. Pro gets you shipping.

Free
$0
forever
βœ“ Unlimited flips
βœ“ 104 curated seeds
βœ“ CSS Variables export
βœ“ CLI + MCP server
βœ“ Edit mode
βœ“ Full Archive access
Start Flipping β†’
Just your email. That's it.
Pro
$19/mo
cancel anytime
Everything in Free, plus:
βœ“ Lock fonts, colors, shape & atmosphere
βœ“ DESIGN.md export
βœ“ Tailwind + shadcn/ui exports
Get Pro β†’
DESIGN.md is a complete design system document. Creative direction, exact tokens, and implementation code. Drop it in your repo and your AI builds to spec.

You're one flip away from looking like you hired a designer.

104 curated design seeds. Real fonts. Real color theory. AI-ready prompts that actually work. No Figma file. No design committee. No three-week sprint to pick a gray.

Flip β†’
SEED
Petal
VIBE
Software for humans
BEST FOR
wellness and self-care subscription platformsbaby and parenting product storefrontswedding planning and invitation design toolsbeauty and skincare DTC landing pageshealth and nutrition tracking apps
01Jakarta Sans rounded characters feel like they are smiling
02blush-pink background tint creates warmth without effort
03generous 16px radius makes everything pillowy
04warm brown text avoids cold black harshness
05soft bloom shadows feel more than seen
Skip if:β€’ your product targets developer audiences. the coral accent and pillowy 16px radius read as consumer not technicalβ€’ you need data-dense admin layouts. generous padding from large radius inflates container sizes in tight gridsβ€’ your brand voice is sharp and assertive. the soft bloom shadows and warm brown text create gentle not bold energy
104 design seeds. One button. Zero design skills required.

Your product works. Now make it beautiful.

SeedFlip gives you curated design systems β€” fonts, colors, shadows, the works β€” applied to a real page in one click. Export as CSS, Tailwind, or a complete DESIGN.md your agent actually understands.

β€œConsider me flipped.”

β€” @nikkimitss, Passive Studios

Flip β†’
Watch it work ↓

Works with your stack

104
CURATED SEEDS
98
PREMIUM FREE FONTS
7
EXPORT FORMATS
Aa
Real type pairings.
Google Fonts loaded live. Heading + body combos that actually work together β€” weights, spacing, and scale already dialed in. Not a font picker. A font decision.
β—‘
Complete color systems.
Background, surface, text, muted, accent, accent-soft, borders, gradients. Every seed has 10+ coordinated tokens. Not five swatches on a mood board. A system.
{ }
Ship-ready exports.
CSS Variables. Tailwind Config. Or a complete DESIGN.md that tells Cursor exactly what to build. Paste it. Watch it materialize. Take all the credit.
β€œ

β€œEvery AI app has the same auth flow, the same Stripe checkout, and the same shadcn components. Design is the last unfair advantage you haven't used yet.”

CURRENT SEED TYPOGRAPHY
Plus Jakarta Sans
Every seed pairs a heading and body font that actually belong together. Weights, spacing, and scale β€” already decided. You just flip.
LOCK & FLIP
Keep what you love. Flip the rest.
Lock any category β€” type, palette, shape, or atmosphere β€” and flip everything else. Thousands of combinations from 104 curated seeds. PRO
THE LAB
Extract the DNA.
Three ways to take your seed home. CSS Variables for purists. Tailwind Config for the utility-class faithful. Or DESIGN.md. A complete design system document your AI agent can follow from the first component. Paste it into Cursor. Watch a styled site materialize.
THE ARCHIVE
104 seeds. All killer. No filler.
Browse every design system in the collection. Dark, light, neon, editorial, brutalist, minimal β€” each one hand-curated with real Google Fonts and a full DESIGN.md. Your daily flip lands in your inbox every morning.
β€œ

I was mass-prompting Claude at 4am trying to describe the β€œvibe” I wanted. Turns out the vibe was 17 CSS variables I didn’t know existed.

J
Jamie K.
Indie Hacker
β€œ

Sent a SeedFlip export to my cofounder. His response was β€œwhy does our app look like a real company now.” We launched that week.

P
Priya S.
Technical Cofounder
β€œ

Tried the β€œmake my app look like Super Unicorn X, Y, Z” prompts. Didn’t work. This did. Wish I found it 12 projects ago.

M
Marcus C.
Design Engineer

Simple pricing.

Free gets you flipping. Pro gets you shipping.

Free
$0
forever
βœ“ Unlimited flips
βœ“ 104 curated seeds
βœ“ CSS Variables export
βœ“ Full Archive access
Start Flipping β†’
Pro
$19/mo
cancel anytime
Everything in Free, plus:
βœ“ Lock fonts, colors, shape & atmosphere
βœ“ DESIGN.md export
βœ“ Tailwind + shadcn/ui exports
Get Pro β†’

You're one flip away from looking like you hired a designer.

104 curated design seeds. Real fonts. Real color theory. AI-ready prompts that actually work. No Figma file. No design committee. No three-week sprint to pick a gray.

Flip β†’

Petal is software that feels like it was made for humans, not for other software companies. The warmest possible near-white background with a blush-pink tint so subtle you'd only notice it next to pure white. Coral-red accent that's warm and inviting without being aggressive. Deep brown text that reads like coffee instead of ink. Every choice is soft, considered, and human.

You've used products that look good in screenshots but feel cold in practice.

All the right components in all the right places, but zero warmth. Petal is the antidote. The blush tint, the brown text, the coral accent, the generous rounding. Each one is a small act of warmth that adds up to an interface people want to spend time in.

If you're building ecommerce, social products, healthcare apps, or marketing sites, Petal gives you the vocabulary to make software feel like it cares. Because the best products do.

The DNA.
Why Petal works. Every decision, unpacked.
TYPOGRAPHY
Plus Jakarta Sans
Weight: 700
?
Β·Spacing: -0.02em
?
Β·Plus Jakarta Sans

Plus Jakarta Sans for everything. Headings and body. The rounded characters feel like they're smiling at you. That sounds like marketing fluff until you compare it to Inter or Roboto in the same layout. Jakarta Sans is genuinely warmer. The letter shapes have a softness that matches the blush palette.

At bold weight, the headings are confident but never aggressive. They welcome instead of command. The body weight is clean and comfortable. Long reading sessions feel easy. The font never fatigues because it never pushes. It invites.

PALETTE
background#FEFCFB
surface#FFFFFF
text#2D1F1A
muted#75615c
accent#E8674A
border#F5E6E0
?
Chart
?
Status
?
text / bg15.5:1 AA
?
accent / bg3.2:1 AA Large
?

The background is the warmest possible near-white. There's a blush-pink tint so subtle it's more felt than seen. But it shifts everything. Cards, borders, shadows. They all live inside this warm universe. The text is deep warm brown. Not black. Not gray. The color of coffee or dark chocolate. It reads as natural and gentle.

The coral-red accent is the color of a sunset reflected in clay. Warm, energetic, and inviting. Not the aggressive red of error states. This coral invites action. It makes buttons feel like gifts instead of commands.

SHAPE
10px
16px
24px
?
Generous sixteen-pixel rounding. Everything pillowy and approachable. Pill-shaped call-to-action buttons encouraged. The generous curves make every element feel soft and touchable. This isn't a system that creates distance between the user and the interface. It eliminates it. The shapes say "come closer."
ATMOSPHERE
sm
?
md
?
Soft bloom
?
Soft bloom shadows. So subtle you feel them more than see them. Warm brown-tinted, matching the text and the overall warmth. Cards float just barely above the surface. The entire depth system is gentle. Like holding something delicate. The shadows don't create drama. They create tenderness.
Rip This.
Export Petal as code, tokens, or a DESIGN.md for your AI agent.
/* Typography */
--font-heading: 'Plus Jakarta Sans', sans-serif;
--font-body: 'Plus Jakarta Sans', sans-serif;
--font-heading-weight: 700;
--letter-spacing: -0.02em;
/* Palette */
--color-bg: #FEFCFB;
--color-surface: #FFFFFF;
--color-text: #2D1F1A;
--color-text-muted: #75615c;
--color-accent: #E8674A;
--color-accent-soft: rgba(232,103,74,0.08);
--color-border: #F5E6E0;
/* Shape */
--radius: 16px;
--radius-sm: 10px;
--radius-xl: 24px;
/* Depth */
--shadow: 0 4px 16px rgba(45,31,26,0.05), 0 1px 3px rgba(45,31,26,0.03);
--shadow-sm: 0 1px 3px rgba(45,31,26,0.03);

Drop your email to rip the full DNA.

Tailwind, shadcn/ui & DESIGN.md are Pro exports. Get Pro β†’
Share This.
Send Petal to your team or post it to X.
X PREVIEW
Y
You@youΒ·just now
Vibe coded my app in days. Designed it in seconds. Flip. Rip. Ship. seedflip.co/seed/petal
Plus Jakarta Sans
ABCDEFGHIJKLM
abcdefghijklm
0123456789 !@#
Body: Plus Jakarta Sans
✦ seedflip.co
#FEFCFB
#FFFFFF
#E8674A
Aa
radius: 16px Β· Soft bloom
seedflip.co
3
12
47
1.2K
IG PREVIEW
Typography
Plus Jakarta Sans
Software for humans
in Plus Jakarta Sans 13pt
700 / -0.02em
Colors
Accent
#E8674A
Surface
#FFFFFF
Text
#2D1F1A
Border
#F5E6E0
Shape & Atmosphere
Heading component
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor.
Action button
Petal
Plus Jakarta Sans + Plus Jakarta Sans
seedflip.co
Typography
Plus Jakarta Sans
Software for humans
in Plus Jakarta Sans 13pt
700 / -0.02em
Colors
Accent
#E8674A
Surface
#FFFFFF
Text
#2D1F1A
Border
#F5E6E0
Shape & Atmosphere
Heading component
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor.
Action button
Petal
Plus Jakarta Sans + Plus Jakarta Sans
seedflip.co
Typography
Plus Jakarta Sans
Software for humans
in Plus Jakarta Sans 13pt
700 / -0.02em
Colors
Accent
#E8674A
Surface
#FFFFFF
Text
#2D1F1A
Border
#F5E6E0
Shape & Atmosphere
Heading component
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor.
Action button
Petal
Plus Jakarta Sans + Plus Jakarta Sans
seedflip.co
LINK
SIMILAR SEEDS
Lavender
Soft power in pastel purple
DM Sans + DM Sans
Quartz
Crystal clarity in soft pink
DM Sans + DM Sans
Linen
Editorial warmth.
Playfair Display + Raleway
Bubble
Playful by default
DM Sans + DM Sans