Flip

Active Seed DNA · Featherweight

Featherweight

Every gram is a decision.

lightcleanboldutility

Born From

Zpacks choosing bold weight for BOTH headings and body text — the counter-intuitive move that reads as gear-spec directness. The specific shade of outdoor blue (#005E96) that means mountain water, not navy.

Acme
ProductsSolutionsPricing
#FFFFFF
Background
#F5F5F5
Surface
#515151
Text
#888888
Muted
#005E96
Accent
#CCDFEA
Soft
#E3E3E3
Border
#E9E9E9
Hover

Why It Works

Bold weight throughout signals reliability — ultralight gear brands cannot afford to look fragile. Deep outdoor teal-blue accent is distinct from both navy and teal, specific to mountain environments. 100px pill radius on everything creates durability-tested visual language. Medium grey text (not black) with generous letter-spacing improves legibility for spec-heavy content.

Best For

Outdoor gear and ultralight equipment brands. Sporting goods and adventure equipment pages. Performance product DTC with spec-driven audiences. Trail running and backcountry gear brands.

Skip This If

Your brand requires lightness or editorial delicacy. Bold-everywhere feels too heavy for your product. The outdoor-utilitarian aesthetic conflicts with your positioning.

Palette

Featherweight starts with white.

One blue to break the silence.

Outdoor blue at #005E96 sits in the specific saturation and value range that reads as the natural environment rather than the technology sector. It is darker than sky blue and lighter than navy. More saturated than slate and less aggressive than cobalt. Against white canvas and light grey surfaces, it functions as the operational color for all interactive elements without competing with product photography.

background#FFFFFF
surface#F5F5F5
surface hover#e9e9e9
text#515151
muted#888888
accent#005E96
accent soft#ccdfea
border#E3E3E3
Chart Palette
Status
Success
Warning
Error
Contrast
Text 7.9:1AAA
Accent 6.9:1AA

Medium grey text at #515151 rather than near-black is the gear-brand choice that improves legibility of technical specifications at large body size and spaced letter-tracking. Pure black at large size with letter-spacing creates visual noise. The medium grey creates the same readability at lower visual tension. The border at #E3E3E3 is specifically positioned to separate sections without suggesting fragility — the border of something that will hold under load.

Bold everywhere. Zero apology.

The gear-spec brand voice.

Featherweight's Montserrat bold throughout both headings and body creates a direct technical communication style that gear audiences trust more than polished brand copy.

app.example.com/dashboard
Total Revenue
$84,254
+12.4%
Active Users
2,847
+8.1%
Conversion
3.24%
-0.3%
Avg. Order
$127
+2.8%
Weekly Activity
Revenue by day
Mon
Tue
Wed
Thu
Fri
Sat
Sun
Status
API Uptime
99.9%
Build Queue
3 pending
Error Rate
0.02%
Latency
142ms
Typography

Poppins at 700.

Paired with Poppins.

Montserrat at bold weight throughout creates a gear-spec voice that reads as direct technical communication. Body text at the same weight as headings — an unusual choice that reads as deliberate rather than monotone because the scale difference between heading and body is large enough to create hierarchy without weight variation. The body letter-spacing at 2px adds the additional visual separation that the shared weight requires.

Poppins
mono: Fira Code
Display32px
Heading 129px
Heading 227px
Heading 324px
Body20px
Caption18px
Weight: 700/700Heading spacing: normalBody spacing: 2pxHeading LH: 1.38Body LH: 1.25Base: 20pxScale: 1.101Para spacing: 40px

The large 20px base size creates reading conditions for spec content on mobile devices. Gear reviewers are often reading outdoors, on devices held at arm's length, in variable lighting. 20px body text accommodates those reading conditions. The 1.25 body line-height is tighter than editorial standards — it suits the compressed spec-list format that gear brands use for product information.

Outdoor blue. Pill radius. Bold type.

Backcountry gear at 768px.

Featherweight's 100px pill radius and outdoor blue accent compress to tablet as an equipment catalog interface with the same gear-spec directness as desktop.

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.

Featherweight's physical language.

One hundred pixels is the pill radius that says "this product is built to last." Every major element — cards, CTAs, large containers — uses the same 100px radius, creating the complete pill shape that ultralight gear packaging uses. The sharp 2px reserved exclusively for small elements creates the functional contrast between the protective rounded container and the precision contents inside.

Card heading
Body text showing how the seed's typography feels inside a real component.
Tag
Hover to feel the interaction
XL Radius
100px
shadowLg
Radius:100px
Radius SM:2px
Radius XL:100px
Border:1px solid
Shadow:Gear-grade lift
Hover:lift
Focus:shadow
Active scale:0.96
Density:comfortable
Divider:subtle

Every gram a decision. Every pixel too.

Ultralight design at 375px.

Featherweight's 20px base, spaced letter-tracking, and outdoor blue translate to mobile as a gear-spec interface designed for the conditions gear is actually used in.

Design faster.
Ship smarter.

Production-ready tokens for every project.

No credit card required
2,847 users
Atmosphere

Relaxed and comfortable.

Featherweight's invisible layer.

The gear-grade shadow (warm grey base, 0.4 opacity) creates the specific quality of outdoor product photography lighting — not the cool grey of tech, not the brown of luxury goods, but the warm grey of things photographed against grey sky or granite. The relaxed motion at 400ms suits a user who is reading carefully rather than scrolling quickly. Lift hover creates the tactile response of picking up something lightweight that has weight-appropriate resistance.

Speed: relaxedEasing: ease-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: 1
Home
Settings
User
Search
Bell
Mail
Star
Heart
Icons: filled / 24px
Density: comfortableGrid: 12 cols / 1.5rem gapContainer: 1280pxSection: 32px / Content: 28pxSpace unit: 4px

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%