atebit/ai-product-design-resources

contrast-preserving-reversal

Keep text readable through theme mutation and dark/light reversal — derive on-colors by measured WCAG contrast, composite alpha tints before measuring, split sentiment hues into fill vs text tokens, and position ramps so the contrast vote lands on the…

Quellsprache: Englisch

oklch-brand-reflow

Re-theme an entire app from a single brand seed color using OKLCH math — fixed-lightness seating, gamut-clamped chroma, brand-tilted neutrals, pinned sentiment hues. Use when asked to white-label an app, generate a brand theme from one color, build a theme…

Quellsprache: Englisch

semantic-theme-tokens

Set up a role-based semantic token architecture with three mutation tiers (brand reflows, neutrals tilt, sentiment pinned) so an app can be mathematically re-themed and mode-switched safely. Use when creating a design system's color layer, adding dark/light…

Quellsprache: Englisch