Brand atom workshop · follows rev-3 Option F rebalance

Wordmark dot placement — 6 variants

With the smaller rev-3 dot (0.20em), the current placement (calc(0.04em + 2px) from the "l", sitting just above baseline) leaves the dot reading slightly far and slightly high. This page compares the current locked placement against five small nudge variants — combinations of "closer to l" (-1px / -2px horizontal) and "below baseline" (-1px / -2px vertical). All variants assume the rev-3 Option F V + dot SIZES (0.66em V, 0.20em dot) — only placement changes here.

How to read this

Each row is one placement variant rendered at SM 22px, LG 48px, HERO 96px. Px-based nudges so the visual offset is consistent at every size. Negative margin-bottom on a vertical-align:baseline inline-block pushes the dot's visual bottom below the line baseline — "1px down" means the dot's bottom sits 1px below where the baseline of "ecreal" lands.

Side-by-side at three sizes

Same rev-3 wordmark · six dot-placement options

CURRENT · REV-3 LOCKED
As deployed on vecreal.com
margin-left  calc(0.04em + 2px)
margin-bottom 0.005em
size  0.20em

Baseline for the comparison.

SM 22px
ecreal
LG 48px
ecreal
HERO 96px
ecreal
P1 · CLOSER 1PX
Pull dot 1px closer to "l"; vertical unchanged
margin-left  calc(0.04em + 1px)
margin-bottom 0.005em  (same)

Smallest nudge. Tests whether closer alone is enough.

SM 22px
ecreal
LG 48px
ecreal
HERO 96px
ecreal
P2 · CLOSER 2PX
Remove the +2px breath added in rev-2; back to 0.04em flat
margin-left  0.04em
margin-bottom 0.005em  (same)

Walks back the rev-2 "breath" nudge entirely. Most aggressive horizontal change.

SM 22px
ecreal
LG 48px
ecreal
HERO 96px
ecreal
P3 · CLOSER 1PX + DOWN 1PX
Both nudges, minimal magnitude
margin-left  calc(0.04em + 1px)
margin-bottom -1px

Conservative both-axis nudge. Dot's bottom now sits 1px below the "ecreal" baseline.

SM 22px
ecreal
LG 48px
ecreal
HERO 96px
ecreal
P4 · CLOSER 2PX + DOWN 1PX
Operator's "2 in 1 down" parse — closer max, slight drop
margin-left  0.04em
margin-bottom -1px

Closer at max (back to pre-rev-2 horizontal) + 1px below baseline.

SM 22px
ecreal
LG 48px
ecreal
HERO 96px
ecreal
P5 · CLOSER 2PX + DOWN 2PX
Both max — closer and clearly below baseline
margin-left  0.04em
margin-bottom -2px

Most aggressive both-axis. Dot reads as a descended period.

SM 22px
ecreal
LG 48px
ecreal
HERO 96px
ecreal
P6 · DOWN 2PX ONLY
Isolate the vertical nudge — horizontal stays rev-3
margin-left  calc(0.04em + 2px)  (same)
margin-bottom -2px

Shows whether just descending the dot is enough without horizontal change.

SM 22px
ecreal
LG 48px
ecreal
HERO 96px
ecreal

Spec deltas at a glance

VARIANT MARGIN-LEFT MARGIN-BOTTOM HORIZONTAL Δ VERTICAL Δ
Current · rev-3 calc(0.04em + 2px) 0.005em — —
P1 · closer 1px calc(0.04em + 1px) 0.005em -1px —
P2 · closer 2px 0.04em 0.005em -2px —
P3 · closer 1 + down 1 calc(0.04em + 1px) -1px -1px -1px
P4 · closer 2 + down 1 0.04em -1px -2px -1px
P5 · closer 2 + down 2 0.04em -2px -2px -2px
P6 · down 2 only calc(0.04em + 2px) -2px — -2px
Reply with your pick — "Current", "P1", "P2", "P3", "P4", "P5", or "P6". I'll update only the bk-dot tokens (margin-left + margin-bottom) across the design system + landing consumers + wordmark.svg dot positioning + OG preview, then push as a single atomic placement-pass commit. No SVG path or scale changes needed — pure dot-placement tweak.