Typography
These match gravitykit.com exactly.
| Use | Font | Weight | Size | Notes |
|---|---|---|---|---|
| Heading 1 | GK Norm | SemiBold (600) | 40 to 60px | Letter spacing −1px, line height 1.25 |
| Heading 2 | GK Norm | SemiBold (600) | 28 to 36px | Letter spacing −1px, line height 1.25 |
| Heading 3 | Eudoxus Sans | SemiBold (600) | 24 to 30px | Line height 1.25 |
| Heading 4 | Eudoxus Sans | SemiBold (600) | 20 to 24px | |
| Body text | Eudoxus Sans | Regular (400) | 16 to 18px | Line height 1.66 |
| Small label | GK Norm | Bold (700) | 12px | Uppercase, letter spacing 1px |
| Buttons | Eudoxus Sans | ExtraBold (800) for the main button | 16 to 18px | 4px corners |
Sizes grow with the screen between the two numbers.
Fonts
- GK Norm is GravityKit's repaired build of Norm Sans, with accented letters, curly quotes and arrows added. It is free under the SIL Open Font License. On a website, name the family
Normto match gravitykit.com. - Eudoxus Sans is free under the ITF Free License.
Both are in this kit: OTF or TTF for design tools, WOFF2 for websites.
Rules
- Use GK Norm only for big headings and small labels. Body text is always Eudoxus Sans.
- Never set the GravityKit wordmark in either font; use the logo files.
- Links are raspberry (
#D91556), medium weight.