What is Optical Alignment?

Optical alignment adjusts elements based on perceived balance rather than strict mathematical bounds.

When to use Optical Alignment?

- To balance icons and text on a shared baseline or vertical axis

- To correct visual overshoots in headings, numerals, and buttonsWhen not to use Optical Alignment? - When engineering constraints require pixel‑perfect bounding alignmentWhat is the anatomy of Optical Alignment?

- Cap and baseline overshoots

- Left‑right edge compensation

- Baseline and x‑height consistency