Active Seed DNA · Windmill
Developer documentation with sky-blue personality
CSS framework documentation that made the docs themselves the brand. Negative letter-spacing at -4.8px on Inter 400 where compressed headings become architectural. The spacious layout tradition that says generous whitespace signals confidence in your content. The belief that developer documentation should feel calm and welcoming, not technical and challenging.
Inter at 400 weight with spacious density creates breathing room that makes documentation feel easy. #3B82F6 blue accent is the universal developer trust color. Familiar, not surprising. 8px radius keeps code blocks and containers feeling sharp and technical. Glow hover effect adds personality to an otherwise utilitarian system. JetBrains Mono for code blocks paired with Inter body creates the exact reading rhythm developers expect.
Developer framework documentation with extensive code examples. Open-source project homepages that need to feel approachable and well-maintained. CSS utility library documentation where the docs are the product. Developer education platforms with tutorial-style content.
Your brand needs visual distinction. Inter with blue accent on white is the default developer doc look. It blends in completely. You need compact, data-dense layouts. Spacious density prioritizes readability over information density. Your product targets designers or creatives. The utilitarian palette and typography signal pure engineering.
One blue to break the silence.
Pure white background with a glass-blur surface treatment at 16px. Elements have a subtle frosted quality. Like looking through a pane of slightly clouded glass. That effect turns a simple white page into something that feels layered and modern without adding a single color.
The blue accent (#3B82F6) is the utility blue. The "click this" blue. The "this is interactive" blue. It's the same wavelength that every developer's brain has been trained to recognize as "link" since the dawn of the web. Against white, it's impossible to miss. A repeating gradient pattern adds subtle diagonal lines to backgrounds. Barely visible structure. Like graph paper under your content.
The design is doing half the work.
Windmill makes complex developer documentation feel approachable, the sky-blue confidence says "this is all going to make sense."
Paired with Geist.
Inter for everything. Headings at 400 weight with extreme negative letter-spacing (-4.8px). That tracking is the signature move. At large sizes, the letters nearly collide, creating headlines that feel like typographic events. Dense, impactful, impossible to skip. This is the "big type that lands hard" approach that defines modern dev tool marketing.
Body text at 500 weight (medium) with 1.56 line height is optimized for long-form reading. Documentation, guides, tutorials. The slightly heavier body weight gives paragraphs substance without heaviness. At 18px base size, it's comfortable for hours of reading. Which is exactly how long someone spends in good documentation.
The hierarchy earns it.
Inside Windmill's editorial layout, technical content lands with the clarity of a great teacher, not a great typesetter.
Design tokens that give your product a point of view. Not just colors and fonts. Personality.
Windmill's physical language.
Eight-pixel radius on containers, scaling up to full-round pills at radiusXl. The standard rounding of modern dev tools. Friendly enough to not feel hostile. Restrained enough to not feel playful. Glass surfaces with that 16px blur add depth without shadows. Elements feel like they're floating on frosted panels. Modern, clean, slightly futuristic.
The structure survives the small screen.
Windmill stays readable and navigable on mobile, because developers look things up everywhere, not just at their desks.
Windmill's invisible layer.
Glow hover effects instead of traditional shadows. When you hover an element, it doesn't lift. It illuminates. A subtle glow radiates outward. Combined with the glass blur and the active scale at 0.98, interactions feel precise and responsive. The smooth motion speed keeps everything fluid without being slow. Linear easing for transitions means movement is constant and predictable. No bouncing. No overshoot. Just smooth, professional motion.
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.