Typography

Our studio supports three brands—DoorDash, Wolt, and Deliveroo. Each brand has its own display typeface that expresses its unique personality. We use shared body typefaces across all brands for consistency and performance.


What You'll Find Here

Display Typefaces: Brand-specific fonts for headlines, heroes, and brand moments. Each chosen for how it performs under pressure and reflects brand personality.

Body Typefaces: Shared system fonts (SF Pro, Inter) optimized for readability across platforms. Used for UI text, body copy, and data.


Display Typefaces

Each brand has its own display typeface chosen for personality and performance.


DoorDash

TT Norms

TT Norms® Pro

TT Norms® Pro is a functional geometric sans serif—stylish, concise, and versatile. Designed as both an accent font and neutral workhorse, it handles everything from 48px heroes to 16px labels with consistent performance. Its bold geometry meets American optimism, reflecting DoorDash's confident, efficient brand personality.

Markets Served: United States, Canada, Australia, New Zealand

Scripts Supported: Basic Latin, Latin-1 Supplement, Latin Extended-A

Weights Available: 6 weights (Light 300, Regular 400, Medium 500, Bold 700, Extra Bold 800, Black 900)

Typeface Playground

The quick brown fox jumps over the lazy dog
Medium (500)
48px
0.000em

Click the text above to edit and try your own copy

Character Set

DD Norms Character Set

Click any glyph to inspect


Wolt

Omnes

Omnes

Omnes is a humanist sans-serif with friendly, rounded forms. Its warm personality and approachable aesthetic make it ideal for consumer-facing applications. Playful and strong, with an approachable Nordic design sensibility, Omnes embodies Wolt's brand character perfectly.

Markets Served: 30+ countries including Finland, Sweden, Norway, Denmark, Estonia, Latvia, Lithuania, Germany, Czech Republic, Slovakia, Croatia, Slovenia, Serbia, Greece, Cyprus, Israel, Georgia, Azerbaijan, Kazakhstan, Japan

Scripts Supported: Latin Extended, Cyrillic, Cyrillic Supplement, Greek, Hebrew (for Israel), Japanese (for Japan)

Weights Available: 4 weights (Regular 400, Semibold 600, Bold 700, Black 900)

Typeface Playground

The quick brown fox jumps over the lazy dog
Bold (700)
48px
0.000em

Click the text above to edit and try your own copy

Character Set

Omnes Character Set

Click any glyph to inspect


Deliveroo

Inter

Inter (Stratos Substitute)

Inter is a highly legible variable font designed for digital interfaces. We're using Inter as a sophisticated substitute while awaiting the Stratos typeface. Inter offers excellent screen rendering and comprehensive language support, bringing geometric precision with British restraint.

Markets Served: 9 countries including United Kingdom, France, Italy, Spain, Belgium, Ireland, Netherlands, United Arab Emirates, Kuwait

Scripts Supported: Latin Extended (A/B/C/D/E), Cyrillic, Greek, Arabic (for UAE and Kuwait markets), Vietnamese

Note: Stratos will replace Inter when font files become available. Stratos will be optimized specifically for Deliveroo's brand expression.

Weights Available: 9 weights (Thin 100, Extra Light 200, Light 300, Regular 400, Medium 500, Semibold 600, Bold 700, Extra Bold 800, Black 900)

Typeface Playground

The quick brown fox jumps over the lazy dog
Light (300)
48px
0.000em

Click the text above to edit and try your own copy

Character Set

Inter Character Set

Click any glyph to inspect


Body Typefaces

Shared system fonts optimized for readability across platforms. Used for UI text, body copy, and data in all three brands.


SF Pro

SF Pro

SF Pro

Apple's system font brings native performance and optical sizing built for Retina displays. SF Pro Text handles body copy at smaller sizes, while SF Pro Display takes over for headlines—automatically switching based on size.

Platforms: iOS, iPadOS, watchOS

Download: Apple Design Resources

