Polestar
Polestar sets restrained Polestar Unica headlines with tight tracking on a light bone white canvas. Graphite (#3a3c3f) is reserved for actions, on fully rounded pill buttons, while the rest of the page stays with void text and neutral surfaces. The most common corner radius is 50%.
polestar.com ↗Colors
Graphite
#3a3c3f
Primary actions and links
Fog
#f0f0f0
Secondary accent and highlights
Bone White
#ffffff
Page canvas
Void
#000000
Headlines and body copy
Type scale
DisplayPolestar 4Polestar Unica · 30px · 400
HeadingLease from $499/moPolestar Unica · 30px · 400
SubheadingSupport for every mile aheadPolestar Unica · 30px · 400
BodyGet up to $25,000 off a new Polestar 4 cash purchase¹ or finance at 0% APR.² Available untPolestar Unica · 16px · 400
NavPolestarPolestar Unica · 16px · 400
Buttons
Button
Style reference measured from the public page at polestar.com on 2026-10-12 for design education. Polestar 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.
# Polestar — Style Reference > Polestar sets restrained Polestar Unica headlines with tight tracking on a light bone white canvas. Graphite (#3a3c3f) is reserved for actions, on fully rounded pill buttons, while the rest of the page stays with void text and neutral surfaces. The most common corner radius is 50%. **Theme:** light · **Source:** https://www.polestar.com (captured 2026-10-12). Measurements come from the rendered page; roles are interpreted. ## Tokens — Colors | Name | Value | Token | Role | |------|-------|-------|------| | Graphite | `#3a3c3f` | `--color-accent` | Primary actions and links | | Fog | `#f0f0f0` | `--color-secondary` | Secondary accent and highlights | | Bone White | `#ffffff` | `--color-canvas` | Page canvas | | Void | `#000000` | `--color-ink` | Headlines and body copy | ## Typography | Role | Family | Size | Weight | Line height | Tracking | |------|--------|------|--------|-------------|----------| | Display | Polestar Unica | 30px | 400 | 1.07 | -0.040em | | Heading | Polestar Unica | 30px | 400 | 1.07 | -0.040em | | Subheading | Polestar Unica | 30px | 400 | 1.07 | -0.040em | | Body | Polestar Unica | 16px | 400 | 1.13 | -0.019em | | Nav | Polestar Unica | 16px | 400 | 1.13 | -0.019em | Font families on the page: Polestar Unica. 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: 50% - Primary button: background `#3a3c3f`, text `#ffffff`, radius 50%, padding 0px, 16px / 400
