brand-color-application

What problem does it solve?

This Skill solves the problem of a defined brand palette not being visually deployed, so pages still look generic or template-like instead of unmistakably on-brand.

Core Features & Use Cases

• Palette-to-page deployment: Converts design-system token colors into real layout treatments across backgrounds, headings, categories, and grids.
• 5 targeted techniques: Applies product-background color, gradient headings, color-per-category tints, colorized grid differentiation, or one-tint section unification.
• Decision-ready guardrails: Chooses techniques that match content and avoids common anti-patterns (e.g., applying gradients to body text or exceeding category limits).

Quick Start

Use brand-color-application after design-system defines tokens to apply an appropriate 2–3 technique color treatment to the sections that currently look unbranded, then verify contrast before shipping.