Flip

Active Seed DNA · Kindling

Kindling

Warm email marketing energy. The opposite of cold SaaS.

lightwarmmarketingemail

Born From

Email marketing platforms that operate at human scale — personal newsletters not enterprise campaigns. The Stone color palette where even the darkest tone carries a brown warmth instead of blue-black cold. Warm interfaces built from the ground up — brown-black text, warm borders, ochre accents in harmony. Orange-500 landing on warm white backgrounds like a Tuesday morning newsletter in a sunny kitchen.

Acme
ProductsSolutionsPricing
Aa
Geist · 600
const theme = designSeeds.get("name")

Why It Works

Stone palette has brown-black text not blue-black creating warmth. Orange accent is energetic and marketing-forward. Warm surfaces need minimal shadows to create depth. Clean 8px radius lets warm palette do personality work. Inter at 600 is confident without being aggressive.

Best For

Email marketing platform dashboards with campaign stats. Content creator monetization and subscription tools. Blog publishing platforms with audience analytics. Small business marketing automation interfaces.

Skip This If

Your product is dark-mode-first. This warm Stone palette does not invert into dark surfaces without losing warmth. Your brand is cool and technical. The brown-black text and warm neutrals fight clinical precision. You need bold visual punch on landing pages. The barely-there shadows and warm tones create gentle not urgent energy.

Palette

Kindling starts with white.

One orange to break the silence.

