design.vecreal.com / Workshop / W2 dot positioning
Brand atom workshop · favicon F1 refinement · round 3
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.
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.
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).
Dot center at cy=43.5. Dot bottom exactly at V tip y=49 — no optical overshoot at all, pure geometric alignment.
| VARIANT | dot cy | dot bottom y | offset from V tip | NOTE |
|---|---|---|---|---|
| W2-A · current | 48.0 | 53.5 | +4.5 below | broken — what you see now |
| W2-B · up 2 | 46.0 | 51.5 | +2.5 below | partial improvement |
| W2-C · wordmark-faithful ★ | 44.7 | 50.2 | +1.2 below | 3.79% optical overshoot — matches wordmark math |
| W2-D · at baseline | 43.5 | 49.0 | 0 (at) | dot bottom = V tip exactly |
| W2-E · up 1.5 | 42.0 | 47.5 | −1.5 above | small visible gap |
| W2-F · up 3.5 | 40.0 | 45.5 | −3.5 above | dot floats well above V tip |