Zendesk

Zendesk employs a crisp, bright aesthetic with high contrast typography and a single vibrant accent color. The visual system prioritizes legibility and direct communication on a clean white canvas, grounded by dark, information-dense footers. Components are lightweight and functional, using subtle rounding and a clear hierarchy driven by size and color. Interaction points are sharply defined by the key accent green, making actions feel clear and responsive. Use Canvas White (#ffffff) for primary page backgrounds, ensuring maximum legibility for content. Apply Zendesk Green (#d1f470) exclusively for primary calls-to-action, interactive elements, and focused brand highlights. Employ Charcoal (#11110d) as the background for footer sections and high-contrast informational banners. Use Vanilla Sans (or Inter as substitute) for all typographic elements, prioritizing legibility and a consistent brand voice. Ensure all buttons and navigation items utilize a 16px border-radius for a consistent, soft visual feel. Maintain high contrast (AAA level) for all text against its background, e.g., Ink Black (#000000) on Canvas White (#ffffff). Utilize an 8px base unit for all spacing, with common element gaps at 16px and section gaps at 88px for clarity. Do not introduce new vibrant colors outside of Zendesk Green (#d1f470), as it diminishes the impact of the primary accent. Avoid heavy shadows or gradients on interactive elements; rely on color and typography changes for states. Do not deviate from the established type scale; maintain consistent sizing and line heights for hierarchy. Do not use generic system fonts; always specify Vanilla Sans or its substitute Inter. Avoid applying tight letter-spacing to body text; it should remain at 'normal' for readability. Do not use border-radius values other than 4px or 16px for UI elements, except for the large 40px radius on a specific body surface. Do not use more subtle forms of interaction for primary CTAs; they must be filled with Zendesk Green.