Typography.

Fonts.

Font Access

Use the official family pages to obtain the fonts and their applicable terms:

• Clash Display
• Clash Grotesk

The desktop variable family may appear as Clash Grotesk Variable; Regular is weight 400. The package includes no raw font binaries.

Paste the web embed snippet into the page head. It requests Clash Display Regular and Clash Grotesk Regular/Medium from Fontshare, with Helvetica Neue, Arial and sans-serif fallbacks. The endpoints were checked on October 12, 2026. Each recipient obtains desktop font files and the applicable licence directly from Fontshare.

Web Embed

Load design_values.css as well; it defines the same font stacks.

<link rel="preconnect" href="https://api.fontshare.com">
<link rel="preconnect" href="https://cdn.fontshare.com" crossorigin>
<link href="https://api.fontshare.com/v2/css?f[]=clash-display@400&amp;display=swap" rel="stylesheet">
<link href="https://api.fontshare.com/v2/css?f[]=clash-grotesk@400,500&amp;display=swap" rel="stylesheet">
<style>
  :root {
    --font-display: "Clash Display", "Helvetica Neue", Arial, sans-serif;
    --font-body: "Clash Grotesk", "Helvetica Neue", Arial, sans-serif;
  }
  body { font-family: var(--font-body); font-weight: 400; letter-spacing: 0; }
  h1 { font-family: var(--font-display); font-weight: 400; letter-spacing: 0; }
</style>