design.vecreal.com / Workshop / W2-D horizontal tightening

Brand atom workshop · favicon F1 refinement · round 4

W2-D horizontal tightening — bring the dot closer to the V

Round 3 locked W2-D: wordmark V geometry, dot r=5.5, cy=43.5 (dot bottom at V tip baseline). Operator: "shift the . closer to the V with a few different options. Maintain center inside the favicon box." This round holds everything from W2-D constant and shifts V right + dot left symmetrically so the composition center stays at tile center (x=32).

The math · centering invariant

Current state. V at x=10→46, dot at cx=48.5. Composition bounds: x=10 to x=54 (dot right edge). Composition center: (10+54)/2 = 32 = tile center ✓.

V↔dot gap at the closest-approach point. The V's right outer diagonal tapers from (46,18) down to (29,47). The closest point between V's right edge and the dot's left curve isn't at the dot's equator — it's at y≈40.72, where the dot has curved out and the V diagonal hasn't fully tapered. Current gap there: 11.07 units.

Tightening with Δ. Shift V right by Δ and dot left by Δ. Composition stays centered: ((10+Δ) + (54−Δ))/2 = 32 regardless of Δ. Gap at closest approach: 11.07 − 2Δ. Tangent (gap = 0) at Δ = 5.5. Overlap starts at Δ > 5.5.

Anatomy — V↔dot horizontal relationship at three Δ values

Current W2-D (Δ=0)

Gap at closest approach ≈ 11 units. Loose — V and dot read as separate elements with breathing room between them.

V right at y=43.5: 31.05 dot left: 43.0 · gap 11.95
V x  10 → 46
dot cx  48.5
gap @ closest  11.07 units

Tangent (Δ=5.5)

Dot just touches the V's right diagonal at y=40.72. V and dot read as part of a single tight composition unit — no gap, no overlap.

V right at y=43.5: 36.55 dot left: 37.5 · gap 0.95
V x  15.5 → 51.5
dot cx  43.0
gap @ closest  0.07 units (≈ touch)

Nestled (Δ=7)

Dot's left curve dips ~3 units into the V's right diagonal. Composition reads tightest — dot feels "tucked under" the V's right leg.

V right at y=43.5: 38.05 dot left: 36 · overlap 2
V x  17 → 53
dot cx  41.5
gap @ closest  −2.93 units (overlap)
H1 · CURRENT (Δ=0)
Current W2-D — kept as reference for direct A/B against tighter versions.
V x  10 → 46
dot  cx=48.5 cy=43.5 r=5.5
gap @ closest  11.07

Loose composition — V and dot read as separate elements.

16
24
32
48
64
128
H2 · NUDGE (Δ=2)
Small inward shift. Gap drops from 11 to 7.
V x  12 → 48
dot  cx=46.5 cy=43.5 r=5.5
gap @ closest  7.07

Modest tightening. Still clearly separated, but no longer "loose."

16
24
32
48
64
128
H3 · CLOSE (Δ=4)
Meaningfully tighter. Gap of 3 — composition starts to read as a pair.
V x  14 → 50
dot  cx=44.5 cy=43.5 r=5.5
gap @ closest  3.07

Wordmark-like tightness. V and dot read as a paired unit, not separated elements.

16
24
32
48
64
128
H4 · TIGHT (Δ=5)
Very tight. ~1 unit clearance at closest approach — minimal breathing room.
V x  15 → 51
dot  cx=43.5 cy=43.5 r=5.5
gap @ closest  1.07

Maximum cohesion without contact. At 16px the AA blur may make this read as touching.

16
24
32
48
64
128
H5 · TANGENT (Δ=5.5) ★
Just touching. Dot's left curve meets V's right diagonal at y≈40.7.
V x  15.5 → 51.5
dot  cx=43 cy=43.5 r=5.5
gap @ closest  0.07 (≈ touch)

Mathematically tangent — geometrically defined "tightest without overlap" composition.

16
24
32
48
64
128
H6 · NESTLED (Δ=7)
Dot's left curve dips ~3 units into V's right diagonal.
V x  17 → 53
dot  cx=41.5 cy=43.5 r=5.5
gap @ closest  −2.93 (overlap)

Dot reads as "tucked under" the V's right leg. At 16px may fuse visually.

16
24
32
48
64
128

Spec deltas at a glance · W2-D V geom + r=5.5 + cy=43.5 held constant · composition always centered at x=32

VARIANT Δ V x range dot cx gap @ closest NOTE
H1 · current010 → 4648.5+11.07loose, what you see now
H2 · nudge212 → 4846.5+7.07modest tightening
H3 · close414 → 5044.5+3.07reads as paired
H4 · tight515 → 5143.5+1.07minimal breathing room
H5 · tangent ★5.515.5 → 51.543+0.07just touching — geometric tightest
H6 · nestled717 → 5341.5−2.93dot tucks under V right leg
Reply with your pick — "H1" through "H6", or describe a position between two and I'll generate a tighter range. Once picked, the favicon is finalized and propagates to all data URIs across vecreal.com, design.vecreal.com, brand-atoms HTMLs, OG preview, LinkedIn square + locks the monogram spec + rev-6 CHANGELOG entry. All four favicon workshops archive together as the decision audit trail.