Markets Served: All markets (system font, pre-installed on Apple devices)

Scripts Supported: Comprehensive global coverage including Latin, Cyrillic, Greek, Arabic, Hebrew, Devanagari, Thai, and CJK (Chinese, Japanese, Korean)

Fallbacks: Not needed on Apple platforms (system font). On web, falls back to system-ui.

Weights Used: Regular (400), Semibold (600)

Design Considerations:

  • Automatic optical sizing (Text variant for under 20pt, Display variant for 20pt and above)
  • Respects Dynamic Type accessibility settings for user-controlled sizing
  • No web font overhead—instant loading on all Apple platforms
  • Hinted specifically for Retina display rendering

Typeface Playground

The quick brown fox jumps over the lazy dog
Regular (400)
48px
0.000em

Click the text above to edit and try your own copy

Character Set

SF Pro Character Set

Click any glyph to inspect


Inter

Inter

Inter

Rasmus Andersson's open-source workhorse. Inter was designed for screens from the ground up—tall x-height, disambiguation between similar characters (Il1, O0), and extensive OpenType features for typographic refinement.

Platforms: Web, Android

Download: Inter Font Family

Markets Served: All markets

Scripts Supported: Latin Extended, Cyrillic, Greek, Vietnamese—global deployment ready

Fallbacks:

  • Primary fallback: system-ui
  • Arabic markets: Use system Arabic font (Noto Sans Arabic, etc.)
  • CJK markets: Use system CJK font (Noto Sans CJK, etc.)

Weights Used: Regular (400), Medium (500), Semibold (600)

Design Considerations:

  • Tall x-height optimized for small sizes on screen
  • Disambiguated letterforms (I, l, 1 are clearly distinct; O, 0 are clearly distinct)
  • OpenType features enabled: cv08 (simplified g), cv11 (simplified l), tnum (tabular figures), case (case-sensitive punctuation)
  • Variable font option available for bandwidth efficiency (single file, all weights)
  • Subset to Latin Extended + Nordic for web deployment

Typeface Playground

The quick brown fox jumps over the lazy dog
Semibold (600)
48px
0.000em

Click the text above to edit and try your own copy

Character Set

Inter Character Set

Click any glyph to inspect


Type Scale Reference

Our type scale uses a token-based naming system (ui.100–ui.1000) with consistent sizing across all brands. The scale divides into body text (12-20px) for UI and content, and display text (24-60px) for headlines and heroes.

Body Scale

UI text, labels, body copy. Uses Inter (web/Android) or SF Pro (iOS).

ui.100
12px
Captions, labels, metadata
The quick brown fox jumps over the lazy dog
ui.200
14px
Small body text, secondary UI
The quick brown fox jumps over the lazy dog
ui.300
16px
Body text, primary UI
The quick brown fox jumps over the lazy dog
ui.400
20px
Large body text, subheadings
The quick brown fox jumps over the lazy dog

Display Scale

Headlines, heroes, brand moments. Uses brand display typefaces (TT Norms, Omnes, Inter/Stratos).

ui.500
24px
Small headlines
The quick brown fox
ui.600
32px
Medium headlines
The quick brown fox
ui.800
44px
Large headlines
The quick brown fox
ui.1000
60px
Hero headlines
The quick brown fox

Context-Based Scaling

Consumer
1.0× (base scale)
Standard sizing for consumer-facing apps. Optimized for comfortable reading and browsing.
Courier
1.25× larger
Increased sizing for at-a-glance readability while driving or moving.
Merchant
0.875× smaller
Compact sizing for dense dashboards and data-heavy interfaces.

Responsive Scaling

< 768px
Mobile: Base scale with optimized line heights for narrow viewports
768-1279px
Tablet: Base scale with increased spacing
≥ 1280px
Desktop: Base scale with generous spacing and increased display sizes
Scale Ratio: 1.125 (major second) provides clear visual hierarchy while maintaining proportional relationships across all sizes.

Was this page helpful?