Active Seed DNA · Citrus
Bold and unapologetic
Digital storefronts that treat yellow as a premium brand decision not a warning color. The belief that SaaS could be bold and sunny without losing commercial credibility. Plus Jakarta Sans at 800 weight where thickness becomes the statement. Warm cream backgrounds that keep electric yellow from tipping into garish territory.
Electric yellow on cream proves SaaS can be bold. Jakarta Sans at 800 is thick and geometric and demanding. Yellow-tinted borders make even structure on-brand. Generous 16px radius creates friendly huggable containers. Warm cream background keeps yellow from being garish.
Digital product storefronts with bold pricing callouts. Creator economy platform landing pages. Payment link and checkout page builders. SaaS free-trial signup flows with progress bars.
Your product handles sensitive financial data. Electric yellow reads as playful not trustworthy for banking. You need WCAG AAA contrast on accent backgrounds. Yellow on white fails even basic contrast requirements. Your interface uses standard semantic colors. Yellow accent conflicts with warning states that also use yellow.
One gold to break the silence.
The background is warm cream (#FFFDF5) with a yellow undertone. Not pure white. That warmth is subtle but essential, because the electric yellow accent (#AF9100) lives against it. Pure white would make the yellow garish. The cream keeps everything in the same warm family. White surface cards pop cleanly against the warm background.
The real personality is in the details. Borders are yellow-tinted (#F3D95A). Even the shadows glow warm with yellow at 10% opacity. In this system, even the structural elements are on-brand. The accent soft (yellow at 15% opacity) creates golden hover states. The gradient from electric yellow (#FFD60A) to warm orange (#FF9500) is a sunrise compressed into a CSS value. Black text on yellow backgrounds is a power move. This palette proves it.
This never does.
Citrus puts bold electric yellow against warm cream, creating a storefront or checkout experience that radiates confidence before anyone reads a price.
Turn your ideas into polished interfaces without burning weeks on design decisions.
Paired with Geist.
Plus Jakarta Sans at weight 800 for headings. Extra-bold. Thick, geometric, and loud. At -0.03em heading tracking, those letters compress into something that demands attention. This isn't a font that asks permission. It fills space and holds it. The 1.1 heading line height keeps the massive type tight and impactful.
Body text drops to weight 400 with 1.6 line height and stays clean and readable. Jakarta Sans has this quality where the bold weight is a completely different personality from the regular weight. Heavy and geometric up top, clean and approachable in the body. Same family, two different energies. Space Mono for code adds structured contrast when you need technical credibility alongside the boldness.
Not catalogs.
Citrus's sunny palette and heavy type transform a product or pricing layout into something people actually want to browse.
Design tokens that give your product a point of view. Not just colors and fonts. Personality.
Citrus's physical language.
Sixteen-pixel rounding on containers. Ten on buttons and inputs. Twenty-four on large panels. Generously rounded throughout. This system wants to feel friendly, approachable, huggable. Pill-shaped CTAs work naturally here. The 1px solid borders with yellow tint are a feature, not just structure. Subtle dividers keep the comfortable density organized. Every rounded corner reinforces the personality: this product is fun, this product is approachable, this product smiles at you.
Optimism fits any screen.
Citrus carries its full warmth to mobile, where the cream background and electric accent keep every tap feeling energetic.
Everything you need, nothing you don't. Curated for people who care about details.
Citrus's invisible layer.
Yellow-tinted shadows. 4px 16px at yellow rgba with a secondary soft black layer. Cards feel like they're sitting in sunlight. No dark, heavy shadows. This is an optimistic system. Depth is created through color contrast (white cards on cream background) more than shadow weight. The bouncy easing curve (0.34, 1.56, 0.64, 1) gives the scale hover effect a springy, energetic feel. Active scale at 0.95 provides satisfying tactile feedback. Smooth motion means nothing happens too fast or too slow. The entire atmosphere says "click me, something good will happen."
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.