Typefaces

Funnel Display leads in Extra Bold, Bold, and Semi-Bold for display and headings. Inter carries body copy and UI, and Gilroy is reserved for quotes.

Funnel Display — Extra Bold, Bold, and Semi-Bold weight specimens

Inter // Body copy

AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz

Gilroy // Quotes

AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz

Download fonts

Funnel Display

Our display and heading typeface — available on Google Fonts, free to download.

Get Funnel Display on Google Fonts

Inter

Our body, UI, and caption typeface — available on Google Fonts, free to download.

Get Inter on Google Fonts

Text hierarchy

Display

Display / D-01

Funnel Display · 72 / 80 ·text-d-01

Context is everything

Hero statements, the single largest moment on a page.

Display / D-02

Funnel Display · 60 / 66 ·text-d-02

Built for the agent era

Headings

Heading / H-01

Funnel Display · 48 / 53 ·text-h-01

Give AI agents a home

Heading / H-02

Funnel Display · 36 / 40 ·text-h-02

A foundation of trust

Heading / H-03

Funnel Display · 30 / 34 ·text-h-03

Metadata that moves

Heading / H-04

Funnel Display · 20 / 24 ·text-h-04

Section heading

Body & UI

Paragraph / P-01

Inter · 20 / 32 ·text-p-01

The active metadata platform that gives every team a shared context layer.

Paragraph / P-02

Inter · 18 / 29 ·text-p-02

The active metadata platform that gives every team a shared context layer.

Paragraph / P-03

Inter · 16 / 26 ·text-p-03

The active metadata platform that gives every team a shared context layer.

Paragraph / P-04

Inter · 14 / 22 ·text-p-04

The active metadata platform that gives every team a shared context layer.

Caption

Inter · 12 / 19 ·text-caption

Caption and metadata label

Text alignment

Maintain structural harmony by keeping typography consistently anchored to a single alignment axis: align all copy elements either completely to the center or flush to the left.

Center-aligned layout — all copy elements anchored to the center axis
Center aligned
Left-aligned layout — all copy elements flush to the left axis
Left aligned

Colour pairing & highlight

Standardized text and background combinations divided into Core and Accent pairings, built to ensure optimal contrast, hierarchy, and intentional use of highlight colors.

Core pairing

Aa

  • Background: Blue
  • Primary text: White
  • Highlight text: Cyan

Aa

  • Background: White
  • Primary text: Grey
  • Highlight text: Blue

Accent pairing

Aa

  • Background: Grey
  • Primary text: White
  • Highlight text: Cyan

Aa

  • Background: White
  • Primary text: Grey
  • Highlight text: Pink

Aa

  • Background: Blue
  • Primary text: White
  • Highlight text: Lavender
[Website env: production]