Primary Typeface
Overview
Inter (V4) is the typeface we use as our primary brand typeface. Here’s an excerpt from the official Inter website that explains why it’s the perfect font for CoinGecko:
“Inter is a workhorse of a typeface carefully crafted & designed for a wide range of applications, from detailed user interfaces to marketing & signage.
The Inter typeface family features over 2000 glyphs covering 147 languages.”
When using Inter V4, we should ideally utilize the variable font file version within applications whenever possible. This is important for performance reasons and avoids having to load & serve many different individual font files.
Download Inter (V4) from the official site
![](https://brand.coingecko.com/~gitbook/image?url=https%3A%2F%2F3936590801-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FuBDUa2ODcAkHHV15nEGc%252Fuploads%252FfIRuO9qtp4dhYBCD4T7V%252FType%2520Light.png%3Falt%3Dmedia%26token%3Da1742401-8f7d-479e-82cd-de455e430426&width=768&dpr=4&quality=100&sign=6b8afd88&sv=1)
![](https://brand.coingecko.com/~gitbook/image?url=https%3A%2F%2F3936590801-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FuBDUa2ODcAkHHV15nEGc%252Fuploads%252FE8OWgNybkTybH9aeZUHC%252FType%2520Dark.png%3Falt%3Dmedia%26token%3D30f83849-caf9-4daa-87cf-5cb5d9cf25e9&width=768&dpr=4&quality=100&sign=45173824&sv=1)
![](https://brand.coingecko.com/~gitbook/image?url=https%3A%2F%2F3936590801-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FuBDUa2ODcAkHHV15nEGc%252Fuploads%252FulF2EsPKyTpR797e5szA%252FType%2520Green.png%3Falt%3Dmedia%26token%3De92d43cb-c8d4-41e6-8577-2baf7bca4ecc&width=768&dpr=4&quality=100&sign=dc85e752&sv=1)
Usage
When using Inter V4, we should ideally utilize the variable font file version within applications whenever possible. This is important for performance reasons and avoids having to load & serve many different individual font files.
For Display & Heading styles, avoid long sentences. If your text is longer than 15 words, it's probably best to use another type style.
Default to lowercase & sentence case. Use title case only if required and avoid all caps.
Never use fully justified. Avoid hyphenating text where possible.
![](https://brand.coingecko.com/~gitbook/image?url=https%3A%2F%2F3936590801-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FuBDUa2ODcAkHHV15nEGc%252Fuploads%252Fz598ezOBeOkdi7GXqSAD%252FType%2520Sample%2520Light.png%3Falt%3Dmedia%26token%3D89e493fc-710d-4cc6-b3d1-07716fe40dbc&width=768&dpr=4&quality=100&sign=7c99d254&sv=1)
![](https://brand.coingecko.com/~gitbook/image?url=https%3A%2F%2F3936590801-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FuBDUa2ODcAkHHV15nEGc%252Fuploads%252FJHHJbQIPF16HJdaXd9Uz%252FType%2520Sample%2520Dark.png%3Falt%3Dmedia%26token%3D795d24a1-858d-4b7c-bd6d-20453bb0c35a&width=768&dpr=4&quality=100&sign=ccb83a01&sv=1)
Character Variants
![](https://brand.coingecko.com/~gitbook/image?url=https%3A%2F%2F3936590801-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FuBDUa2ODcAkHHV15nEGc%252Fuploads%252FYMHGKDu06Dkp2cG1pnum%252FCharacter%2520Variants.png%3Falt%3Dmedia%26token%3D55a252e5-4426-41d2-bf7d-30e13977eb43&width=768&dpr=4&quality=100&sign=e7f8df6f&sv=1)
![](https://brand.coingecko.com/~gitbook/image?url=https%3A%2F%2F3936590801-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FuBDUa2ODcAkHHV15nEGc%252Fuploads%252F11gRyQZAfJI9Od0FQFeQ%252FChar%2520Var%2520Code.png%3Falt%3Dmedia%26token%3D076a822d-3adc-426e-be3e-ebee081cb860&width=768&dpr=4&quality=100&sign=a6416f07&sv=1)
We turn on a few of the special characters variants within the font to help our usage of Inter stand out and fit our brand aesthetic.
Reach out to someone from the CG design team if if you’re having trouble enabling any of the specified character variants.
Tabular Numbers
![](https://brand.coingecko.com/~gitbook/image?url=https%3A%2F%2F3936590801-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FuBDUa2ODcAkHHV15nEGc%252Fuploads%252Fuh3For9YZgRiHahzRWhA%252FTabular%2520Numbers.png%3Falt%3Dmedia%26token%3D1b421d1b-466e-4fc8-9fc4-be5e4af318e8&width=768&dpr=4&quality=100&sign=df569e95&sv=1)
![](https://brand.coingecko.com/~gitbook/image?url=https%3A%2F%2F3936590801-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FuBDUa2ODcAkHHV15nEGc%252Fuploads%252Fnewm9GxOOseAqYZ1BfCc%252FTabular%2520Numbers%2520Code.png%3Falt%3Dmedia%26token%3D3aaa0e24-f8f4-444f-8caa-b750f2ceaa91&width=768&dpr=4&quality=100&sign=cfe456ce&sv=1)
Due to the nature of our product which display lots of numerical data in tabular format, we highly recommend the use of tabular numbers (tnum) within the Inter V4 typeface for:
Easy scanning
Neater UI
Uniform column widths.
If table column widths become too wide, we recommend adding a -3% (-0.03em) letter spacing property to ensure good readability while maintaining the other benefits offered by tabular numbers.
Last updated