Press Space to flip ⇄
seedflip
Archive
Mixtapes
Go Pro
Sign in
πŸ”’retro.design
Retro
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
IBM Plex Mono
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
Retro
VIBE
The future we imagined
BEST FOR
developer blog and personal tech writing platformsretro-computing museum and archive siteshardware product and gadget review sitesindie game developer portfolios
01IBM Plex Mono evokes golden-age computing heritage
02warm stone palette feels like aged wood and leather
03amber orange accent mimics vintage indicator LEDs
04tight 4px radius creates hardware panel precision
05visible borders and grid lines reinforce engineering structure
Skip if:β€’ your product targets a mainstream consumer audience. monospace headings on warm dark read as niche not universalβ€’ your interface needs fresh modern energy. the stone palette and amber accent are intentionally nostalgicβ€’ you need a light mode default. this warm dark palette does not have natural light-mode counterparts
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
IBM Plex Mono
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 β†’

Retro is the 1970s mainframe reimagined by someone who actually builds things today. IBM Plex Mono headings on warm stone-dark surfaces with an amber orange accent that looks like vintage indicator LEDs. This isn't nostalgia cosplay. It's engineering heritage treated with respect.

Dev tools, portfolios, technical blogs. If you write code and want your personal site to reflect that without looking like a generic "developer dark theme," Retro gives you an identity.

The warm stone palette feels like aged wood and dark leather. Not cold. Not sterile. A workshop, not a lab.

You got into this because you love building things. Somewhere along the way, the tools got cold and corporate. Retro is permission to bring warmth back. Your site should feel like it was made by a human who cares about craft. Not by a committee that approved a design system.

The DNA.
Why Retro works. Every decision, unpacked.
TYPOGRAPHY
IBM Plex Mono
paired with
IBM Plex Sans
Weight: 600
?
Β·Spacing: -0.01em
?

IBM Plex Mono for headings evokes the golden age of computing. Mainframes, punch cards, phosphor screens. But modernized. At semibold weight, the monospace headings make everything feel like a control panel readout. Like you're commanding a machine, not browsing a website.

IBM Plex Sans for body text keeps everything in the same design DNA. The Plex family pairing is cohesive because both fonts share the same bones. The mono heading signals "technical," the sans body says "readable." That combination is the entire identity. Engineering heritage with modern legibility.

PALETTE
background#1C1917
surface#292524
text#FAFAF9
muted#A8A29E
accent#FB923C
border#44403C
?
Chart
?
Status
?
text / bg16.7:1 AA
?
accent / bg7.7:1 AA
?

Warm, dark stone. Like aged wood or dark leather. Not cold, not blue. This is the critical distinction. Most developer dark themes go cool. Retro goes warm. Every surface feels like a physical material, not a screen.

The amber orange accent is vintage indicator LEDs. Not modern neon. Not gradient-chasing. Simple, warm, orange. The kind of color you'd see glowing on a piece of equipment that's been running reliably for decades. Against the warm dark surfaces, it creates a retro-computing atmosphere that feels earned, not designed.

SHAPE
2px
4px
8px
?
Tight, functional rounding. Hardware doesn't have generous curves. It has precise, machined edges. The small radii create a retro-industrial feel where every element looks like it belongs on a control panel. Borders are visible and structural, reinforcing the grid lines that make engineering interfaces work.
ATMOSPHERE
sm
?
md
?
Warm terminal
?
Warm terminal shadows. Elements feel like physical hardware buttons or display panels. Raised and tactile. The warm shadow color maintains the cozy workshop atmosphere. No neon glows. No emissive tricks. Depth here is physical, like pressing a button that clicks into place.
Rip This.
Export Retro as code, tokens, or a DESIGN.md for your AI agent.
/* Typography */
--font-heading: 'IBM Plex Mono', monospace;
--font-body: 'IBM Plex Sans', sans-serif;
--font-heading-weight: 600;
--letter-spacing: -0.01em;
/* Palette */
--color-bg: #1C1917;
--color-surface: #292524;
--color-text: #FAFAF9;
--color-text-muted: #A8A29E;
--color-accent: #FB923C;
--color-accent-soft: rgba(251,146,60,0.1);
--color-border: #44403C;
/* Shape */
--radius: 4px;
--radius-sm: 2px;
--radius-xl: 8px;
/* Depth */
--shadow: 0 4px 12px rgba(28,25,23,0.4), 0 0 0 1px rgba(68,64,60,0.5);
--shadow-sm: 0 2px 4px rgba(28,25,23,0.3);

Drop your email to rip the full DNA.

Tailwind, shadcn/ui & DESIGN.md are Pro exports. Get Pro β†’
Share This.
Send Retro 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/retro
IBM Plex Mono
ABCDEFGHIJKLM
abcdefghijklm
0123456789 !@#
Body: IBM Plex Sans
✦ seedflip.co
#1C1917
#292524
#FB923C
Aa
radius: 4px Β· Warm terminal
seedflip.co
3
12
47
1.2K
IG PREVIEW
Typography
IBM Plex Mono
The future we imagined
in IBM Plex Sans 13pt
600 / -0.01em
Colors
Accent
#FB923C
Surface
#292524
Text
#FAFAF9
Border
#44403C
Shape & Atmosphere
Heading component
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor.
Action button
Retro
IBM Plex Mono + IBM Plex Sans
seedflip.co
Typography
IBM Plex Mono
The future we imagined
in IBM Plex Sans 13pt
600 / -0.01em
Colors
Accent
#FB923C
Surface
#292524
Text
#FAFAF9
Border
#44403C
Shape & Atmosphere
Heading component
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor.
Action button
Retro
IBM Plex Mono + IBM Plex Sans
seedflip.co
Typography
IBM Plex Mono
The future we imagined
in IBM Plex Sans 13pt
600 / -0.01em
Colors
Accent
#FB923C
Surface
#292524
Text
#FAFAF9
Border
#44403C
Shape & Atmosphere
Heading component
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor.
Action button
Retro
IBM Plex Mono + IBM Plex Sans
seedflip.co
LINK
SIMILAR SEEDS
Nightfall
Precision after dark.
JetBrains Mono + Inter
Canopy
Energy from the roots.
Plus Jakarta Sans + Plus Jakarta Sans
Ember
Warmth that moves
Inter + Inter
Prism
Light through dark glass
Inter + Inter
KEEP READING
Monospace Display Font Pairing→Inter + Space Grotesk Font Pairing→Cursor Rules Design System→