Dyson
Dyson sets restrained DysonFutura headlines in a light weight on a light bone white canvas. Verdant (#79b928) is reserved for actions, on buttons with 4px corners, while the rest of the page stays with graphite text and neutral surfaces. The most common corner radius is 8px, with 4px and 46.545px on smaller elements.
dyson.com ↗Colors
Verdant
#79b928
Primary actions and links
Ember
#ac5d00
Secondary accent and highlights
Bone White
#ffffff
Page canvas
Graphite
#333333
Headlines and body copy
Void
#000000
Surface or divider
Deep Bone White
#f8f8f8
Surface or divider
Silver Mist
#999999
Supporting colour
Deep Silver Mist
#919191
Supporting colour
Ash
#555555
Supporting colour
Type scale
Buttons
Style reference measured from the public page at dyson.com on 2026-10-12 for design education. Dyson and its logos are trademarks of their owners; AnimatedWebs is not affiliated with or endorsed by them. Owners can ask us to update or remove this page via our copyright page.
# Dyson — Style Reference > Dyson sets restrained DysonFutura headlines in a light weight on a light bone white canvas. Verdant (#79b928) is reserved for actions, on buttons with 4px corners, while the rest of the page stays with graphite text and neutral surfaces. The most common corner radius is 8px, with 4px and 46.545px on smaller elements. **Theme:** light · **Source:** https://www.dyson.com (captured 2026-10-12). Measurements come from the rendered page; roles are interpreted. ## Tokens — Colors | Name | Value | Token | Role | |------|-------|-------|------| | Verdant | `#79b928` | `--color-accent` | Primary actions and links | | Ember | `#ac5d00` | `--color-secondary` | Secondary accent and highlights | | Bone White | `#ffffff` | `--color-canvas` | Page canvas | | Graphite | `#333333` | `--color-ink` | Headlines and body copy | | Void | `#000000` | `--color-surface-1` | Surface or divider | | Deep Bone White | `#f8f8f8` | `--color-surface-2` | Surface or divider | | Silver Mist | `#999999` | `--color-surface-3` | Supporting colour | | Deep Silver Mist | `#919191` | `--color-surface-4` | Supporting colour | | Ash | `#555555` | `--color-surface-5` | Supporting colour | ## Typography | Role | Family | Size | Weight | Line height | Tracking | |------|--------|------|--------|-------------|----------| | Heading | DysonFutura | 32px | 300 | 1.25 | 0 | | Subheading | DysonFutura | 32px | 300 | 1.25 | 0 | | Body | DysonFutura | 18px | 400 | 1.33 | 0 | | Nav | DysonFutura | 14px | 400 | 1.29 | 0 | Font families on the page: DysonFutura, sans-serif. Brand fonts are licensed by their owners; use a close open alternative (Inter, Geist, Manrope) if you don't hold a licence. ## Shape - Corner radius, most to least used: 8px, 4px, 46.545px, 24px, 50% - Primary button: background `#79b928`, text `#000000`, radius 4px, padding 20px 24px, 18px / 500
