Flip

Active Seed DNA · Pillow

Pillow

Friendly consumer DTC with soft blue comfort

lightconsumerplayful

Born From

Direct-to-consumer brands that made digital shopping feel as comfortable as buying in person. 24px radius as the softest possible expression of a physical product that you sleep on. #1E306E deep navy text that reads warmer than black, like midnight light through a window. Scale hover effect on rounded cards that creates the squishy, touchable quality of the product itself.

Meridian Crossbody
Leather Goods
$185.00
Aa
DM Serif Display · 500
const theme = designSeeds.get("name")

Why It Works

24px radius creates the softest, most pillow-like containers in any light system. #1E306E deep navy text on white is warmer than black, creating a softer reading experience. #1E3063 navy accent barely differs from the text color, creating a monochrome calm. Scale hover effect on large-radius elements makes cards feel squishy and inviting. Fira Code mono adds a subtle technical backbone without disrupting the consumer warmth.

Best For

Mattress and sleep product DTC brands with comfort as the core promise. Consumer subscription services targeting young professionals. Home goods ecommerce with lifestyle photography and cozy branding. Wellness apps focused on sleep, relaxation, and daily routines.

Skip This If

Your brand is sharp and authoritative. 24px radius rounds every edge off your messaging. You need distinct accent color contrast. The navy accent-on-navy text creates minimal visual differentiation. Your product is B2B or developer-facing. The soft, consumer DTC aesthetic undermines professional credibility.

Palette

Pillow starts with white.

One blue to break the silence.

White background with navy text (#1E306E). Not black. Navy. That shift from black to navy changes everything. It feels warmer, friendlier, more personal. Like handwritten notes in dark blue ink. The accent (#1E3063) is an even deeper navy. Buttons and interactive elements are rich, deep blue. Trustworthy without being cold.

background#FFFFFF
surface#F5F5F5
surface hover#EBEBEB
text#1E306E
muted#151515
accent#1E3063
accent soft#d2d6e0
border#4A5568
Chart Palette
Status
Success
Warning
Error
Contrast
Text 12.3:1AAA
Accent 12.7:1AAA

Light gray borders (#4A5568) with 2px width create visible but soft structural lines. The surface at 0.32 opacity means backgrounds are mostly transparent. Cards are suggestions of containers rather than solid boxes. Light and airy. Like bed linens draped over a frame. The muted text (#151515) is near-black, providing strong contrast for secondary information.

Comfortable from the first click.

That's the whole pitch.

Pillow's soft, generous interface signals the same comfort promise as the products it's designed to sell.

shop.example.com
FORMAShopCollectionsAbout
Studio Chair
$349Add
Desk Lamp
$89Add
Notebook Set
$42Add
Free shipping on orders over $75
Typography

DM Serif Display at 500.

Paired with Geist.

Inter at 500 for headings with -0.18px letter-spacing. Almost default tracking with medium weight. Nothing extreme. Nothing flashy. The typography is deliberately unspectacular. In a system where color and shape are doing the personality work, the type just needs to be clear and comfortable. Like a pillow.

DM Serif Display
paired with
Geist
mono: Fira Code
Display46px
Heading 136px
Heading 228px
Heading 322px
Body14px
Caption11px
Weight: 500/400Heading spacing: -0.18pxBody spacing: normalHeading LH: 1.6Body LH: 1.4Base: 14pxScale: 1.267Para spacing: 24px

Body text at 14px with 1.4 line height. Compact but readable. Product specs, mattress dimensions, material descriptions. Information that needs to be accessible without being overwhelming. The 24px paragraph spacing gives each section comfortable breathing room. Dense text blocks, well separated. Comfortable information density.

Reading for pleasure, not obligation.

Pillow makes it feel that way.

Pillow's editorial warmth turns product descriptions into something you actually want to read before you go to sleep.

NEW RELEASE

Build something
people remember.

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

Shape

Pill radius. 2px borders.

Pillow's physical language.

Twenty-four pixel radius everywhere. The most generous rounding in any consumer DTC seed. Every container feels cushioned. Soft. Like pressing on a pillow. The 6px small radius on detail elements provides just enough structure for form inputs and badges. The scale hover effect at 0.97 makes elements compress slightly on hover. Like testing the firmness of a mattress. Bouncy easing adds a spring-back quality. Press it, it gives, it returns.

Card heading
Body text showing how the seed's typography feels inside a real component.
Tag
Hover to feel the interaction
XL Radius
24px
shadowLg
Radius:24px
Radius SM:6px
Radius XL:24px
Border:2px solid
Shadow:none
Hover:scale
Focus:ring
Active scale:0.97
Density:comfortable
Divider:space

Your sleep routine starts here.

Even the app feels like rest.

On mobile, Pillow's generous shapes and soft palette create a bedtime browsing experience that feels designed for the context.

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 comfortable.

Pillow's invisible layer.

No shadows. Pillow creates depth through transparency and color alone. The ultra-low surface opacity (0.32) makes surfaces barely there. Like looking through sheer fabric. That transparency combined with the generous rounding creates an airiness that's perfect for a comfort brand. The scale hover effects and 2px borders are the only structural elements with real presence. Everything else is soft, translucent, yielding.

Speed: smoothEasing: ease-in-outEasing In: cubic-bezier(0.4, 0, 0.2, 1)Easing Out: cubic-bezier(0.4, 0, 0.6, 1)Blur: 0pxNoise: noneOpacity: 0.32
Home
Settings
User
Search
Bell
Mail
Star
Heart
Icons: outlined / 16px
Density: comfortableGrid: 1 cols / 2px gapContainer: 1280pxSection: 24px / Content: 32pxSpace 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%