Foundation

Foundation

Product Voice

The system uses a quiet, operational interface style. The UI should feel focused, dense enough for repeated work, and restrained enough that product content carries the screen.

Visual Direction

• Dark canvas first for preview and branded surfaces.
• Lavender-blue as the only primary chromatic accent.
• Neutral surfaces carry hierarchy through contrast, border, and elevation.
• Cards use restrained radius and borders; avoid decorative gradients and spotlight effects.
• Product screenshots or real UI should carry visual weight when a page needs imagery.

Accessibility Baseline

• Every interactive element needs a visible focus state.
• Text contrast must meet WCAG AA for normal UI text.
• Disabled state must reduce emphasis without removing context.
• Components must document keyboard and screen-reader expectations.

Layout Baseline

• Use an 8px spacing rhythm for component composition.
• Use 12px radius for cards and 8px radius for compact controls unless the component spec says otherwise.
• Keep control heights stable across variants so hover, loading, icons, and labels do not shift layout.