COLOR-006 · High Contrast Pair | Zemew AI Design Library

COLOR-006

High Contrast Pair

Stark light-on-dark and dark-on-light pair for maximum readability.

More Colors & Effects

Light on darkAA+

Dark on lightAA+

Details

ID: COLOR-006
Category: Colors & Effects
Style: minimal
Complexity: simple
Animation: none
Stable URL: https://zemew.com/guides/ai/library/colors/COLOR-006

contrast accessibility pair

Recommended uses

Body text systems
Accessibility baselines

Responsive behavior

Pair tiles stack on narrow previews.

Accessibility

Aim for WCAG AA or better for body text combinations.

Code examples

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

HTML

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

Machine-readable metadata

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

id="COLOR-006" data-zemew-component="colors" data-style="minimal" data-variant="contrast" data-animation="none" data-version="1"