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…

لغة النص الأصلي: الإنجليزية

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…

لغة النص الأصلي: الإنجليزية

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…

لغة النص الأصلي: الإنجليزية