SoW Brand Guidelines

CRITICAL: Before Building UI

You MUST ask the user which brand color should serve as the primary color before building any real UI. This template ships with Surya Orange as the default primary, but each product chooses its own primary from the brand palette.

The 80/10/10 Color Proportion Rule

Every SoW interface follows the 80/10/10 ratio:

• 80% Neutral — background surfaces (Ksheer Ivory / Shyam Black), text, cards
• 10% Primary — CTAs, buttons, key interactive elements, active states
• 10% Accent — secondary actions, data visualization, emphasis, decorative touches

The primary and accent colors are drawn from the three brand colors (Orange, Teal, Magenta). Which one is "primary" vs "accent" depends on the product.

Content-Type Color Assignments