design.vecreal.com / Workshop / Wordmark dot size

Brand atom workshop · wordmark · round 6 (dot size A/B)

Wordmark dot size — 0.21em vs 0.22em vs 0.23em

Locked rev-4 D5 is 0.21em dot (31.8% of V height). The H2 favicon locks at ~35.5% of V height. Operator question: does the wordmark dot read too small relative to V now? This round tests three sizes with proportional positioning to maintain composition.

Proportional positioning rule

When dot diameter grows, the dot's optical center shouldn't drift relative to the composition. Rule: shift margin-left by −Δ/2 to keep the dot's horizontal center at the same position.

0.21em (current): margin-left: calc(0.04em + 2px) · center at 0.145em past "l"
0.22em (+5% dia): margin-left: calc(0.035em + 2px) · center at 0.145em past "l" ✓
0.23em (+10% dia): margin-left: calc(0.03em + 2px) · center at 0.145em past "l" ✓

Vertical positioning translateY(0.025em) stays constant — the optical-overshoot rule (dot bottom at baseline + 0.025em descent) is the locked principle. As dot grows, it extends UPWARD into the x-height, which actually feels more like a bookend co-anchor.

W-0.21 · CURRENT
Locked rev-4 D5 — 31.8% of V height. Punctuation feel.
dot size  0.21em
margin-left  calc(0.04em + 2px)
dot/V ratio  31.8%
translateY  0.025em

Reads as deliberate small punctuation. V dominates; dot accents.

ecreal. 22 px
ecreal. 32 px
ecreal. 48 px
ecreal. 72 px
ecreal. 96 px
W-0.22 · +5%
Subtle bump — 33.3% of V height. Slightly more bookend presence.
dot size  0.22em
margin-left  calc(0.035em + 2px) [−0.005em]
dot/V ratio  33.3%
translateY  0.025em

Middle ground — still feels like punctuation but with a touch more weight.

ecreal. 22 px
ecreal. 32 px
ecreal. 48 px
ecreal. 72 px
ecreal. 96 px
W-0.23 · +10% (favicon-aligned) ★
Matches H2 favicon dot/V ratio (34.8% vs 35.5%). Bookend co-anchor feel.
dot size  0.23em
margin-left  calc(0.03em + 2px) [−0.01em]
dot/V ratio  34.8%
translateY  0.025em

Matches the locked H2 favicon proportion. Dot reads as a more equal bookend.

ecreal. 22 px
ecreal. 32 px
ecreal. 48 px
ecreal. 72 px
ecreal. 96 px

Stacked at 48 px for direct A/B

W-0.21 ecreal.
W-0.22 ecreal.
W-0.23 ecreal.
@ 96 PX ecreal.
@ 96 PX ecreal.
@ 96 PX ecreal.

Spec deltas at a glance · V geom + translateY held constant; only dot size + margin-left vary

VARIANT DOT SIZE MARGIN-LEFT H-SHIFT FROM CURRENT DOT/V RATIO READS AS
W-0.21 · current0.21emcalc(0.04em + 2px)031.8%punctuation, V dominates
W-0.22 · +5%0.22emcalc(0.035em + 2px)−0.005em33.3%still punctuation, slight bookend weight
W-0.23 · +10% (★)0.23emcalc(0.03em + 2px)−0.01em34.8%bookend co-anchor, matches H2 favicon ratio
Reply with your pick — "W-0.21" to keep the lock as-is, "W-0.22" or "W-0.23" to bump up. Once picked (if changed), propagates to: wordmark.svg, reference-design-system.html, design-tokens.json, component-library/wordmark.md, all consumer HTMLs (vecreal.com, design.vecreal.com, workshop, OG preview, LinkedIn square). Goes in CHANGELOG as rev-7 wordmark amendment.