Active Seed DNA · Arles
The canvas is yellow. Everything else follows.
The Van Gogh Museum choosing sunflower yellow as their entire background color and daring every visitor to deal with it. The discovery that black on yellow creates more visual energy than any accent color could.
Using the background as the brand color is the move that 99% of designers are too afraid to make. Nunito rounded letterforms on yellow surfaces creates artisanal warmth without sentimentality. Black accent on yellow has perfect WCAG contrast — bold choice AND accessible. Space dividers let the yellow canvas breathe between content sections.
Museum and cultural institution websites. Art gallery and exhibition pages. Creative studio portfolios with bold color commitment. Event and festival landing pages.
Your brand needs dark mode or neutral palette. Yellow creates wrong connotations for your audience. You need a conventional interface aesthetic.
One accent to break the silence.
Yellow is the palette. Sunflower yellow at #FFCE01 is the entire design decision. The slightly deeper yellow surface creates the minimum necessary differentiation between canvas and container. Black text and black accent provide the maximum contrast available on a warm background. The accentSoft is the warm amber that yellow produces when you add depth rather than darkness.
This is the most unconventional color system in the catalog. No blue. No grey. No neutral canvas. The entire interface exists in the warm spectrum, and everything — typography, interaction, iconography — has to work within that constraint. The constraint is not a limitation. It is the entire design philosophy.
Sunflower yellow. Total commitment.
Arles proves that using the background as the primary brand color is the design move that 99% of interfaces are too afraid to make. On yellow, everything becomes composition.
Turn your ideas into polished interfaces without burning weeks on design decisions.
Paired with DM Sans.
Nunito's rounded letterforms are the right typographic companion for a yellow canvas. The gentle terminal curves echo the warmth of the palette without competing with it. At weight 400 throughout, the system maintains typographic consistency while relying on scale and position for hierarchy. The rounded font does not fight the yellow background — it belongs to the same emotional register.
The heading line-height compressed to 1.07 creates stacked display type that reads as gallery labeling — the way titles are set in physical exhibition spaces. The body at 1.37 creates comfortable reading rhythm for catalog descriptions and institutional text. The system has the typographic sensibility of print art direction applied to a screen.
Cultural authority at 768px.
Arles's sunflower yellow canvas and Nunito rounded type maintain their gallery-quality warmth at tablet width. The color confidence translates across every viewport.
Arles's physical language.
Twelve pixels uniformly applied across all elements creates the shape language of a physical gallery space. The consistent rounding does not call attention to itself — it simply removes sharp corners from an interface where sharp corners would compete with the color. On a yellow background, uniform radius is the diplomatic shape choice. It never fights for attention with the canvas.
The commitment holds on a phone.
Arles at mobile demonstrates that bold background color is not a desktop choice. The yellow canvas, black type, and consistent 12px radius create a cultural mobile interface that belongs to no other category.
Arles's invisible layer.
Lift hover creates the physical sensation of objects existing in the yellow space — as if the cards are resting on a warm surface and respond to touch by rising slightly. Space dividers between sections let the yellow breathe. The generous section padding creates the interval between works that physical gallery design uses to control attention and pace. The motion is smooth and unhurried, the speed of considered looking rather than fast scrolling.
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.