Dyson

This Dyson design system exudes an aura of understated, high-tech precision, much like the engineering of its products. It achieves this through a largely monochromatic palette of distinct dark grays and crisp whites, punctuated by a vibrant green for primary calls to action. The strong focus on clear product imagery is supported by a clean, geometric typeface, ensuring a direct and unembellished presentation of technology. Use Success Green (#79b928) exclusively for primary call-to-action buttons. Prioritize Dyson Ink (#333333) for all primary body text and most headings to maintain brand consistency. Ensure headings utilize DysonFutura at a heavier weight (500) and larger sizes (24px, 28px, 32px, 36px) to create a clear visual hierarchy. Apply 0px border-radius to all buttons and cards, maintaining a sharp, engineered aesthetic. Embed images within Canvas White (#ffffff) or Warm Paper (#fff8e6) backgrounds when presented in product grids. Maintain a clear page section separation using Canvas White (#ffffff) and Deep Graphite (#000000) for distinct visual blocks. Do not use saturated colors other than Success Green (#79b928) or Dyson Blue (#0066cc) for interactive elements. Avoid using shadows or excessive gradients; rely on color contrast and spacing for visual depth. Do not introduce rounded corners larger than 8px, which are reserved for specific product images, to avoid softening the brand's sharp identity. Refrain from using thin weights for body text; maintain DysonFutura weight 400 for optimal readability. Do not use light text on light backgrounds; ensure a minimum contrast ratio of 7:1 for text readability (e.g., Dyson Ink on Canvas White).