features.y2k-chrome-bubble-tiles · Bubble tiles

A features pattern from Y2K Chrome, drawn alone below with this design's tokens and sample copy. Used in this design on: home page, section 3. Give the section root data-pattern="features.y2k-chrome-bubble-tiles". A guide only: DESIGN.md and tokens.json are the source of truth.

Rule
Features as rounded glossy tiles in a 3-column masonry (uneven heights); each tile opens with a small sparkle star, then a chrome title and text.
Slots
title, features[6..6]
Grid areas
title 3-10 · tiles 1-12 (12-column grid, 1-based inclusive spans)
Tokens
bg #F6FBFF · text #192028 · heading #091018 · accent #00B0FB · accent2 #7D9FFF · Unbounded / Sora · radius 28px · space unit 8px (full list in design/tokens.json)

Pattern notes

  • A centred chrome h2 (uppercase, weight 700) on 3–10, then six tiles in a 3-column masonry so heights differ. Each tile: surface colour, token radius, 2 px border, soft glow, an inner top highlight; a small star in accent, the title (h3, uppercase), a short paragraph. At phone width one column.

What we do

Positioning

Find the one sentence your best customers already believe.

Identity systems

Logos, type and colour that work on a factory floor and a pitch deck.

Websites

Fast, editable sites built on the CMS your team already knows.

Sales enablement

Decks, one-pagers and demos your reps actually use.

Product naming

Names that survive trademark search and a noisy trade show.

Brand governance

Guidelines as a living site, not a forgotten PDF.