Flip

Active Seed DNA · Broadsheet

Broadsheet

Creativity, catalogued.

lighteditorialplayful

Born From

Art and design publications that treat typography as the primary visual element not the supporting cast. Syne heading font with its playful geometric personality that signals creative industry credibility. Crimson Text body at reading weight where the serif serves the art-world reader not the enterprise buyer. Vivid orange accent as the creative director's single bold decision on an otherwise neutral canvas.

Aa
DM Sans · 700
const theme = designSeeds.get("name")
#FFFFFF
Background
#F7F7F7
Surface
#1A1A1A
Text
#6B6B6B
Muted
#FF5C00
Accent
RGBA(255,92,0,0.08)
Soft
#D4D4D4
Border
#F7F7F7
Hover

Why It Works

Syne heading has playful editorial personality. Crimson Text serif body signals art-world credibility. Vivid orange accent is bold and creative-industry forward. Tight 4px radius maintains editorial grid precision. Neutral white + gray canvas lets content be the color.

Best For

Creative industry portfolio and showcase platforms. Design blog and creative commentary sites. Gallery exhibition and art event listings. Independent publishing and print shop storefronts.

Skip This If

Your product is a developer tool. Syne heading with Crimson Text body reads as art-world not engineering. You need corporate enterprise positioning. The playful editorial energy fights institutional trust signals. Your interface has compact data tables. The serif body and 4px radius create editorial not functional rhythm.

Palette

Broadsheet starts with white.

One orange to break the silence.

Clean white background with neutral gray surfaces. Broadsheet lets the content provide the color. Photography, illustration, design work. The canvas is neutral so the work being displayed is the star. No tinted surfaces competing with the art.

background#FFFFFF
surface#F7F7F7
surface hover#F7F7F7
text#1A1A1A
muted#6B6B6B
accent#FF5C00
accent softrgba(255,92,0,0.08)
border#D4D4D4
Chart Palette
Status
Success
Warning
Error
Contrast
Text 17.4:1AAA
Accent 3.1:1AA Large

The vivid orange accent is the editorial personality. Not warm. Not subtle. Bright, creative-industry orange. The color of a press pass at a design conference. Against the monochrome canvas, it pops with exactly the right energy. One accent color doing all the personality work while the rest of the system stays invisible.

Creative work deserves this stage.

Not a white box with a grid.

Broadsheet gives portfolio platforms and gallery sites a vivid orange accent and editorial type system that treats design work as seriously as the people who made it.

www.example.com
NOW IN BETA

The fastest way to
ship great products.

Turn your ideas into polished interfaces without burning weeks on design decisions.

Typography

DM Sans at 700.

Paired with Instrument Serif.

Syne is a display typeface with genuine personality. The letterforms have an architectural quality, distinctive angles, and a weight that fills space with intention. At bold weight with tight letter-spacing, it creates headlines that demand attention through character, not just size. This is the font you'd see on the wall of a gallery in Shoreditch or Williamsburg.

DM Sans
paired with
Instrument Serif
mono: Fira Code
Display76px
Heading 157px
Heading 243px
Heading 332px
Body18px
Caption14px
Weight: 700/400Heading spacing: -0.02emBody spacing: -0.01emHeading LH: 1.2Body LH: 1.75Base: 18pxScale: 1.333Para spacing: 1.5em

Crimson Text for body text brings old-world serif credibility to digital content. It reads as literary, critical, considered. The pairing with Syne creates a specific tension: playful modernity in the headline, classical authority in the content. That's the creative industry's signature move. Bold in the title, rigorous in the substance.

The review reads like criticism.

Because it earned that weight.

Broadsheet's classical serif body and playful heading combine to give every written description or portfolio piece the authority of real editorial voice.

PRODUCT

The design system you build once and use forever

Marcus WebbApril 2, 2026

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.

Shape

Crisp radius. 1px borders.

Broadsheet's physical language.

Four-pixel radius maintains editorial grid precision. Tight enough to feel like a magazine layout without being brutalist. The two-pixel button radius is even tighter, creating compact interactive elements that don't interrupt the reading flow. Shape in Broadsheet is not decorative. It's structural. Every container is a column in a grid, not a floating card.

Card heading
Body text showing how the seed's typography feels inside a real component.
Tag
Hover to feel the interaction
XL Radius
8px
shadowLg
Radius:4px
Radius SM:2px
Radius XL:8px
Border:1px solid
Shadow:Soft layered
Hover:scale
Focus:ring
Active scale:0.95
Density:spacious
Divider:space

Gallery in a pocket.

The art still fits.

Broadsheet's orange accent and tight grid compress to mobile as a focused browsing experience where creative work stays center and the interface steps aside.

Design faster.
Ship smarter.

Production-ready tokens for every project.

No credit card required
2,847 users
Atmosphere

Relaxed and spacious.

Broadsheet's invisible layer.

Soft layered shadows give content cards just enough depth to separate from the white canvas. The scale hover effect is the signature interaction. Content doesn't just highlight on hover. It grows slightly, demanding attention. That playful scale interaction on hover is the one moment where Broadsheet breaks its editorial restraint and lets the design be fun. It's well-earned.

Speed: relaxedEasing: cubic-bezier(0.22, 1, 0.36, 1)Easing In: cubic-bezier(0, 0, 0.2, 1)Easing Out: cubic-bezier(0, 0, 0.2, 1)Blur: 0pxNoise: noneOpacity: 1
Home
Settings
User
Search
Bell
Mail
Star
Heart
Icons: duotone / 24px
Density: spaciousGrid: 12 cols / 2rem gapContainer: 960pxSection: 6rem / Content: 2remSpace unit: 8px

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%