Design System: Cohere

1. Visual Theme & Atmosphere

Cohere's interface is a polished enterprise command deck confident, clean, and designed to make AI feel like serious infrastructure rather than a consumer toy. The experience lives on a bright white canvas where content is organized into generously rounded cards (22px radius) that create an organic, cloud-like containment language. This is a site that speaks to CTOs and enterprise architects: professional without being cold, sophisticated without being intimidating.

The design language bridges two worlds with a dual-typeface system: CohereText, a custom display serif with tight tracking, gives headlines the gravitas of a technology manifesto, while Unica77 Cohere Web handles all body and UI text with geometric Swiss precision. This serif/sans pairing creates a "confident authority meets engineering clarity" personality that perfectly reflects an enterprise AI platform.

Color is used with extreme restraint the interface is almost entirely black-and-white with cool gray borders (#d9d9dd, #e5e7eb). Purple-violet appears only in photographic hero bands, gradient sections, and the interactive blue (#1863dc) that signals hover and focus states. This chromatic restraint means that when color DOES appear in product screenshots, enterprise photography, and the deep purple section it carries maximum visual weight.

Key Characteristics:

• Bright white canvas with cool gray containment borders
• 22px signature border-radius the distinctive "Cohere card" roundness
• Dual custom typeface: CohereText (display serif) + Unica77 (body sans)
• Enterprise-grade chromatic restraint: black, white, cool grays, minimal purple-blue accent
• Deep purple/violet hero sections providing dramatic contrast
• Ghost/transparent buttons that shift to blue on hover
• Enterprise photography showing diverse real-world applications
• CohereMono for code and technical labels with uppercase transforms