Active Seed DNA · Specimen
The archive is still alive.
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.
#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.
Museum and cultural institution digital products. Natural history and science education sites. Archival and collection management interfaces. Editorial and research publication platforms.
You need a bold color accent. Your brand is warm or consumer-facing. The near-monochromatic palette feels too austere for your audience.
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.
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.
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.
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.
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.
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.
Design tokens that give your product a point of view. Not just colors and fonts. Personality.
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.
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.
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.
111 design decisions that all agree with each other. Made for you to use in an instant.
SAAS LANDING PAGE · 1440
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
Link your GitHub, GitLab, or Bitbucket in two clicks. We scan your tech stack instantly.
Our high-speed runners build your app in isolated containers. No cold starts, just speed.
Your app is pushed to 300+ edge locations globally. Sub-10ms latency for every user.
A dashboard built for developers who hate dashboards. No fluff, just the metrics that matter for your application health.
Shipwreck is the first platform that actually stays out of my way. It feels like I’m writing code directly to the browser.
The speed is actually offensive. I push a commit and before I can switch tabs, the preview link is already in Slack.
We migrated 400 microservices in a weekend. Our dev team might actually like me now. Highly recommended.
Start for free, grow until you’re a unicorn.
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.
11-second deploys. Automatic rollbacks. Zero YAML. Start free, no credit card.
SAAS LANDING PAGE · 768
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
Link your GitHub, GitLab, or Bitbucket in two clicks. We scan your tech stack instantly.
Our high-speed runners build your app in isolated containers. No cold starts, just speed.
Your app is pushed to 300+ edge locations globally. Sub-10ms latency for every user.
A dashboard built for developers who hate dashboards. No fluff, just the metrics that matter for your application health.
Shipwreck is the first platform that actually stays out of my way. It feels like I’m writing code directly to the browser.
The speed is actually offensive. I push a commit and before I can switch tabs, the preview link is already in Slack.
We migrated 400 microservices in a weekend. Our dev team might actually like me now. Highly recommended.
Start for free, grow until you’re a unicorn.
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.
11-second deploys. Automatic rollbacks. Zero YAML. Start free, no credit card.
SAAS LANDING PAGE · 375
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
Link your GitHub, GitLab, or Bitbucket in two clicks. We scan your tech stack instantly.
Our high-speed runners build your app in isolated containers. No cold starts, just speed.
Your app is pushed to 300+ edge locations globally. Sub-10ms latency for every user.
A dashboard built for developers who hate dashboards. No fluff, just the metrics that matter for your application health.
Shipwreck is the first platform that actually stays out of my way. It feels like I’m writing code directly to the browser.
The speed is actually offensive. I push a commit and before I can switch tabs, the preview link is already in Slack.
We migrated 400 microservices in a weekend. Our dev team might actually like me now. Highly recommended.
Start for free, grow until you’re a unicorn.
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.
11-second deploys. Automatic rollbacks. Zero YAML. Start free, no credit card.