Foundations
Glow
Glow is part of the LUC identity and it is strictly rationed. It marks focus and selection — never decoration, never a passive surface, never more than one element at a time.
Levels
Resting card
glow.nonePassive surfaces at rest.
Hover / selected
glow.subtleHover on a primary action or selected card.
Focus
glow.focusKeyboard focus. Must stay ≥ 3:1 against its surface.
Featured
glow.accentOne featured surface per view, at most.
Where glow is allowed
Four places. Anywhere else is a bug, not a style choice.
| Where | Token | Rule |
|---|---|---|
| Keyboard focus | --glow-focus | Always present on interactive elements; contrast first, aesthetics second. |
| Primary action hover | --glow-subtle | At most a whisper; the button must still read at rest. |
| Selected card / active tab | --glow-subtle | Pairs with an accent border, never replaces it. |
| BorderGlow hover | --glow-accent | Only where the surface is the subject of the view. |
Composition
Glow follows a border, not a blob. It is drawn on a 1px ring and masked, so it never washes over content.
Right
A masked 1px ring with an accent gradient, plus a low-alpha bloom outside the edge.
Wrong
A large radial highlight inside the card that reduces text contrast and reads as “AI generated”.