Flip

Active Seed DNA · Refuge

Refuge

Urgent. Warm. Unmistakable.

lightboldvibrantwarm

Born From

The IRC choosing yellow so urgent it functions as a siren — not a brand flex, a safety signal. Space Grotesk at 700 with tight tracking for headlines that need to be read at distance.

Acme
ProductsSolutionsPricing
Aa
Space Grotesk · 700
const theme = designSeeds.get("name")

Why It Works

IRC yellow #FFC72C as a full-section fill color creates visual urgency nothing else achieves. Uniform 50px radius on everything signals accessibility and approachability for stressed audiences. Space Grotesk bold weight with weight 300 body creates maximum typographic contrast. Direct visible shadows ground elements that must be clicked.

Best For

Humanitarian and nonprofit organizations. Emergency response and crisis communication. Advocacy and social impact campaigns. Global health and relief fundraising pages.

Skip This If

Your brand is premium or luxury. Yellow creates wrong connotations for your specific audience. The all-pill-shape system is too loud for your product.

Palette

Refuge starts with white.

One gold to break the silence.

The yellow is the palette. Everything else is functional. Off-white canvas for white sections. The yellow fills entire feature sections with a color so present it functions as visual volume. Black text on yellow is the highest-contrast combination available in the warm spectrum. The grey border creates the minimum necessary separation between structural elements without adding visual complexity.

background#F6F6F6
surface#FFC72C
surface hover#f3bb20
text#000000
muted#4A4A4A
accent#FFC72C
accent soft#f8edce
border#767676
Chart Palette
Status
Success
Warning
Error
Contrast
Text 19.4:1AAA
Accent 1.4:1Fail

The accentSoft is the yellow at reduced saturation for small badge and tag backgrounds. The surfaceHover is the yellow at slightly reduced brightness — the interactive response of a surface that contains this much light. The entire palette is organized around making the yellow work rather than making the system work with the yellow. The hierarchy is inverted from most brand systems.

The yellow that functions as a siren.

Not a brand choice. A safety signal.

Refuge's IRC Yellow fills entire sections with a color so present it operates as visual volume. Space Grotesk bold headings and uniform pill shapes communicate urgency and welcome simultaneously.

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

Space Grotesk at 700.

Paired with Space Grotesk.

Space Grotesk is the grotesque that reads urgently. Where neutral grotesques like Helvetica read as calm corporate authority, Space Grotesk has subtle quirks in its letterforms that give it a human quality at display sizes. At bold weight with tight letter-spacing, it creates headlines that compress space to maximize impact — the typographic equivalent of the headline on a crisis communication poster.

Space Grotesk
mono: Fira Code
Display378px
Heading 1210px
Heading 2117px
Heading 365px
Body20px
Caption11px
Weight: 700/300Heading spacing: -0.05emBody spacing: -0.2pxHeading LH: 1.2Body LH: 1.75Base: 20pxScale: 1.8Para spacing: 8px

Body at weight 300 creates the maximum typographic contrast with the bold headings. The full range of Space Grotesk's weight axis, from 300 to 700, used across one font family, creates a voice that shifts register from urgent announcement to careful explanation within the same visual system. The size of the base (20px) prioritizes reading ease above visual density.

Pill shapes. Bold type. Yellow everywhere.

Accessibility at humanitarian scale.

Refuge's 50px uniform radius and maximum-contrast yellow sections maintain their full communicative power at tablet width for users across every device and context.

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. 1px borders.

Refuge's physical language.

Fifty pixels across every element is the accessibility-first shape decision. There is no functional reason to vary the radius — the consistency is the point. Every element in the system is equally approachable, equally rounded, equally free of sharp edges that might be misread in any cultural context. This is the shape system that prioritizes the universal reader over the sophisticated reader.

Card heading
Body text showing how the seed's typography feels inside a real component.
Tag
Hover to feel the interaction
XL Radius
50px
shadowLg
Radius:50px
Radius SM:50px
Radius XL:50px
Border:1px solid
Shadow:Direct drop
Hover:lift
Focus:shadow
Active scale:0.96
Density:spacious
Divider:space

The urgent interface.

Designed for distance and difficulty.

Refuge's 20px base size, relaxed motion, and IRC Yellow sections translate to mobile as a humanitarian design system that serves its audience regardless of device quality or connection speed.

Good morning
Friday, April 4, 2026
$12.4K
Revenue
1,284
Visitors
3.8%
Conv. Rate
142ms
Latency
Recent Activity
New order #4821 received
2m ago
User onboarding completed
14m ago
Payment of $340 processed
1h ago
Atmosphere

Relaxed and spacious.

Refuge's invisible layer.

Relaxed motion at 400ms is slower than most modern interfaces. This is deliberate. Humanitarian contexts often involve users in high-stress situations on slow connections and older devices. Motion that happens too fast creates cognitive friction when the cognitive load is already high. The lift hover effect creates tactile response without requiring fine motor precision. The direct drop shadow on interactive elements makes their affordance visible at a distance, on a screen held at arm's length.

Speed: relaxedEasing: ease-in-outEasing In: cubic-bezier(0.34, 1.56, 0.64, 1)Easing Out: cubic-bezier(0.36, 0, 0.66, -0.56)Blur: 0pxNoise: subtleOpacity: 0.7
Home
Settings
User
Search
Bell
Mail
Star
Heart
Icons: filled / 24px
Density: spaciousGrid: 12 cols / 1.5rem gapContainer: 1280pxSection: 96px / Content: 16pxSpace 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%