Part 1 — Header: DM Sans (today) next to common retail sans options — Roboto (already used on the prototype wordmark in places), Inter, and Source Sans 3 — same layout, different voice. Part 2 — PLP: the standalone category prototype grid uses DM Sans 14px / 500; featured row uses Playfair 17px for names.
Prices and strike-throughs stay in DM Sans (or the chosen UI sans) — never display serif on numbers. Category H1 samples below the mini nav use either Playfair (VK default) or the retail sans in that column for apples-to-apples comparison.
Locked rules
var(--near-black) — never Playfair on numbers.What you are choosing
Same layout: wordmark, four parents, Deals accent, Talk to an Expert. Column 1 keeps Playfair on the category H1 (VK default). Columns 2–4 set the H1 in the retail sans so you can judge catalog tone in one scan.
Playfair 34/600Microphones
Roboto 700 34pxMicrophones
Inter 700 34pxMicrophones
Source Sans 3 700 34pxMicrophones
SEO / GEO: H1 text is identical across columns (Microphones) — this block is for visual and conversion tone only. Pricing and cart chrome stay DM Sans in production until tokens change.
Each column repeats the same four placeholder products so differences read clearly. Image blocks are neutral placeholders.
.grid-product-name in the category tab — DM Sans 14px / 500..product-card-name in the category tab — Playfair 17px.Same long product name in all three columns. Watch line breaks and vertical rhythm.