Release 1.0.0

Launch borrows the two shapes that modern software marketing has settled on — the near-black, hairline-ruled, mono-eyebrowed scroll, and the high-contrast geometric one — and makes both reachable from the same set of tokens. Flip the colour scheme, and the site changes character rather than just inverting.

The first release ships five page types. Launch — centre stage is the homepage: eyebrow, one centred headline, two buttons, the screenshot directly beneath, then a logo wall, hairline feature columns, alternating product sections, numbers and quotes. Feature deep-dive does one capability properly — a quiet hero, alternating screenshot sections, a spec table and related links — and is what a navigation dropdown should point at. Pricing is plan cards, a grouped comparison table and questions, all metadata, so a price change is an edit rather than a deployment. Blog is the writing index with tag chips and three post layouts. Page, post and 404 round it out.

The product screenshot is a first-class object. Every app image on the site is dressed by the Product shot tokens, so the look is set once and every page follows: a frame (browser chrome with dots and an address bar, window bar, hairline, or none), and then the lighting — glow in your accent colour, a drop shadow, and an optional slight 3D tilt. Per page you choose the width and whether to crop the bottom off, which is the trick that makes a screenshot run into the next section instead of ending politely.

Typography is three decisions. A display face, a body face and a mono face, plus display scale, base size and tracking. tight tracking is the modern look; normal reads calmer at small sizes. The eyebrow style — mono uppercase, sentence case, or pill — changes the character of the whole site considerably more than its size in the settings panel suggests.

Navigation uses a flat parent/child list rather than a nested editor. Leave Drops down under empty for a top-level link, or fill it with another link’s label to nest it into that menu. There is a sticky option, an announcement bar above the page, a secondary link and a call to action.

Surface tokens cover the rest: hairline column rules on or off (turning them off makes the page float), corner radius, button shape, grain, content width, article width and section spacing.

Two metadata fields take one item per line rather than a repeatable list, because a list of single strings is more clicking than it is worth: section bullet lists and platform feature lists, and pricing comparison columns and their values. Write yes or no in a comparison value for a tick or a dash. A row with a group heading set becomes a divider in the table and ignores its own values.

The theme ships no JavaScript. The whole stylesheet is 6.8 kB gzipped.