design.vecreal.com / Workshop / W2 dot positioning

Brand atom workshop · favicon F1 refinement · round 3

W2 dot vertical positioning — wordmark cohesion tune

Round 2 settled W2: wordmark V geometry, dot r=5.5, composition centered. Operator flagged the dot reads "bottom-right" and doesn't sit with the wordmark. This round confirms the math (current W2 places dot bottom 5.5 units below V tip, wordmark composes dot bottom at V tip baseline) and tests six vertical positions.

The math

In the wordmark the dot is positioned with vertical-align: baseline (so dot bottom = text baseline) plus a translateY(0.025em) optical overshoot. The V's SVG also sits with its tip on that same baseline. Net result: dot bottom sits 0.025em below V tip. That overshoot is 3.79% of V height (0.025 / 0.66).

Translated to the favicon, V height is 31 units (top y=18, tip y=49). A wordmark-faithful overshoot is 31 × 3.79% = 1.17 units below V tip, i.e. dot bottom at y=50.17. With r=5.5, that gives cy = 50.17 − 5.5 = 44.67.

Current W2 has cy=48 — that puts dot bottom at y=53.5, which is 4.5 units below V tip. ~3.3 units lower than the wordmark-faithful target. That's the "bottom-right" pull you're seeing.

Anatomy — where the dot sits in three reference states

Current W2 — broken

Dot center at cy=48. Dot center aligned with V tip y=49. Dot bottom falls to y=53.5, which is 4.5 units past V tip.

V tip y=49 dot bot y=53.5
dot cy  48.0
dot bottom  y=53.5
offset from V tip  +4.5 below

Wordmark-faithful target

Dot center at cy=44.7. Dot bottom at y=50.17 — same 3.79% optical overshoot the wordmark uses (1.17 units below V tip).

V tip y=49 dot bot y=50.2
dot cy  44.7
dot bottom  y=50.2
offset from V tip  +1.2 below (= 3.79%)

Direct baseline match

Dot center at cy=43.5. Dot bottom exactly at V tip y=49 — no optical overshoot at all, pure geometric alignment.

V tip y=49 dot bot y=49.0
dot cy  43.5
dot bottom  y=49.0
offset from V tip  0 (at baseline)
W2-A · CURRENT
Current W2 — broken reference. Dot bottom 4.5 below V tip.
tile  #131517
V geom  wordmark (10u legs)
dot  cx=48.5 cy=48 r=5.5
dot bottom  y=53.5
offset  +4.5 below V tip

This is what you see now. Held here for direct A/B against the raised positions.

16
24
32
48
64
128
W2-B · UP 2
Dot bottom 2.5 below V tip — partial improvement.
tile  #131517
V geom  wordmark
dot  cx=48.5 cy=46 r=5.5
dot bottom  y=51.5
offset  +2.5 below V tip

Moves up halfway from current to wordmark-faithful. Test for "subtle correction" feel.

16
24
32
48
64
128
W2-C · WORDMARK-FAITHFUL ★
Dot bottom 1.2 below V tip — same 3.79% optical overshoot the wordmark uses.
tile  #131517
V geom  wordmark
dot  cx=48.5 cy=44.7 r=5.5
dot bottom  y=50.2
offset  +1.2 below V tip (3.79% overshoot)

Math-derived from the locked wordmark composition. If the favicon should "match the wordmark," this is it.

16
24
32
48
64
128
W2-D · AT BASELINE
Dot bottom exactly at V tip — pure geometric alignment, no overshoot.
tile  #131517
V geom  wordmark
dot  cx=48.5 cy=43.5 r=5.5
dot bottom  y=49.0
offset  0 (at V tip baseline)

Crisp baseline lock. May read slightly "floaty" at small sizes because there's no overshoot to anchor the dot's curve.

16
24
32
48
64
128
W2-E · UP, 1.5 ABOVE
Dot bottom 1.5 above V tip — small visible clearance.
tile  #131517
V geom  wordmark
dot  cx=48.5 cy=42 r=5.5
dot bottom  y=47.5
offset  −1.5 above V tip

Dot starts floating up. Looks "lighter" but breaks the wordmark composition rule slightly.

16
24
32
48
64
128
W2-F · UP, 3.5 ABOVE
Dot bottom 3.5 above V tip — bracket; tests if much-higher reads cleaner.
tile  #131517
V geom  wordmark
dot  cx=48.5 cy=40 r=5.5
dot bottom  y=45.5
offset  −3.5 above V tip

Dot sits well into the V's vertical extent — composition reads more "balanced" within the V's body than "punctuation at the end."

16
24
32
48
64
128

Spec deltas at a glance · W2 V + dot r=5.5 held constant

VARIANT dot cy dot bottom y offset from V tip NOTE
W2-A · current48.053.5+4.5 belowbroken — what you see now
W2-B · up 246.051.5+2.5 belowpartial improvement
W2-C · wordmark-faithful ★44.750.2+1.2 below3.79% optical overshoot — matches wordmark math
W2-D · at baseline43.549.00 (at)dot bottom = V tip exactly
W2-E · up 1.542.047.5−1.5 abovesmall visible gap
W2-F · up 3.540.045.5−3.5 abovedot floats well above V tip
Reply with your pick — "W2-A" through "W2-F", or describe a position between two and I'll generate a tighter range. Once picked, it propagates to all favicon data URIs (vecreal.com, design.vecreal.com, brand-atoms HTMLs, OG preview, LinkedIn square) + locks the monogram spec.