Press Space to flip ⇄
seedflip
Archive
Mixtapes
Go Pro
Sign in
πŸ”’parchment.design
Parchment
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
Lora
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
Parchment
VIBE
Handwritten notes on linen
BEST FOR
literary magazine and book review platformspersonal blog and journal writing toolsonline bookstore and reading recommendation siteseducational essay and research platforms
01Lora heading is the ideal reading serif warm and open
02honey gold accent catches the eye without screaming
03softest warm white background feels like sunlight on paper
04warm dark brown text makes reading feel like a physical book
05tea-stained paper borders add handmade character
Skip if:β€’ your product is a developer tool. the serif heading and honey gold accent read as literary not technicalβ€’ you need a dark mode. this warm white palette with tan borders does not invert into dark surfaces naturallyβ€’ your interface has compact sidebars. Lora at 600 weight needs generous spacing that fights tight layouts
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
Lora
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 β†’

Parchment is for the content that should feel like settling into a good book. Lora headings on the softest warm white background, like sunlight on paper. A honey gold accent that catches the eye without screaming. This is the literary aesthetic. Warm, inviting, and built for reading.

Blogs, editorial platforms, education sites. If your content is long-form and you want your readers to stay for the whole piece, Parchment creates the environment that encourages that.

Not through tricks. Not through engagement hacks. Through comfort. The warm background, the readable serif, the gentle golden highlights. Every element says "stay a while."

You've justified spending hours on writing only to publish it on a template that makes it look like every other blog on the internet. Parchment gives your words a home that matches the care you put into writing them.

The DNA.
Why Parchment works. Every decision, unpacked.
TYPOGRAPHY
Lora
paired with
Source Sans 3
Weight: 600
?
Β·Spacing: -0.01em
?

Lora for headings is the ideal reading serif. Warm, open, and incredibly legible at every size. It's not a display font reaching for drama. It's a text font promoted to headings because its warmth is the personality. At semibold weight, it commands attention through clarity, not force.

Source Sans 3 for body text creates the classic editorial pairing. Serif headings that draw the eye, sans-serif body that provides comfortable reading. This combination has worked for centuries in print. It works on screens for the same reason. The serif signals "this is worth reading." The sans delivers the substance without friction.

PALETTE
background#FFFDF8
surface#FFFFFF
text#33302A
muted#6b655b
accent#C4841D
border#E8E0D0
?
Chart
?
Status
?
text / bg12.9:1 AA
?
accent / bg3.1:1 AA Large
?

The softest warm white. Like sunlight on paper. Not yellow. Not cream. Just warm enough that your eyes stop registering "screen" and start registering "page." That shift is everything for long-form reading.

Honey gold accent. Warm amber that catches the eye like autumn light through a window. It's the color of highlights in a physical book, of underlined passages, of the important parts. Against the warm white background, gold links and pull quotes feel natural. Like someone went through the text with a gold pen and marked the parts that matter. Warm dark brown text never feels harsh. Reading it feels like reading a physical book.

SHAPE
4px
6px
10px
?
Modest and understated rounding. The design favors content over container decoration. The subtle radius softens without being noticeable. You'd only notice if it were gone. Borders are light, warm, and used sparingly. Like tea-stained paper edges that give the layout a handmade character.
ATMOSPHERE
sm
?
md
?
Natural paper rest
?
Natural paper rest. Whisper-light shadows. Elements rest on the surface like objects on a desk. No floating. No drama. Just gentle physical presence. The warm tint in the shadows ties them to the background. Everything feels grounded, like a beautiful book lying open on a table, lit by afternoon sun.
Rip This.
Export Parchment as code, tokens, or a DESIGN.md for your AI agent.
/* Typography */
--font-heading: 'Lora', serif;
--font-body: 'Source Sans 3', sans-serif;
--font-heading-weight: 600;
--letter-spacing: -0.01em;
/* Palette */
--color-bg: #FFFDF8;
--color-surface: #FFFFFF;
--color-text: #33302A;
--color-text-muted: #6b655b;
--color-accent: #C4841D;
--color-accent-soft: rgba(196,132,29,0.08);
--color-border: #E8E0D0;
/* Shape */
--radius: 6px;
--radius-sm: 4px;
--radius-xl: 10px;
/* Depth */
--shadow: 0 1px 4px rgba(51,48,42,0.05), 0 2px 8px rgba(51,48,42,0.03);
--shadow-sm: 0 1px 2px rgba(51,48,42,0.04);

Drop your email to rip the full DNA.

Tailwind, shadcn/ui & DESIGN.md are Pro exports. Get Pro β†’
Share This.
Send Parchment 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/parchment
Lora
ABCDEFGHIJKLM
abcdefghijklm
0123456789 !@#
Body: Source Sans 3
✦ seedflip.co
#FFFDF8
#FFFFFF
#C4841D
Aa
radius: 6px Β· Natural paper rest
seedflip.co
3
12
47
1.2K
IG PREVIEW
Typography
Lora
Handwritten notes on linen
in Source Sans 3 13pt
600 / -0.01em
Colors
Accent
#C4841D
Surface
#FFFFFF
Text
#33302A
Border
#E8E0D0
Shape & Atmosphere
Heading component
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor.
Action button
Parchment
Lora + Source Sans 3
seedflip.co
Typography
Lora
Handwritten notes on linen
in Source Sans 3 13pt
600 / -0.01em
Colors
Accent
#C4841D
Surface
#FFFFFF
Text
#33302A
Border
#E8E0D0
Shape & Atmosphere
Heading component
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor.
Action button
Parchment
Lora + Source Sans 3
seedflip.co
Typography
Lora
Handwritten notes on linen
in Source Sans 3 13pt
600 / -0.01em
Colors
Accent
#C4841D
Surface
#FFFFFF
Text
#33302A
Border
#E8E0D0
Shape & Atmosphere
Heading component
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor.
Action button
Parchment
Lora + Source Sans 3
seedflip.co
LINK
SIMILAR SEEDS
Folio
Warm parchment developer tool. The anti-SaaS-blue light theme.
Inter + Inter
Linen
Editorial warmth.
Playfair Display + Raleway
Carbon
Nothing wasted.
Inter + Inter
Hearth
Friendly by default.
Fraunces + Inter
KEEP READING
Monospace Display Font Pairing→Inter + Space Grotesk Font Pairing→What Are Design Seeds→