Press Space to flip ⇄
seedflip
Archive
Mixtapes
Go Pro
Sign in
πŸ”’moss.design
Moss
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
Nunito 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
Moss
VIBE
Quiet growth
BEST FOR
wellness platform dashboards with health tracking datasustainable product ecommerce storefrontsonline learning platforms with course catalogscommunity garden and nature education sitesorganic food subscription and delivery apps
01sage-tinted background shifts entire palette into nature
02forest-green text harmonizes the whole color system
03Nunito Sans rounded terminals feel organic and human
04green-tinted shadows keep depth in the natural family
0514px radius mimics pebble-smooth organic shapes
Skip if:β€’ your product is dark-mode-first. this sage-tinted palette does not invert into dark green surfaces naturallyβ€’ your brand is technical and precise. the rounded Nunito Sans and organic tones read as casual not engineeringβ€’ your interface uses red error states prominently. green-tinted backgrounds create confusing contrast with red alerts
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
Nunito 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 β†’

Moss is quiet growth. A nature-first design system where every single element is green-tinted. The background. The text. The borders. The shadows. Even the muted color is sage. This isn't a white interface with a green button. This is an interface that lives inside the color green.

If you've ever felt like your healthcare site, education platform, or blog looks too clinical, too synthetic, too much like software, Moss fixes that.

The sage-tinted background shifts the entire emotional register from "technology" to "nature." Your users feel calmer before they've processed a single word. That's the power of an environment that breathes.

You're building something that helps people. Moss makes it feel that way. Not through marketing copy. Through every pixel on the screen.

The DNA.
Why Moss works. Every decision, unpacked.
TYPOGRAPHY
Nunito Sans
Weight: 700
?
Β·Spacing: -0.015em
?
Β·Nunito Sans

Nunito Sans for everything. Headings and body. The rounded terminals on every letterform feel organic and human. Like a hand-painted sign at a farmers market. Not childish. Not unprofessional. Just genuinely warm and approachable in a way that most geometric sans-serifs can't achieve.

One font for the whole system keeps things unified. In an interface where the color is doing all the atmospheric work, the typography needs to stay simple and warm. Nunito Sans does that perfectly. It matches the organic rounding of the containers and the natural warmth of the palette.

PALETTE
background#F2F5F0
surface#FFFFFF
text#1B2E1B
muted#546d54
accent#3D7C3F
border#D5DDD0
?
Chart
?
Status
?
text / bg13.1:1 AA
?
accent / bg4.6:1 AA
?

Sage-tinted off-white background. Like morning fog over a meadow. The green undertone shifts the entire palette into nature before any content is placed. White cards breathe against it. The text is forest green-black. Not neutral dark. GREEN-dark. It harmonizes the entire color system from top to bottom.

The forest green accent is deep and natural. Not emerald. Not lime. The green of actual moss on actual rocks. It reads as growth, health, life. Against the sage-tinted canvas, it feels like it grew there. Nothing forced. Nothing synthetic.

SHAPE
8px
14px
20px
?
Fourteen-pixel organic rounding. Every container feels like a pebble or a smooth leaf. Nature doesn't do sharp corners. Moss doesn't either. The generous radius reinforces the organic, natural feeling of the entire system. Green-tinted borders at the edges soften every transition between elements.
ATMOSPHERE
sm
?
md
?
Forest floor
?
Green-tinted shadows. Not black shadows. Green. Cards rest on the surface like leaves on still water. Barely any depth. The atmosphere comes from the color system, not from shadow drama. When every surface, every border, every text element is already creating a natural environment, the shadows just need to stay in the same family.
Rip This.
Export Moss as code, tokens, or a DESIGN.md for your AI agent.
/* Typography */
--font-heading: 'Nunito Sans', sans-serif;
--font-body: 'Nunito Sans', sans-serif;
--font-heading-weight: 700;
--letter-spacing: -0.015em;
/* Palette */
--color-bg: #F2F5F0;
--color-surface: #FFFFFF;
--color-text: #1B2E1B;
--color-text-muted: #546d54;
--color-accent: #3D7C3F;
--color-accent-soft: rgba(61,124,63,0.08);
--color-border: #D5DDD0;
/* Shape */
--radius: 14px;
--radius-sm: 8px;
--radius-xl: 20px;
/* Depth */
--shadow: 0 2px 8px rgba(27,46,27,0.05), 0 1px 2px rgba(27,46,27,0.03);
--shadow-sm: 0 1px 2px rgba(27,46,27,0.03);

Drop your email to rip the full DNA.

Tailwind, shadcn/ui & DESIGN.md are Pro exports. Get Pro β†’
Share This.
Send Moss 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/moss
Nunito Sans
ABCDEFGHIJKLM
abcdefghijklm
0123456789 !@#
Body: Nunito Sans
✦ seedflip.co
#F2F5F0
#FFFFFF
#3D7C3F
Aa
radius: 14px Β· Forest floor
seedflip.co
3
12
47
1.2K
IG PREVIEW
Typography
Nunito Sans
Quiet growth
in Nunito Sans 13pt
700 / -0.015em
Colors
Accent
#3D7C3F
Surface
#FFFFFF
Text
#1B2E1B
Border
#D5DDD0
Shape & Atmosphere
Heading component
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor.
Action button
Moss
Nunito Sans + Nunito Sans
seedflip.co
Typography
Nunito Sans
Quiet growth
in Nunito Sans 13pt
700 / -0.015em
Colors
Accent
#3D7C3F
Surface
#FFFFFF
Text
#1B2E1B
Border
#D5DDD0
Shape & Atmosphere
Heading component
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor.
Action button
Moss
Nunito Sans + Nunito Sans
seedflip.co
Typography
Nunito Sans
Quiet growth
in Nunito Sans 13pt
700 / -0.015em
Colors
Accent
#3D7C3F
Surface
#FFFFFF
Text
#1B2E1B
Border
#D5DDD0
Shape & Atmosphere
Heading component
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor.
Action button
Moss
Nunito Sans + Nunito Sans
seedflip.co
LINK
SIMILAR SEEDS
Clover
Commerce feels this good
Inter + Inter
Canvas
Thoughtful tools for thinking
Inter + Inter
Scarlet
Write it down. Right now.
Lexend + Cabin
Linen
Editorial warmth.
Playfair Display + Raleway
KEEP READING
Tailwind Color Palette Ideas→shadcn/ui Theme Generator→What Are Design Seeds→