Stripe
Infrastructure Made Beautiful
Deep technical credibility fused with visual elegance. Makes developer infrastructure feel aspirational — the Apple of B2B SaaS.
Downloaded by 200+ builders this month.
Free taste.md previewNo account required. Or get all packs for $29/mo.
Color Tokens
#0A2540
Downriver
Primary dark
#635BFF
Blurple
Brand accent
#00D4FF
Cyan
Secondary accent
#F6F9FC
Black Squeeze
Background light
What's inside
Every pack ships 7 files that give your AI agent the complete design intelligence of Stripe.
taste.md
Visual design intelligence — colors, typography, spacing, component defaults
voice.md
Brand voice and content patterns for consistent copy
tokens.css
Drop-in CSS custom properties for instant theming
tokens.json
W3C Design Token format for toolchain integration
tailwind.extend.js
Tailwind config snippet — extend your design system
prompt.md
Unified AI agent instruction — paste and go
guide.md
2-minute quick start to get designing immediately
Design DNA applied
What your AI agent builds after loading Stripe's design DNA.
Button
Card
Dashboard overview
Your workspace at a glance
Typography
Heading
Body text with the right weight and spacing.
accent.highlight()
Free preview — taste.md
# Stripe Design DNA — taste.md ## Visual Identity **Colors:** Downriver (#0A2540) · Blurple (#635BFF) · Cyan (#00D4FF) **Type:** Cambon (headings) + Ideal Sans (body) — precision with warmth **Radius:** 6px default. Nothing round. Nothing sharp. **Shadows:** Multi-layer. Depth without drama. ## Design Principles 1. Technical credibility first. Then beauty. 2. Information density is a feature, not a bug. 3. Every element has a job. No decoration for decoration. 4. White space is intentional. Data is foregrounded. ## Component Defaults - Buttons: 6px radius, 14px semibold, no text transform - Cards: 1px #E6EBF1 border, 4px shadow, 8px radius - Tables: alternating #F6F9FC rows, sticky headers - Forms: floating labels, inline validation, no modal errors
Full pack includes 7 files: taste.md · voice.md · tokens.css · tokens.json · tailwind.extend.js · prompt.md · guide.md
DownloadYou might also like
Need every pack?
Get all 50+ design DNA packs for $29/mo. Cancel any time.