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.
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.
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
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
Please use desktop to view the guideline
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