COLOR-009 · Tri-Stop Mesh Gradient | Zemew AI Design Library

COLOR-009

Tri-Stop Mesh Gradient

Layered multi-stop gradient with a soft mesh feel.

More Colors & Effects

Layered stopsMesh

Details

ID: COLOR-009
Category: Colors & Effects
Style: soft
Complexity: moderate
Animation: none
Stable URL: https://zemew.com/guides/ai/library/colors/COLOR-009

gradient mesh multi-stop

Recommended uses

Landing heroes
Brand moments

Responsive behavior

Mesh layers scale with the preview box.

Accessibility

Busy gradients need stronger text contrast or a scrim.

Code examples

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

HTML

<!-- Example scaffold for COLOR-009. Adapt to your project. -->
<section id="COLOR-009" class="ai-design-example" data-zemew-component="colors" data-style="soft" 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-009.ai-design-example {
  /* mirror the preview treatment for COLOR-009 */
}

Machine-readable metadata

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

id="COLOR-009" data-zemew-component="colors" data-style="soft" data-variant="mesh" data-animation="none" data-version="1"