COLOR-023 · Sheen Sweep Highlight | Zemew AI Design Library

COLOR-023

Sheen Sweep Highlight

Moving sheen highlight across a colored surface.

More Colors & Effects

Details

ID: COLOR-023
Category: Colors & Effects
Style: modern
Complexity: moderate
Animation: sheen
Stable URL: https://zemew.com/guides/ai/library/colors/COLOR-023

effect sheen shine

Recommended uses

Premium CTAs
Promo cards

Responsive behavior

Sheen path spans the full button or card width.

Accessibility

Respect prefers-reduced-motion by freezing the sheen.

Code examples

Adapt these to your project. Do not paste unrelated branding or colors blindly.

HTML

<!-- Example scaffold for COLOR-023. Adapt to your project. -->
<section id="COLOR-023" class="ai-design-example" data-zemew-component="colors" data-style="modern" data-version="1">
  <!-- Implement using the live preview as the visual reference -->
</section>

CSS

/* Scope demo styles so they cannot affect the rest of the site */
#COLOR-023.ai-design-example {
  /* mirror the preview treatment for COLOR-023 */
}

Machine-readable metadata

The live preview exposes semantic attributes an AI or developer can read from the page source:

id="COLOR-023" data-zemew-component="colors" data-style="modern" data-variant="sheen" data-animation="sheen" data-version="1"