SVG Experiments

Defaulttype=400ms grace=800ms glow=6→14

Snappy (250ms type)type=250ms grace=600ms glow=6→14

Slow (800ms type)type=800ms grace=1200ms glow=6→14

Big glow expansiontype=400ms grace=800ms glow=5→22

Tight glowtype=400ms grace=800ms glow=8→10

Warm shadowtype=400ms grace=800ms glow=6→14

White shadowtype=400ms grace=800ms glow=6→14

Long grace (2s)type=400ms grace=2000ms glow=6→14

Short grace (300ms)type=400ms grace=300ms glow=6→14

Slow + tight (baseline)type=800ms grace=1200ms glow=8→10

Slow + tight + 150ms start delaytype=800ms grace=1200ms glow=8→10

Slow + tight + 300ms start delaytype=800ms grace=1200ms glow=8→10

Slow + tight + larger font (15px)type=800ms grace=1200ms glow=8→10

Slow + tight + blinking carettype=800ms grace=1200ms glow=8→10

Slow + tight + monospacetype=800ms grace=1200ms glow=8→10

Slow + tight + caret + monotype=800ms grace=1200ms glow=8→10

Slow + tight (3 dots)type=800ms grace=1200ms glow=8→10

Very slow + very tight (1200ms / 8→9)type=1200ms grace=1500ms glow=8→9

Locked baseline (no flicker)type=800ms grace=1200ms glow=8→10

Locked + subtle flickertype=800ms grace=1200ms glow=8→10

Locked + medium flickertype=800ms grace=1200ms glow=8→10

Locked + glitchy flickertype=800ms grace=1200ms glow=8→10

Locked + medium flicker (3 dots)type=800ms grace=1200ms glow=8→10

What to evaluate

Type duration — is 400ms too fast? Too slow? Try the Snappy and Slow variants.
Glow expansion ratio — Big-glow vs Tight-glow. How much should the dot grow as text appears?
Text shadow color — Default (cool blue), Warm, White. Which integrates best with a future moody sphere?
Grace period — Short (300ms) vs Long (2s). After mouse-leave, how long should you wait before dismissing? Hover-back-in within grace should not re-type.
Blink + contract — when grace expires, watch for the brief brightness flash followed by accelerated untype.