Five wordmark dot variants and four monogram dot variants on the dark surface, each shown at multiple display sizes. Compare side-by-side and lock the final values. After approval the PC propagates across reference-design-system.html, reference-visual-mockups.html, wordmark.svg, and all coming-soon HTML files in one atomic commit.
All variants render the LOCKED V geometry, Inter Semibold "ecreal",
and CSS span dot. Only the dot's --bk-dot-size and/or
--bk-dot-margin-left change between variants.
--bk-dot-margin-bottom: 0.005em is held constant.
Open variant (transparent background) shown first, then contained variant (rounded square clay tile, soft-white V + dot — used as the favicon and OS app icon). Each row varies the dot radius and/or position (cx). The current locked spec is row M1 (open: r=6, cx=50) and row C1 (contained: r=5, cx=46).
How to lock in: review the variants above at the
sizes most relevant to actual surfaces (wordmark at sm/md/lg
for headers; monogram at 16px for tab favicon, 64px for app icon).
Pick one wordmark variant + one open-monogram variant + one
contained-monogram variant. Reply with the choices (e.g. "Wordmark C,
Monogram M2, Contained C3") and PC executes the propagation across
reference-design-system.html, reference-visual-mockups.html,
wordmark.svg, and all coming-soon HTML files as a single atomic
commit.
Not changing: V geometry (path d=...), letter-spacing
(-0.05em), dot color (clay-bright / soft-white), --bk-dot-margin-bottom
(0.005em), V height (0.56em), V margin-right (-0.07em).