The Glow Up Code · Design system
Luminous Rose Crystal buttons
The approved site-wide button system, built from transparent tinted glass, a luminous white bevel, smooth lens reflections, soft perimeter glow, and one controlled moving shine.
Recommended direction
One glass material, four levels of emphasis.
The rounded capsule, bright bevel, transparent tinted core, and close perimeter glow come directly from the reference material. The colour density changes with the importance of the action.
A transparent Pink-to-Wine core with a luminous dual rim for strong conversion actions.
A lighter translucent material with a bright reflected rim.
A quieter transparent capsule for lower-priority navigation.
Background stress test
The same ombre crystal on every surface.
The white rim catches dark and photographic backgrounds. Berry and Wine edges preserve the silhouette on cream, blush, and saturated pink.
Interaction and accessibility
Every state remains clear.
Each crystal preview is visually locked so default, hover, pressed, and disabled treatments can be reviewed together.
Primary
Secondary
Ghost
Crystal lens
Live system
The approved crystal family.
These are the production button classes used across the website. Each level shares the same clear crystal material while preserving a distinct visual hierarchy.
System status: Approved and deployed across the website. The same production classes support contrast, keyboard focus, mobile width, disabled states, and reduced motion.