Captured from the live site · real computed styles
11
System prompt
Dyson's website embodies premium hardware engineering through a clinical, high-contrast design system. The palette centers on stark black headers (#000000) against pure white content areas (#ffffff), with a single blue accent (#0066cc) for interactive elements. Body text uses dark gray (#333333) with lighter grays (#999999, #919191) for secondary information. Typography is exclusively humanist-sans (DysonFutura) with light weights (300) for large display text and regular weights (400) for body content. The layout follows a full-width hero approach with left-aligned content over dramatic product photography, transitioning to grid-based product cards below. Critical design constraints: Never use bold weights for display text, avoid rounded containers beyond 8px radius, maintain generous whitespace between sections, use only functional interactive elements without decorative additions, preserve the stark black/white/gray palette with minimal color accents, and ensure all typography remains light and refined rather than heavy or casual.
Bring this taste to your agent
Hand your AI agent a machine-readable spec of this design — tokens, type, motion, the whole DNA.
