Brand atom workshop · placement round 2

Wordmark dot placement — round 2

Operator preferred 1px closer horizontally (round 1 → P1) but noted 1px / 2px down nudges weren't visibly distinct. This round locks the 1px closer horizontal and shows two batches: rev-3's 0.20em dot with larger down nudges (2 / 3 / 4 px), and a slightly bigger 0.21em dot tested with the same down options plus a no-nudge baseline. V kept at rev-3 (0.66em, V-e -0.11em). Specimens shown at LG 48px and HERO 96px — sizes where the placement differences read clearly.

CURRENT · REV-3 LOCKED
As deployed on vecreal.com (no changes applied)
dot size  0.20em
margin-left  calc(0.04em + 2px)
margin-bottom 0.005em
LG 48px
ecreal
HERO 96px
ecreal

Batch A · 0.20em dot

Rev-3 dot size, 1px closer, down 2/3/4 px

All three variants share the same 0.20em dot and 1px closer horizontal placement. Only the vertical descent varies.

A1 · 0.20em / 2PX DOWN
1px closer + 2px below baseline
size  0.20em
margin-left  calc(0.04em + 1px)
margin-bottom -2px
LG 48px
ecreal
HERO 96px
ecreal
A2 · 0.20em / 3PX DOWN
1px closer + 3px below baseline
size  0.20em
margin-left  calc(0.04em + 1px)
margin-bottom -3px
LG 48px
ecreal
HERO 96px
ecreal
A3 · 0.20em / 4PX DOWN
1px closer + 4px below baseline
size  0.20em
margin-left  calc(0.04em + 1px)
margin-bottom -4px
LG 48px
ecreal
HERO 96px
ecreal

Batch B · 0.21em dot

Slightly bigger dot (0.21em) — with V at 0.66em, dot can bump up a touch

Same V (0.66em, V-e -0.11em). Five placements: 1px closer baseline, original horizontal baseline (rev-3 spacing but with 0.21em dot), and 1px closer + 2/3/4 px down.

B0 · 0.21em / 1PX CLOSER
Baseline at 0.21em — 1px closer, no vertical change
size  0.21em
margin-left  calc(0.04em + 1px)
margin-bottom 0.005em
LG 48px
ecreal
HERO 96px
ecreal
B-ORIG · 0.21em / ORIGINAL
Just 0.21em size, rev-3 horizontal spacing kept
size  0.21em
margin-left  calc(0.04em + 2px)  (rev-3)
margin-bottom 0.005em
LG 48px
ecreal
HERO 96px
ecreal
B1 · 0.21em / 2PX DOWN
1px closer + 2px below baseline
size  0.21em
margin-left  calc(0.04em + 1px)
margin-bottom -2px
LG 48px
ecreal
HERO 96px
ecreal
B2 · 0.21em / 3PX DOWN
1px closer + 3px below baseline
size  0.21em
margin-left  calc(0.04em + 1px)
margin-bottom -3px
LG 48px
ecreal
HERO 96px
ecreal
B3 · 0.21em / 4PX DOWN
1px closer + 4px below baseline
size  0.21em
margin-left  calc(0.04em + 1px)
margin-bottom -4px
LG 48px
ecreal
HERO 96px
ecreal

Spec deltas at a glance

VARIANT DOT SIZE MARGIN-LEFT MARGIN-BOTTOM
Current · rev-30.20emcalc(0.04em + 2px)0.005em
A1 · 0.20 / 2 down0.20emcalc(0.04em + 1px)-2px
A2 · 0.20 / 3 down0.20emcalc(0.04em + 1px)-3px
A3 · 0.20 / 4 down0.20emcalc(0.04em + 1px)-4px
B0 · 0.21 / 1px closer0.21emcalc(0.04em + 1px)0.005em
B-orig · 0.21 / original0.21emcalc(0.04em + 2px)0.005em
B1 · 0.21 / 2 down0.21emcalc(0.04em + 1px)-2px
B2 · 0.21 / 3 down0.21emcalc(0.04em + 1px)-3px
B3 · 0.21 / 4 down0.21emcalc(0.04em + 1px)-4px
Reply with your pick — "A1", "A2", "A3", "B0", "B-orig", "B1", "B2", "B3", or "Current". I'll propagate across reference-design-system.html, reference-visual-mockups.html, design-tokens.json, the brand-atoms index, the vecreal.com landing, the OG preview, and the wordmark.svg dot circle (cy + r if size changes too).