---
title: "Typography | Atlan Brand Guidelines"
url: "https://atlan.com/brand/typography/"
description: "Funnel Display and Inter serve as our official brand typefaces. Mirroring our foundational geometric design standards, this typographic duo balances structured precision with clean readability across all brand communications."
---

> Atlan is hosting Context Conference, bringing together the leaders and builders at the frontier of giving AI the context it needs to understand their business. It runs online on October 28, 2026, from 11:00 AM to 2:00 PM ET. Atlan co-founder Prukalpa Sankar opens and closes the day. Leaders from AstraZeneca, BNY and Verizon share why they invest in context and what they get from it. Registrants get early access to The AI Context Gap, a new study from MIT Technology Review Insights. Register: https://atlan.com/context-conference/

# Typography

Funnel Display and Inter serve as our official brand typefaces. Mirroring our foundational geometric design standards, this typographic duo balances structured precision with clean readability across all brand communications.

## 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](https://atlan.com/images/brand/brand-typography-thumb.webp)

### Inter - Body copy
- Sample: "AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz"

### Gilroy - Quotes
- Sample: "AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz"

## Download fonts

**Funnel Display** - Use for: Headlines, hero banners, and large display text.

[Download on Google Fonts](https://fonts.google.com/specimen/Funnel+Display)

**Inter** - Use for: Body paragraphs, UI elements, data tables, and captions.

[Download on Google Fonts](https://fonts.google.com/specimen/Inter)

## Text hierarchy

### Display

### Display / D-01
- Font: Funnel Display
- Token: `text-d-01`
- Size / line-height: 72 / 80
- Sample: "Context is everything"
- Usage: Hero statements, the single largest moment on a page.

### Display / D-02
- Font: Funnel Display
- Token: `text-d-02`
- Size / line-height: 60 / 66
- Sample: "Built for the agent era"

### Headings

### Heading / H-01
- Font: Funnel Display
- Token: `text-h-01`
- Size / line-height: 48 / 53
- Sample: "Give AI agents a home"

### Heading / H-02
- Font: Funnel Display
- Token: `text-h-02`
- Size / line-height: 36 / 40
- Sample: "A foundation of trust"

### Heading / H-03
- Font: Funnel Display
- Token: `text-h-03`
- Size / line-height: 30 / 34
- Sample: "Metadata that moves"

### Heading / H-04
- Font: Funnel Display
- Token: `text-h-04`
- Size / line-height: 20 / 24
- Sample: "Section heading"

### Body & UI

### Paragraph / P-01
- Font: Inter
- Token: `text-p-01`
- Size / line-height: 20 / 32
- Sample: "The active metadata platform that gives every team a shared context layer."

### Paragraph / P-02
- Font: Inter
- Token: `text-p-02`
- Size / line-height: 18 / 29
- Sample: "The active metadata platform that gives every team a shared context layer."

### Paragraph / P-03
- Font: Inter
- Token: `text-p-03`
- Size / line-height: 16 / 26
- Sample: "The active metadata platform that gives every team a shared context layer."

### Paragraph / P-04
- Font: Inter
- Token: `text-p-04`
- Size / line-height: 14 / 22
- Sample: "The active metadata platform that gives every team a shared context layer."

### Caption
- Font: Inter
- Token: `text-caption`
- Size / line-height: 12 / 19
- Sample: "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](https://atlan.com/images/brand/typography-center-align.webp)

_Center aligned_

![Left-aligned layout - all copy elements flush to the left axis](https://atlan.com/images/brand/typography-left-align.webp)

_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

- Background: Blue (#2026D2) / Primary text: White (#FFFFFF) / Highlight text: Cyan (#62E1FC)
- Background: White (#FFFFFF) / Primary text: Grey (#2B2B39) / Highlight text: Blue (#2026D2)

### Accent pairing

- Background: Grey (#252530) / Primary text: White (#FFFFFF) / Highlight text: Cyan (#62E1FC)
- Background: White (#FFFFFF) / Primary text: Grey (#2B2B39) / Highlight text: Pink (#F34D77)
- Background: Blue (#2026D2) / Primary text: White (#FFFFFF) / Highlight text: Lavender (#797DE4)