<!-- LLM_VERSION_INFO
FORMAT: text/markdown
CONTENT_TYPE: article
ORIGINAL_URL: https://www.cocodelivery.com/brand/typography
ALTERNATE_VERSION: brand/typography/index.html (text/html)
EXTRACTION_DATE: 2026-03-18T15:19:11.383Z

This is the markdown version with text-only content (images converted to alt-text).
For rich formatting with images, request the HTML version at: brand/typography/index.html
-->

### 4

### Typography

Index

4.1

4.2

4.3

4.4

4.5

4.6

Primary Typeface

Weight In Use

Tracking

Leading

Scale and proportion

Application

4.1

Primary Typeface

The Inter type family is our primary brand typeface. Designed for the digital era, it’s often seen as the new Helvetica — clear, neutral, and built for screens. Inter embodies the precision and accessibility of modern technology, aligning Coco with the visual language of contemporary AI tools and systems.

Languages supported include English, French, Spanish, Italian, German, Dutch, and Portuguese. Learn more about Inter at rsms.me/inter.

[Download Font ↓](https://drive.google.com/drive/folders/1Wf0357sbCHWLjfAvO6Rbl19W46O-p4cb?usp=drive_link)

4.2

Weight In Use

Type weight helps differentiate between different pieces of information, create contrast, and establish hierarchy. Only use the following.

4.3

Tracking

Tracking refers to the overall space between characters in set type. This is crucial to the readability and personality of typography. Our brand uses tight tracking in headlines, subheads, or other large applications. Small use cases should remain 0. Use the following chart as a guide.

4.4

Leading

‘Leading’ refers to the space between lines of text. This is measured from baseline to baseline and is crucial to setting type clearly and consistently in an application. The leading value is found by multiplying the point size by the appropriate multiplier. Always use the appropriate multiplier for the type size.

Headline 1.1 multiplier

Sub-Headline 1.3 multiplier

Body 1.4 multiplier

4.5

Scale and proportion

Different type sizes should always have a relationship to one another. There is no exact rule, but select a base type size in a composition and make all other sizes proportionate to this foundation.

Body 1.4 multplier

4.6

Application

Depending on its placement, the elements can serve a different purpose in a composition. Consider both the audience and application when choosing the right placement. For more informative or direct uses, use corner placements. For more expressive uses, use center placements.

Download All

**Colophon**

v1.01

last update 2025 Oct

This brand guideline was designed and compiled by the internal Coco Design Team.

Typography set in inter.

Layout created in Figma.

Create and run on Framer.

All photography and mockups © 2025 Coco Robotics unless otherwise credited.

Printed / distributed digitally in 2025

For inquiries, contact info@cocodelivery.com
