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 six rounded glossy tiles, two per row across 1–12: a sparkle star on the left of each tile, the step-2 uppercase title and a line of body text beside it.
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, step 5) on 3–10, then six tiles two per row across 1–12. Each tile: surface colour, token radius, 2 px border, soft glow, an inner top highlight, padded 40 px; a sparkle star in accent on the left, and beside it the title (step 2, uppercase) over a paragraph at body size (max 44 ch). 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.