Press Space to flip ⇄
seedflip
Archive
Mixtapes
Go Pro
Sign in
πŸ”’mainframe.sh
Mainframe
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
Overpass
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
Mainframe
VIBE
The terminal, reimagined.
BEST FOR
terminal emulator and SSH client interfacesserver monitoring and management dashboardscloud container orchestration toolsDevOps pipeline and deployment automation interfaces
01Overpass heading is clean technical sans for developer context
02Space Mono body creates authentic terminal reading feel
03teal-green accent ring glow adds modern terminal atmosphere
04warm-dark #121212 background is livable for long sessions
058px radius modernizes the terminal aesthetic
Skip if:β€’ you have long-form paragraph content. Space Mono body text at reading size reduces speed versus proportional fontsβ€’ your product targets mainstream consumers. the terminal aesthetic with monospace body reads as developer-onlyβ€’ your brand is warm and editorial. the dark neutral palette with teal accent is deliberately cold and functional
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
Overpass
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 β†’

Mainframe is the terminal, rebuilt for people who live in terminals. The near-black background. The monospace body text. The green accent glow. Everything about this seed says "I write code and my tools should look like it." But it's not retro. It's not a callback to the 80s. It's what the terminal would look like if it were designed today.

You know those developers who keep their terminal open in one monitor and switch between three different dark-mode apps on the other?

They want every tool to feel like it belongs in that workflow. Mainframe gives you that feeling. Everything looks like it lives in the same universe as the terminal.

Building dev tools, CLIs with web interfaces, or AI products for engineers? Mainframe is the seed that makes your product feel native to the developer environment. Not a visitor. A resident.

The DNA.
Why Mainframe works. Every decision, unpacked.
TYPOGRAPHY
Overpass
paired with
Space Mono
Weight: 600
?
Β·Spacing: -0.01em
?

Overpass for headings is a clean technical sans that reads as engineering-first. It's structured, it's legible, and it doesn't try to be interesting. In a developer context, that's respect. Your users don't want personality in their headings. They want clarity.

Space Mono for body text is the real identity of this seed. Monospace body copy in a modern interface creates the terminal aesthetic without the terminal's limitations. Every line of text feels like output. Like something generated by a system that's running. That's the developer's mother tongue.

PALETTE
background#121212
surface#1A1A1A
text#E0E0E0
muted#949494
accent#01C38E
border#2A2A2A
?
Chart
?
Status
?
text / bg14.2:1 AA
?
accent / bg8.2:1 AA
?

Near-black background that's livable. Not pitch black. Warm enough to stare at for hours without fatigue. The gray surfaces create subtle layering without introducing any color. It's a monochromatic system where the only color is the accent.

Teal-green accent is modern terminal energy. It glows. It signals "active" and "running" and "connected." On the dark canvas, every green element feels like a system status indicator. Like the product is alive and reporting back. That's the feeling developers trust.

SHAPE
4px
8px
12px
?
Standard modern radius that takes the terminal aesthetic and gives it just enough softness to feel like a real product. Not so round it feels consumer. Not so sharp it feels legacy. The middle ground where developer tools look intentional.
ATMOSPHERE
sm
?
md
?
Accent glow
?
Teal-green accent glow at card edges creates the terminal atmosphere. Elements emit light instead of casting shadows. On the dark background, this creates the feeling of a well-configured terminal in a dark room. Focused. Clean. The kind of environment where you forget what time it is because you're in the zone.
Rip This.
Export Mainframe as code, tokens, or a DESIGN.md for your AI agent.
/* Typography */
--font-heading: 'Overpass', sans-serif;
--font-body: 'Space Mono', monospace;
--font-heading-weight: 600;
--letter-spacing: -0.01em;
/* Palette */
--color-bg: #121212;
--color-surface: #1A1A1A;
--color-text: #E0E0E0;
--color-text-muted: #949494;
--color-accent: #01C38E;
--color-accent-soft: rgba(1,195,142,0.12);
--color-border: #2A2A2A;
/* Shape */
--radius: 8px;
--radius-sm: 4px;
--radius-xl: 12px;
/* Depth */
--shadow: 0 0 0 1px rgba(1,195,142,0.1), 0 8px 40px rgba(0,0,0,0.5);
--shadow-sm: 0 0 0 1px rgba(255,255,255,0.06);

Drop your email to rip the full DNA.

Tailwind, shadcn/ui & DESIGN.md are Pro exports. Get Pro β†’
Share This.
Send Mainframe 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/mainframe
Overpass
ABCDEFGHIJKLM
abcdefghijklm
0123456789 !@#
Body: Space Mono
✦ seedflip.co
#121212
#1A1A1A
#01C38E
Aa
radius: 8px Β· Accent glow
seedflip.co
3
12
47
1.2K
IG PREVIEW
Typography
Overpass
The terminal, reimagined.
in Space Mono 13pt
600 / -0.01em
Colors
Accent
#01C38E
Surface
#1A1A1A
Text
#E0E0E0
Border
#2A2A2A
Shape & Atmosphere
Heading component
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor.
Action button
Mainframe
Overpass + Space Mono
seedflip.co
Typography
Overpass
The terminal, reimagined.
in Space Mono 13pt
600 / -0.01em
Colors
Accent
#01C38E
Surface
#1A1A1A
Text
#E0E0E0
Border
#2A2A2A
Shape & Atmosphere
Heading component
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor.
Action button
Mainframe
Overpass + Space Mono
seedflip.co
Typography
Overpass
The terminal, reimagined.
in Space Mono 13pt
600 / -0.01em
Colors
Accent
#01C38E
Surface
#1A1A1A
Text
#E0E0E0
Border
#2A2A2A
Shape & Atmosphere
Heading component
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor.
Action button
Mainframe
Overpass + Space Mono
seedflip.co
LINK
SIMILAR SEEDS
Command
The launcher. Dark, fast, surgical.
Inter + Inter
Nightfall
Precision after dark.
JetBrains Mono + Inter
Canopy
Energy from the roots.
Plus Jakarta Sans + Plus Jakarta Sans
Prism
Light through dark glass
Inter + Inter
KEEP READING
Dark Mode Color System→Raycast Design System Dark UI→Cursor Rules Design System→