Active Seed DNA · Broadside
Clean modern news startup with fresh energy
Parchment (#F8F5D7) as the background of a news product that knows print is not dead, only migrated. Dashed borders borrowed from the galley proof, still in motion, still being edited. The 5-column grid of a broadsheet front page translated directly into a browser viewport. Compact density as a journalism virtue: every column inch earns its space.
Warm parchment background (#F8F5D7) creates a newspaper-like reading surface. Dashed border style adds informal editorial character unlike solid corporate lines. 5-column grid enables dense newspaper-style content layout. Compact density with 6px content padding creates tight editorial grids. Dark accent (#1F1D1A) on warm parchment produces comfortable high-contrast reading.
News aggregator homepages with multi-column article grids. Newsletter archive interfaces with date-based browsing. Media startup landing pages with breaking content sections. Press release distribution platforms with category filters.
Your brand is modern and tech-forward. The warm parchment background and dashed borders read as vintage not contemporary. You need spacious card layouts with imagery. The compact 6px content padding crowds visual content. Your product requires dark mode. The warm #F8F5D7 parchment palette does not have a natural dark equivalent.
One accent to break the silence.
Pure white background with the faintest blue-gray surface (#F5F5F5). Not warm. Not cold. Perfectly neutral. The deep slate text (#0F172A) is richer than black, creating reading experiences that feel more like ink than pixels. The muted text at #6B7280 provides a clear secondary level without disappearing.
The indigo-blue accent (#5179F0) is confident without being derivative. It's not Stripe blue. Not Tailwind blue. It's its own specific shade that reads as "modern publication with tech DNA." The accent soft (#EEF1FE) creates hover states that are barely there. Gentle. Editorial. Restrained.
Before anyone reads them.
Broadside's Instrument Serif headings transform any newsletter platform into a publication that readers take seriously before they've opened the first issue.
When you remove every option, something interesting happens. The solution becomes obvious.
Paired with Geist.
Instrument Serif at 400 for headings is the defining choice. This font transforms any interface into a publication. It has the warmth and weight of a font that's been set by hand, with the precision of digital rendering. At weight 400 (regular), it lands with quiet confidence. Not decorative. Not ornate. Just a serif that knows what it's doing.
Nunito Sans for body text is the perfect counterpart. Geometric, rounded, friendly. The contrast between the classical serif heading and the modern rounded body creates genuine visual hierarchy. Your eye reads the serif first (authority), then settles into the sans (clarity). That sequence is the foundation of every great editorial layout.
Every choice is intentional.
Broadside's featherweight shadows and deep slate text create a reading surface where the design communicates craft before a single word lands.
Design tokens that give your product a point of view. Not just colors and fonts. Personality.
Broadside's physical language.
Eight-pixel radius on containers. Crisp and intentional. Not round enough to feel like a consumer app. Not sharp enough to feel like a spreadsheet. It's the radius of a well-designed publication card. Four-pixel on small elements and sixteen on large panels maintain proportional consistency. Every shape feels like it was designed by the same hand.
The credibility holds at any size.
Broadside's editorial serif and indigo accent compress to mobile without losing the publication quality that makes readers treat your content as reference material.
Broadside's invisible layer.
Featherweight shadows. Almost invisible. A 1px vertical offset with barely-there blur. Cards sit ON the page, not above it. That grounded quality is what separates editorial design from app design. Things don't float in a magazine. They're placed. The lift hover effect is the one moment of dimensionality, and it's subtle enough to feel like turning a page rather than pressing a button.
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.