Writing

    Principles

  1. Accessible content

  2. Style and tone

    3. General guidelines

  3. Link text

  4. Formatting

  5. UI elements

  6. Language

  7. Attribution

  8. File names

  9. Punctuation

    10. Task-specific guidelines

  10. In-depth articles

  11. File structure

  12. How-to documentation

    13. Images

    Image optimisation

  13. Image optimisation

    14. Logos

  14. Logos

    15. Colour

    Accessible colours

  15. Accessible colours

    16. Typography

    Fonts

  16. Fonts

System fonts

In the UI we use the fonts native to the user’s operating system.

$system-fonts: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;

The logo font is from the Mont family: Bold with optical kerning for the light logo, with Semi Bold used with a 0.5pt stroke and manual kerning for the dark logo to counter the irradiation illusion.

Dark logo, using the lighter Mont Semi Bold and adjusted mark (download svg)

We chose this font for its symmetry, consonance between letter forms, its simplicity and boldness. We use this font elsewhere in applications of our identity, such as the website.

Non-UI body text

We use DM Sans, the Google web font.

Schedule a call to see Consonance in action and discuss your own situation. If you have your data in the ONIX format, send it over and we'll import it, to make the call particularly interesting.

Contact us