Pure white background. No apology. The surface is Stone 50 (#FAFAF9), the warmest near-white. Surface hover is Stone 100 (#F5F5F4). Text is Stone 900 (#1C1917). This is brown-black, not blue-black. It has warmth in the darkest tone. The muted text (#57534E) is Stone 600. Borders are warm light gray (#D8D6D5). Every single neutral in this system has a warm undertone. Not a single cool gray anywhere.

background#FFFFFF
surface#FAFAF9
surface hover#F5F5F4
text#1C1917
muted#57534E
accent#F76906
accent soft#FEF3EB
border#D8D6D5
Chart Palette
Status
Success
Warning
Error
Contrast
Text 17.5:1AAA
Accent 3.0:1AA Large

The accent is orange (#F76906). Warm, energetic, marketing-forward. It earns its appearance on primary CTAs only. Everything else is warm neutral. The accent soft (#FEF3EB) creates gentle warm hover states. The gradient sweeps from orange (#F97316) to golden yellow (#FBBF24), a warm ramp that reinforces the campfire energy. Subtle surface noise adds tactile warmth. Never swap in a gray from another system. The brown-black text on warm white is the thing that makes this different.

Warm enough to stay in.

Focused enough to work in.

Kindling wraps email marketing dashboards and creator tools in the stone-warm palette that makes operators feel like the product is working with them.

www.example.com
NOW IN BETA

The fastest way to
ship great products.

Turn your ideas into polished interfaces without burning weeks on design decisions.

Typography

Geist at 600.

Paired with Geist.

Inter at weight 600 for headings with -0.014em letter-spacing. Clean and confident without being aggressive. The tracking is slightly looser than most in this catalog, which gives headings a more relaxed presence. At 1.2 heading line height, those 600-weight headers sit comfortably above the content.

Geist
mono: JetBrains Mono
Display76px
Heading 157px
Heading 243px
Heading 332px
Body18px
Caption14px
Weight: 600/400Heading spacing: -0.014emBody spacing: -0.014emHeading LH: 1.2Body LH: 1.75Base: 18pxScale: 1.333Para spacing: 1.5em

Body text at weight 400 with generous 1.75 line height and 1.5em paragraph spacing. At 18px base size with spacious density, this is built for sustained reading. Email marketers write long-form content. They need a system that makes that pleasant. The warmth here is entirely in the color system. The typography is neutral, letting the Stone palette carry all the personality. JetBrains Mono for code handles templates and merge tags.

Writing campaigns feels different here.

Better. Less like a chore.

Kindling's warm neutrals and generous reading space make composing and reviewing long-form content feel deliberate rather than rushed.

NEW RELEASE

Build something
people remember.

Design tokens that give your product a point of view. Not just colors and fonts. Personality.

Shape

Soft radius. 1px borders.

Kindling's physical language.

Eight-pixel rounding on containers. Four on tags and small elements. Sixteen on modals. Clean and understated. The warm palette does all the personality work, not aggressive rounding. Solid 1px borders with warm gray tones maintain gentle structure. Space dividers keep the spacious density breathing. The shape language is conventional by design. When your color system is this distinctive, your shapes should stay out of the way.

Card heading
Body text showing how the seed's typography feels inside a real component.
Tag
Hover to feel the interaction
XL Radius
16px
shadowLg
Radius:8px
Radius SM:4px
Radius XL:16px
Border:1px solid
Shadow:Warm lift
Hover:lift
Focus:ring
Active scale:0.98
Density:spacious
Divider:space

Warm in your hand.

Not just on the monitor.

Kindling's stone palette and calm motion carry their full warmth to mobile, keeping every send, stat, and draft comfortable to interact with.

DESIGN
Why less choice makes better products
Mia Chen4 min
ENGINEERING
Token architecture for teams that scale
Jake Torres6 min
STRATEGY
The compounding return of great defaults
Priya Nair3 min
Atmosphere

Smooth and spacious.

Kindling's invisible layer.

Barely-there shadows. 1px 3px at 6% opacity primary, 1px 2px at 4% secondary. Warm surfaces don't need much shadow to create depth. Cards feel like they're resting, not floating. The large shadow at 25px 50px is available for elevated panels but rarely needed. Borders do more depth work than shadows in this system. Lift hover effects create gentle upward movement. Smooth motion speed keeps interactions calm and confident. Subtle surface noise gives every warm surface a tactile, almost paper-like quality. The entire atmosphere is warm, grounded, and reassuring. Like a tool that's been in your life for years.

Speed: smoothEasing: cubic-bezier(0.4, 0, 0.2, 1)Easing In: cubic-bezier(0.4, 0, 1, 1)Easing Out: cubic-bezier(0, 0, 0.2, 1)Blur: 0pxNoise: subtleOpacity: 1
Home
Settings
User
Search
Bell
Mail
Star
Heart
Icons: outlined / 24px
Density: spaciousGrid: 12 cols / 2rem gapContainer: 960pxSection: 6rem / Content: 2remSpace unit: 8px

Go build something beautiful.

111 design decisions that all agree with each other. Made for you to use in an instant.

Start Building

SAAS LANDING PAGE · 1440

S
Shipwreck.
PlatformSolutionsDocumentationPricing
Sign In
237 deploys today. Join the elite.

Stop deploying like it’s 2019.

Shipwreck turns your git push into a production deploy in 11 seconds. Zero config, infinite scale, and an interface that doesn’t look like a spreadsheet.

Trusted by teams at

StripeVercelLinearRetoolSupabaseGitHubStripeVercelLinearRetoolSupabaseGitHub
11s
Avg. Deploy Time.
99.99%
Uptime Guarantee.
0
YAML Files Touched.

Everything you need.

Push and pray.
We handle the "pray" part. Instant detection of your framework, automatic optimization, and edge deployment.
Env variables.
Secure secrets management that actually makes sense. Sync across environments without copying .env files ever again.
Logs.
Real-time streaming logs with zero latency. Filter, search, and debug faster than you can type 'console.log'.

From code to edge.

01

Connect Repository

Link your GitHub, GitLab, or Bitbucket in two clicks. We scan your tech stack instantly.

02

Automated Build

Our high-speed runners build your app in isolated containers. No cold starts, just speed.

03

Global Propagation

Your app is pushed to 300+ edge locations globally. Sub-10ms latency for every user.

$ git push origin main
Initializing shipwreck build pipeline...
Detecting Framework: Next.js 14
Installing dependencies... [1.2s]
Running production build... [4.5s]
✓ Build successful
Optimizing assets for Edge... [0.8s]
Deploying to 312 nodes...
🚀 Production live: https://shipwreck.sh/v1-final

Observe everything.

A dashboard built for developers who hate dashboards. No fluff, just the metrics that matter for your application health.

  • Automatic SSL Management
  • Preview Deployments on every PR
  • Infinite Scalability Engine
SHIPWRECK CONSOLE / ANALYTICS
Latency
8ms
Success Rate
100%
Traffic
12.4k/s
[12:44:01]GET/api/v1/user/auth - 200 OK (12ms)
[12:44:02]POST/api/webhooks/stripe - 202 Accepted
[12:44:05]GET/static/images/hero.webp - 304 Not Modified

Don't take our word for it. Take theirs.

“

Shipwreck is the first platform that actually stays out of my way. It feels like I’m writing code directly to the browser.

JD
Josh Doe
CTO at Hyperdrive
“

The speed is actually offensive. I push a commit and before I can switch tabs, the preview link is already in Slack.

SK
Sarah Klein
Lead Engineer at Void
“

We migrated 400 microservices in a weekend. Our dev team might actually like me now. Highly recommended.

ML
Marcus Lee
SVP Eng at BigCo

Pricing that scales.

Start for free, grow until you’re a unicorn.

Hobby

$0/mo
  • 3 Projects
  • Global Edge Network
  • SLA Guarantee
Most Popular

Team

$29/mo
  • Unlimited Projects
  • Priority Support
  • 99.9% SLA

Common questions.

Absolutely not. We run our own bare-metal orchestration layer built specifically for high-frequency deployments. While we leverage cloud partners for edge nodes, the core engine is pure Shipwreck engineering.

Your Friday deploys deserve better.

11-second deploys. Automatic rollbacks. Zero YAML. Start free, no credit card.

Shipwreck.

High-performance deployment infrastructure for teams that refuse to slow down. Built by developers, for developers.

Product
FeaturesChangelogStatus
Resources
DocumentationAPI ReferenceCommunity
Company
AboutSecurityCareers
© 2024 Shipwreck. Engineering Elegance.
TermsPrivacySecurity

SAAS LANDING PAGE · 768

S
Shipwreck.
PlatformSolutionsDocumentation
237 deploys today. Join the elite.

Stop deploying like it’s 2019.

Shipwreck turns your git push into a production deploy in 11 seconds. Zero config, infinite scale, and an interface that doesn’t look like a spreadsheet.

Trusted by teams at

StripeVercelLinearRetoolSupabaseGitHubStripeVercelLinearRetoolSupabaseGitHub
11s
Avg. Deploy Time.
99.99%
Uptime Guarantee.
0
YAML Files Touched.

Everything you need.

Push and pray.
We handle the "pray" part. Instant detection of your framework, automatic optimization, and edge deployment.
Env variables.
Secure secrets management that actually makes sense. Sync across environments without copying .env files ever again.
Logs.
Real-time streaming logs with zero latency. Filter, search, and debug faster than you can type 'console.log'.

From code to edge.

01

Connect Repository

Link your GitHub, GitLab, or Bitbucket in two clicks. We scan your tech stack instantly.

02

Automated Build

Our high-speed runners build your app in isolated containers. No cold starts, just speed.

03

Global Propagation

Your app is pushed to 300+ edge locations globally. Sub-10ms latency for every user.

$ git push origin main
Initializing shipwreck build pipeline...
Detecting Framework: Next.js 14
Installing dependencies... [1.2s]
Running production build... [4.5s]
✓ Build successful
Optimizing assets for Edge... [0.8s]
Deploying to 312 nodes...
🚀 Production live: https://shipwreck.sh/v1-final

Observe everything.

A dashboard built for developers who hate dashboards. No fluff, just the metrics that matter for your application health.

  • Automatic SSL Management
  • Preview Deployments on every PR
  • Infinite Scalability Engine
SHIPWRECK CONSOLE / ANALYTICS
Latency
8ms
Success Rate
100%
Traffic
12.4k/s
[12:44:01]GET/api/v1/user/auth - 200 OK (12ms)
[12:44:02]POST/api/webhooks/stripe - 202 Accepted
[12:44:05]GET/static/images/hero.webp - 304 Not Modified

Don't take our word for it. Take theirs.

“

Shipwreck is the first platform that actually stays out of my way. It feels like I’m writing code directly to the browser.

JD
Josh Doe
CTO at Hyperdrive
“

The speed is actually offensive. I push a commit and before I can switch tabs, the preview link is already in Slack.

SK
Sarah Klein
Lead Engineer at Void
“

We migrated 400 microservices in a weekend. Our dev team might actually like me now. Highly recommended.

ML
Marcus Lee
SVP Eng at BigCo

Pricing that scales.

Start for free, grow until you’re a unicorn.

Hobby

$0/mo
  • 3 Projects
  • Global Edge Network
  • SLA Guarantee
Most Popular

Team

$29/mo
  • Unlimited Projects
  • Priority Support
  • 99.9% SLA

Common questions.

Absolutely not. We run our own bare-metal orchestration layer built specifically for high-frequency deployments. While we leverage cloud partners for edge nodes, the core engine is pure Shipwreck engineering.

Your Friday deploys deserve better.

11-second deploys. Automatic rollbacks. Zero YAML. Start free, no credit card.

Shipwreck.

High-performance deployment infrastructure for teams that refuse to slow down. Built by developers, for developers.

Product
FeaturesChangelogStatus
Resources
DocumentationAPI ReferenceCommunity
Company
AboutSecurityCareers
© 2024 Shipwreck. Engineering Elegance.
TermsPrivacySecurity

SAAS LANDING PAGE · 375

S
237 deploys today. Join the elite.

Stop deploying like it’s 2019.

Shipwreck turns your git push into a production deploy in 11 seconds. Zero config, infinite scale, and an interface that doesn’t look like a spreadsheet.

Trusted by teams at

StripeVercelLinearRetoolSupabaseGitHubStripeVercelLinearRetoolSupabaseGitHub
11s
Avg. Deploy Time.
99.99%
Uptime Guarantee.
0
YAML Files Touched.

Everything you need.

Push and pray.
We handle the "pray" part. Instant detection of your framework, automatic optimization, and edge deployment.
Env variables.
Secure secrets management that actually makes sense. Sync across environments without copying .env files ever again.
Logs.
Real-time streaming logs with zero latency. Filter, search, and debug faster than you can type 'console.log'.

From code to edge.

01

Connect Repository

Link your GitHub, GitLab, or Bitbucket in two clicks. We scan your tech stack instantly.

02

Automated Build

Our high-speed runners build your app in isolated containers. No cold starts, just speed.

03

Global Propagation

Your app is pushed to 300+ edge locations globally. Sub-10ms latency for every user.

$ git push origin main
Initializing shipwreck build pipeline...
Detecting Framework: Next.js 14
Installing dependencies... [1.2s]
Running production build... [4.5s]
✓ Build successful
Optimizing assets for Edge... [0.8s]
Deploying to 312 nodes...
🚀 Production live: https://shipwreck.sh/v1-final

Observe everything.

A dashboard built for developers who hate dashboards. No fluff, just the metrics that matter for your application health.

  • Automatic SSL Management
  • Preview Deployments on every PR
  • Infinite Scalability Engine
SHIPWRECK CONSOLE / ANALYTICS
Latency
8ms
Success Rate
100%
Traffic
12.4k/s
[12:44:01]GET/api/v1/user/auth - 200 OK (12ms)
[12:44:02]POST/api/webhooks/stripe - 202 Accepted
[12:44:05]GET/static/images/hero.webp - 304 Not Modified

Don't take our word for it. Take theirs.

“

Shipwreck is the first platform that actually stays out of my way. It feels like I’m writing code directly to the browser.

JD
Josh Doe
CTO at Hyperdrive
“

The speed is actually offensive. I push a commit and before I can switch tabs, the preview link is already in Slack.

SK
Sarah Klein
Lead Engineer at Void
“

We migrated 400 microservices in a weekend. Our dev team might actually like me now. Highly recommended.

ML
Marcus Lee
SVP Eng at BigCo

Pricing that scales.

Start for free, grow until you’re a unicorn.

Hobby

$0/mo
  • 3 Projects
  • Global Edge Network
  • SLA Guarantee
Most Popular

Team

$29/mo
  • Unlimited Projects
  • Priority Support
  • 99.9% SLA

Common questions.

Absolutely not. We run our own bare-metal orchestration layer built specifically for high-frequency deployments. While we leverage cloud partners for edge nodes, the core engine is pure Shipwreck engineering.

Your Friday deploys deserve better.

11-second deploys. Automatic rollbacks. Zero YAML. Start free, no credit card.

Shipwreck.

High-performance deployment infrastructure for teams that refuse to slow down. Built by developers, for developers.

Product
FeaturesChangelogStatus
Resources
DocumentationAPI ReferenceCommunity
Company
AboutSecurityCareers
© 2024 Shipwreck. Engineering Elegance.
TermsPrivacySecurity
50%