One system — any website

Shipped 9

• Search is a large 58 px field with an icon, placed before the list — as Stripe and Linear help centres do
• Topics as underlined caps chips, the active one in ink, without fills
• Questions as large serif rows with hairlines; the answer expands under the question
• “Still have a question?” as a quiet band with an ink button

Planned 1

• Next is “Releases”: a premium changelog

Shipped 9

• Summary: a large serif average, amber stars, review count and “recommend” in caps
• Star distribution as thin bars with counts
• Cards as quotes without boxes: a quotation mark, a 4:5 frame, a serif headline, quote copy, stars and score at the bottom
• “Recommends” and date labels in quiet caps, without green tiles

Planned 1

• Next is “FAQ”: a premium help centre

Shipped 10

• A serif headline at weight 700, a serif lead, caps metadata with a rule above
• Sections as serif subheads with a hairline above
• Quotes as a large block with a vertical rule; images run full width with caps captions
• The card is wide, but paragraphs hold a 72-character measure — comfortable to read

Planned 1

• Next is “Reviews”: a premium reviews edition

Shipped 9

• Cause: the gallery container is the same block as a single cover, and the premium display:flex laid frames out in a row — both slides visible at once
• Native layout restored: only the active frame shows, arrows and thumbnails work
• The reading column is widened from 44 to 50 rem (≈72 characters) with a larger, roomier setting
• “More in the magazine” is a sage-paper band with padding instead of a block glued to the card edge

Planned 1

• Next template — “News”

Shipped 6

• The buy panel was sticky (position: sticky) while its parent was dissolved (display: contents)
• On scroll the panel left its row and covered the following blocks of the right column
• The buy panel is no longer sticky — it stays in its place in the column
• Added breathing room between the price, “Delivery and payment” and “About the product”: 1.2–1.8 rem and a hairline

Planned 1

• Continuing the templates: next is “News”

Shipped 10

• A serif headline at weight 400 instead of bold — as in Kinfolk: the serif carries the whole editorial voice
• Book-style setting: serif copy, a 66-character column, a large drop cap in the first paragraph
• Quotes as large italic pull quotes between two rules, without tiles
• Serif subheads with a short rule; captions and meta in capitals

Planned 1

• Next is “News”: a premium news edition

Shipped 9

• A dark cinematic header, a large condensed headline (weight 800), capitals labels and dividers
• The score is a big numeral with “out of 10” and a verdict word instead of a coloured ring
• The game image runs across the header width, with no tilt or backing plates
• Copy with newspaper density and large subheads; “Related reviews” on 4:5 covers

Planned 1

• Next is “Magazine”: an editorial edition for long reads

Shipped 9

• A warm paper ground, a serif title and serif body copy in a 66-character column
• The photo sits on a warm ground and fills its frame — no borders, no blurry strips
• Price and discount are quiet: a struck-through old price and a caps note instead of a red tile
• “Add to cart” is a graphite capitals button, 56 px; the wishlist is a square heart with no label

Planned 1

• Next is “Gaming”: a premium gaming edition (scores, picks, cards)

Shipped 4

• On the home page and on the service page the text is moved 1.8–2.4 rem away from the vertical lines
• The first and last cells stay flush with the edges, so the row remains aligned to the container
• On a phone the facts remain a spec list and the padding does not break the grid
• The “Clinic” template is updated to version 1.5.2

Planned 1

• Next is “Products / store”: premium retail, catalogue and product page