PlanetScale Brand

Typography

Last modified

Fonts

  • Inter is our primary brand font used for headings (Semi Bold, Medium) and body text (Regular).
  • Roboto Mono is used in code snippets whenever possible.

If you need help installing the files, please review Apple's official guide.

Details

Roboto Mono

Caveat

The marketing website uses your system’s default monospace font (SF Mono on OSX) due to a spacing bug in Roboto Mono that does not allow for correct rendering of ASCII diagrams. If you don’t need an ASCII diagram in your asset, use Roboto Mono.

Weights

  • Use Regular (400), Medium (500), and SemiBold (600) weights
  • Avoid Bold (700)

Inter usage

Weights

  • Use Regular (400), Medium (500), and SemiBold (600) weights
  • Avoid Bold (700)

OpenType options

Marketing contexts differ from Product contexts here. While both applications use Inter as the primary font, Marketing leverages a disambiguated characterset for improved readability and an additional style flourish.

Enable the following OpenType options in Marketing contexts:

  • In design programs 🎨
    • Stylistic sets: ✔ “Disambiguation without slashed zero”
    • Character variants: ✔ “Open six” ✔ “Open nine”
  • On the web 💻
    • font-feature-settings: 'ss04', 'cv03', 'cv04'

If you are using a program that doesn’t support OpenType options (like Keynote or After Effects), you may use a custom version of Inter we have exported with these settings enabled by default called InterCore.

This website you’re reading right now doesn’t use these settings, but it should. 🤭

Sizing

  • Generally, headings are tracked with ~.05em negative letter-spacing and leading is set to 100% line-height.
  • Body copy for marketing purposes is 16px with loose leading set to 162.5% line-height.