Active Seed DNA · Metabolism
Bold warm health tech with energetic personality
Lora headings on an Inter body as the visual hierarchy of a wellness journal: the title you underline, the notes you take. Muted purple-gray accent (#7E8299) as the color of a calm nervous system, not urgent, not alarming. 1.7 line-height as the reading pace of someone who actually finished the whole thing. Textured surface at 0.63 opacity as the softened light of a morning routine before the day starts.
Lora heading with Inter body creates warm editorial authority for health content. Generous 1.7 line-height makes health information easy to read and digest. Muted purple-gray accent (#7E8299) creates a calm non-aggressive tone for health messaging. Textured surface noise at 0.63 opacity adds organic quality to wellness interfaces. Narrow 960px container optimizes for reading health articles and plan descriptions.
Health tracking and nutrition coaching app marketing pages. Weight management program landing pages with testimonials. Wellness subscription box storefronts with plan comparisons. Personal health assessment tool interfaces with questionnaire flows.
Your brand is energetic fitness. The serif heading and muted accent reads as clinical wellness not high-energy athletic. You need bright action-oriented CTAs. The gray-purple accent has low visual urgency for conversion buttons. Your product has data dashboards. The editorial tokens with Lora headings conflict with data-dense interfaces.
One blue to break the silence.
White background. The text color (#191717) is a warm near-black. Not cool. Not neutral. Slightly warm. That warmth in the primary text color shifts every word toward "human" and away from "clinical." The muted text (#444444) is a dark gray that maintains readability while stepping back from the headings.
The steel-blue accent (#7E8299) is the most restrained accent in this entire batch. It's barely a color. More of a tinted gray. That understatement is the whole strategy. In a health app, aggressive accent colors create urgency. Urgency creates anxiety. Anxiety drives churn. Metabolism's accent says "take your time." The surface opacity at 0.63 adds a translucent quality to card surfaces, softening the interface further.
The design says it first.
Metabolism's muted steel-blue accent and serif headlines create a health platform that communicates patience and credibility before a single piece of advice is delivered.
Turn your ideas into polished interfaces without burning weeks on design decisions.
Paired with Geist.
Lora for headings at weight 400. A light-weight serif. Lora has oldstyle proportions with modern curves. It reads as journalistic. Authoritative. Like a headline in a health sciences journal that was redesigned to feel friendly. At regular weight, the serifs are present but never sharp. They invite reading rather than demanding attention.
Inter for body text provides clean, neutral readability. The 1.7 line height is extremely generous. For a health platform, that extra vertical space between lines serves a purpose: it slows the reader down. Health information should be consumed carefully, not scanned. The wide leading forces a reading pace that encourages comprehension over speed.
Generous leading. On purpose.
Metabolism's deliberately wide leading turns health information into something you absorb carefully, because good habits come from understanding, not rushing.
Most teams build three or four design systems before they get one that lasts. Not because the work was bad — because the context kept changing. What if the system was built to absorb change instead of resist it?
Token-first architecture gives you exactly that. The primitives stay stable while the semantics do all the work of staying current with your product.
“The best system is the one your team actually uses.”
That means ergonomics matter as much as coverage. A system nobody reaches for is a system that doesn't exist.
Metabolism's physical language.
20-pixel rounding on containers. Generous, soft, approachable. The 2-pixel small radius keeps buttons and inputs crisp. That dramatic contrast between soft containers and sharp interactive elements creates a warm/precise duality. The content feels approachable. The actions feel decisive. For a health app, that's exactly right: gentle guidance toward specific behaviors.
Calm scales to small screens.
Metabolism's translucent card surfaces and organic grain hold up on mobile, keeping the quiet authority that makes users trust health guidance over time.
Production-ready tokens for every project.
Metabolism's invisible layer.
No shadows. The textured surface noise adds organic grain. The 0.63 surface opacity creates translucent panels that let the white background breathe through. Combined with the generous rounding and muted accent, the entire interface feels like it's printed on soft cotton paper. The darken hover effect keeps interactions subtle. No dramatic feedback. No celebration. Just quiet acknowledgment that you've taken an action.
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.