Active Seed DNA · Folio
Warm parchment developer tool. The anti-SaaS-blue light theme.
Documentation that feels like reading printed on paper — warm, unhurried, comfortable. The radical restraint of Inter at 400 heading weight on parchment, where text belongs to the surface. Brown-black text on warm white creating a reading experience with the temperature of old books. Blue as the single cool note in an entirely warm composition — interactive contrast only.
Warm parchment background creates paper-like reading experience. Deliberately light 400 weight heading feels part of the surface. Brown-black text on warm background is uniquely comfortable. Blue accent is the single cool note providing interactive contrast. Warm-tinted shadows match the overall parchment atmosphere.
Developer documentation with warm reading experience. Technical writing and tutorial platforms. API reference sites that prioritize readability. Framework getting-started guides with inline code.
You need bold impactful hero sections. Inter at 400 heading weight is the most understated in the catalog. Your brand is colorful and expressive. This warm parchment system rejects additional accent colors beyond blue. Your interface needs strong card elevation. These minimal shadows rely on surface color steps not depth.
One blue to break the silence.
Warm parchment background (#F7F7F4). Surface (#EFEFEC) steps slightly darker. Hover (#E8E8E5) goes one step further. The borders (#CECEC9) continue the warm tint. Every neutral leans warm. The text (#26251E) is brown-black. The warm text on warm background creates a paper-like reading experience that cold blues can never match. The muted text (#706F65) is warm gray that recedes naturally.
The accent is blue (#2563EB). Clean, standard blue. It's the one cool note in a warm composition. On interactive elements and links only. Against the warm parchment, it provides contrast without fighting the palette. The accent soft (#F1F3F8) is a cool-tinted hover state that stands out against the warm surfaces. The gradient from blue to purple (#7C3AED) is reserved for rare branded moments. Subtle surface noise gives every parchment surface a tactile, paper-like quality. Never break the warmth. The blue is the exception that proves the rule.
Not generated.
Folio gives your developer documentation or technical platform the warm parchment atmosphere that makes reading code and prose feel like the same comfortable experience.
Paired with DM Sans.
Inter at weight 400 for headings. Deliberately light. On warm parchment, 400-weight headings read like text that belongs to the surface. It doesn't project. It rests. At -0.01em letter-spacing with 1.1 heading line height, those light headings are the most understated in the catalog. No aggression. No weight games. The heading feels like part of the page, not something placed on top of it.
Body at weight 400 too. Same weight, same family. The hierarchy comes entirely from size. At 16px base size with comfortable density and 1.6 line height, the body is compact and readable for technical content. JetBrains Mono for code is critical here because documentation is half prose, half code. The monochrome icon style at 20px reinforces the understated precision.
Someone chose this on purpose.
Folio's brown-black text on warm parchment gives every reference page and tutorial a paper-like quality that most dev tools refuse to attempt.
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.
Folio's physical language.
Eight-pixel rounding throughout. Four on small elements. Sixteen on modals. Shape language is conventional. The color system creates all the personality. Solid 1px borders with warm gray maintain gentle structure. Subtle dividers keep the comfortable density organized. Monochrome outlined icons at 20px stay understated. When your palette is this distinctive, your shapes should do nothing but contain content.
As comfortable as a journal.
Folio holds its distinctive warmth at mobile scale, making documentation or code examples feel worth reading wherever you open them.
Folio's invisible layer.
Parchment lift shadows. 1px 3px using the warm text color at 6% opacity. Barely visible. Borders do more depth work than shadows. The warm-tinted shadow shares the brown undertone of everything else. The large shadow at 25px 50px exists for elevated panels but this system rarely needs dramatic depth. Darken hover effects create subtle surface shifts. Fast motion speed means interactions are crisp and responsive. Outline focus style provides clean, accessible feedback. The surface noise gives every warm surface a paper-like texture. Weight 400 headings. Warm backgrounds. Minimal shadows. The atmosphere is the parchment itself.
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.