Flip

Active Seed DNA · Specimen

Specimen

The archive is still alive.

lightcleanminimaleditorial

Born From

The Field Museum choosing a cool blue-grey background that reads as "museum air" — the color of climate-controlled exhibition space. Switzer as the contemporary grotesque that carries scientific precision without sterility.

⌕
Search...
⌘K
Design Tokens
Core primitives and variables
→
Color Palette
Brand and semantic colors
→
Typography Scale
Font sizes and weights
→
#F3F5FA
Background
#FFFFFF
Surface
#1A1C1F
Text
#9DA2AA
Muted
#1A1C1F
Accent
#C8CACE
Soft
#1A1C1F
Border
#F6F6F6
Hover

Why It Works

#F3F5FA blue-grey background immediately signals institutional credibility and careful curation. Switzer weight 500 headings have the right amount of modern weight for scientific authority. Near-black accent is monochromatic discipline — the content IS the color. Generous 1.78 line-height creates academic readability for long-form content.

Best For

Museum and cultural institution digital products. Natural history and science education sites. Archival and collection management interfaces. Editorial and research publication platforms.

Skip This If

You need a bold color accent. Your brand is warm or consumer-facing. The near-monochromatic palette feels too austere for your audience.

Palette

Specimen starts with white.

One accent to break the silence.

Cool blue-grey at #F3F5FA is the color of institutional light. It reads as the background color of a space where important things are kept carefully. Against white surface cards, it creates the minimum necessary differentiation for depth without adding visual complexity. The near-black text and accent create a monochromatic discipline — the content is the only color in the system.

background#F3F5FA
surface#FFFFFF
surface hover#f6f6f6
text#1A1C1F
muted#9DA2AA
accent#1A1C1F
accent soft#c8cace
border#1A1C1F
Chart Palette
Status
Success
Warning
Error
Contrast
Text 15.7:1AAA
Accent 15.7:1AAA

The cool-tinted shadows (using the near-black text color rather than neutral grey) extend the chromatic discipline to the depth layer. Every shadow in the system has the same color temperature as the text. There is no warm or cool variation in the depth layer because institutional depth is consistent. The muted blue-grey (#9DA2AA) creates readable secondary information without breaking the monochromatic palette.

The color of climate-controlled space.

Institutional blue-grey. Scientific precision.

Specimen's cool blue-grey canvas and Switzer weight-500 headings create the interface quality of a well-maintained collection. The content is the only color in the system.

docs.example.com/api
Introduction
Authentication
Endpoints
Webhooks
SDKs

List Seeds

GET
/v1/seeds
Parameters
stylestringFilter by visual style
limitintegerMax results (default 20)
// Example
GET /v1/seeds?style=minimal&limit=5
Typography

Switzer at 500.

Paired with Switzer.

Switzer's contemporary grotesque personality sits in the space between the Swiss precision of Helvetica and the humanist warmth of Inter. It carries enough optical character to read as a considered choice while maintaining the utility of a neutral workhorse. At weight 500 for headings, the face creates hierarchy through weight without moving into the bold register that would compete with the archival content it labels.

Switzer
mono: IBM Plex Mono
Display42px
Heading 136px
Heading 230px
Heading 325px
Body18px
Caption15px
Weight: 500/400Heading spacing: -0.04emBody spacing: normalHeading LH: 1.07Body LH: 1.78Base: 18pxScale: 1.187Para spacing: 8px

The generous 1.78 line-height is the reading condition for institutional content. It creates the space between lines that allows information to be absorbed rather than consumed. The compressed heading line-height (1.07) creates the tight stacking of institutional typography — the way collection labels are set in physical exhibitions. The system has the typographic sensibility of museum graphic design applied to a digital interface.

Archive light. Near-black type. Discipline.

Institutional authority at 768px.

Specimen's monochromatic blue-grey palette and generous line-height compress to tablet as an institutional reading interface with the same archival gravity 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.

Specimen's physical language.

24px radius on cards creates the contemporary container shape that modern museum interfaces use. 12px on small elements maintains the ratio. The 9999px pill option creates the taxonomy tags and category badges that collection interfaces use extensively. The three-level shape hierarchy maps directly to the taxonomic hierarchy of natural history collections: large container, medium element, small label.

Card heading
Body text showing how the seed's typography feels inside a real component.
Tag
Hover to feel the interaction
XL Radius
9999px
shadowLg
Radius:24px
Radius SM:12px
Radius XL:9999px
Border:1px solid
Shadow:Cool grey lift
Hover:darken
Focus:ring
Active scale:0.98
Density:comfortable
Divider:line

The archive in your hand.

Cool blue-grey at 375px.

Specimen's 18px base, generous line-height, and cool institutional palette translate to mobile as a scientific content interface designed for sustained reading rather than fast scanning.

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

Smooth and comfortable.

Specimen's invisible layer.

Backdrop-blur at 32px is available for glass elements — the condition of institutional light filtering through architectural elements. The expressive exit easing (cubic-bezier(0.7, 0, 0.84, 0)) creates motion that decelerates dramatically, the way heavy institutional materials settle. The duotone icon style reads as archival illustration technique — scientific drawings with two-color precision rather than the filled or outlined icons of product interfaces.

Speed: smoothEasing: cubic-bezier(0.4, 0, 0.2, 1)Easing In: cubic-bezier(0.16, 1, 0.3, 1)Easing Out: cubic-bezier(0.7, 0, 0.84, 0)Blur: 32pxNoise: noneOpacity: 1
Home
Settings
User
Search
Bell
Mail
Star
Heart
Icons: duotone / 20px
Density: comfortableGrid: 12 cols / 1.5rem gapContainer: 960pxSection: 40px / 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%