Aesthetic Families Grid

Create a realistic editorial-style showcase grid illustrating the 9 
aesthetic families that fumeng supports. Each of the 9 cells contains a 
miniature UI hero rendering representing one family, giving the viewer 
an at-a-glance feel for the breadth of design vocabularies covered.

Visual style: a full-bleed design-book plate, warm cream paper background, 
extremely precise 3x3 grid of UI thumbnails with 1px warm-grey hairline 
separators. Feels like a reference page from a typography sourcebook.

Canvas composition:
- Overall background: warm cream paper oklch(0.96 0.008 40) with subtle 
  handmade grain
- Top of canvas: a 36px humanist serif title (Tiempos Headline character):
  "Nine aesthetic families"
- Small italic body-serif subtitle right below: 
  "Same skill, nine vocabularies. Pick the vibe, ship the pixels."
- A thin warm-grey hairline separator below the subtitle
- Below the separator: a 3 columns × 3 rows grid occupying ~85% of the 
  canvas height. Every cell is exactly the same size, separated by 1px 
  warm-grey hairlines.

Each cell renders a tiny landing-hero stub in its family's vocabulary. 
Each cell has a small 11px monospaced uppercase label at the BOTTOM-LEFT 
INSIDE the cell indicating "FAMILY · REFERENCE BRANDS".

Cell 1 (top-left) · EDITORIAL MINIMALISM · LINEAR · MINTLIFY:
  Pure white background. A near-black serif headline "Ship velocity." 
  centered-left with a thin violet accent pill button underneath 
  labeled "Get started".

Cell 2 (top-middle) · TERMINAL-CORE · VERCEL · RAILWAY:
  Deep near-black background (oklch 0.14 0.01 260). Monospaced green 
  caret-accent text on two lines: "> deploy now" and below "// zero config". 
  A single thin lime-green underline.

Cell 3 (top-right) · WARM EDITORIAL · ANTHROPIC · NOTION:
  Warm cream background. Humanist serif headline "Think slower." 
  left-aligned with a terracotta pill button "Start writing".

Cell 4 (middle-left) · DATA-DENSE · BLOOMBERG · STRIPE:
  Cool grey background (oklch 0.94 0.005 250). A compact tabular 
  mini-layout with a row of 4 small metric pills (numbers and tiny 
  sparklines), one single data-blue accent color.

Cell 5 (middle-center) · CINEMATIC DARK · ARC · RAYCAST:
  Deep cyan-black background (oklch 0.15 0.02 220). A single warm-gold 
  serif headline "Quietly fast." with a small spotlight highlight behind.

Cell 6 (middle-right) · PLAYFUL COLOR · FIGMA · HASH:
  Off-white background with three colored rounded blocks (mustard, coral, 
  mint) on the left, a rounded grotesque display text "Design in public" 
  on the right. Playful but tasteful — NOT rainbow chaos.

Cell 7 (bottom-left) · GLASS / AURORA · APPLE · NOTHING OS:
  Dark slate background with soft aurora gradient (green-to-blue, NOT 
  purple-pink), a frosted translucent card overlay showing "Settings" 
  and a toggle. Subtle.

Cell 8 (bottom-middle) · NEON BRUTALIST · GUMROAD · ARE.NA:
  High-saturation cadmium-yellow background (oklch 0.92 0.18 90). Thick 
  black 4px border inside the cell. Oversized grotesque display headline 
  "MAKE. SHIP. REPEAT." in solid black. Punk energy but legible.

Cell 9 (bottom-right) · CULT INDIE · MIDJOURNEY · TEENAGE ENGINEERING:
  Muted vintage off-white (oklch 0.93 0.01 80). A tight condensed display 
  serif reading "Issue 09 — Winter" at the top, a small archive-catalog 
  style layout below with tiny ink-stamp marks.

Bottom of canvas (below grid): a 14px italic body-serif line:
  "All nine families are declared in aesthetic-families.md with image-2 
  prompt snippets and HEX palettes."

Strict constraints:
- NO Inter, Roboto, Arial, Space Grotesk, Fraunces, system-ui, Poppins, 
  Montserrat, DM Sans anywhere.
- NO purple-pink gradients anywhere (Glass cell uses green-to-blue, 
  not purple-pink).
- NO emoji anywhere.
- NO fabricated company logos in any cell.
- Each cell must look DISTINCTLY different — they are different 
  aesthetic vocabularies, not variations of one. Confidence and range 
  must be obvious.
- All headlines, labels and captions must be EXACTLY as specified. 
  No hallucinated text.
- Grid must be pixel-perfect, cells exactly uniform, 8px grid alignment, 
  1px hairline separators.
- Editorial restraint: no decorative elements that don't carry meaning.