Blog Index
The post grid, a subscribe ask that comes after the proof, and a minimal footer — no hero, because the featured post already is one.
Article pages, post indexes, changelogs and documentation shells.
Content layouts are judged by whether a long piece gets finished, and that comes down to measure, rhythm and orientation — knowing where you are in a page. These carry the article shell with its table of contents and progress, the index grid, and the changelog and docs shells that reuse the same typography.
The post grid, a subscribe ask that comes after the proof, and a minimal footer — no hero, because the featured post already is one.
A single post: header, byline and opening prose in one reading column, with the subscribe form after the article — at the only moment it converts.
The release timeline with the site chrome kept on, and the one subscribe form on the site that is not a detour — "tell me when this page changes" is exactly what it promises.
The site navbar over the three-column docs frame. In your project this is one catch-all route — the slug picks the article, the frame never changes.
A product announcement shaped as writing rather than a landing page — serif headline, real byline, three pieces of evidence, and an endpoint card that doubles as documentation for the week before the docs exist.
Board plus changelog, because a roadmap alone is a promise — the last three releases underneath are what turn the shipped column into something with dates attached.
Terms, privacy, DPA and cookies in one frame — the docs layout, because people arrive at a legal page looking for a specific clause and a wall of text makes that a Ctrl-F expedition.
The setup guide, not the pitch: what moves and which way, then a five-step wizard — written for the person turning the connector on rather than the one deciding to buy it.
The three-column docs frame
The three-column docs frame — sidebar, article, on-this-page rail — plus a changelog and a 404. The part of the product a search for an error message should find.
The article at a real measure
A publication that happens to belong to a company: blog index, article, careers and a 404. The site for when the writing is the product — or the marketing.
The install command, before anything else
A project site for a library: install command above the hero, the API in twenty lines, docs, changelog, roadmap, community, and who funds it said plainly.
The waitlist hero with the count on it
A pre-launch site in violet: one email field, a blog to keep the list warm, and no pricing to be held to. The smallest honest thing to put in front of a product that does not exist yet.
The terminal hero, typing the install
Near-black buttons, square corners and a terminal-green accent. Install command above the fold, real code before any prose, docs and changelog behind it.
Search that answers before the ticket
The support surface, as four routes that agree with each other: searchable answers, the docs, what changed, and a status page carrying the same incident the help page announces.
Article layouts, post grids, author bylines and reading progress.
Not found, server error, maintenance, offline and permission walls.
Whole marketing pages, assembled and ready to clone.
Marketing site, pricing, docs shell and auth, as one project.
Top bars, mega menus, mobile drawers and app sidebars.
App shells with navigation, tables, settings and detail screens.