Typography

Our typography has been custom designed to establish both a voice for our brand and to help give our interfaces clear structure.

MYOB worked with Durotype to help design us a customised verion of their Neutro typeface so it could be used for marketing and print collateral through to UI work in our products.

The MYOB typeface is ‘NeutroMYOB’ and our font stack is: “NeutroMYOB”, -apple-system, BlinkMacSystemFont, “Segoe UI”, Roboto, “Helvetica Neue”, Arial, sans-serif.

Our default font weight is font-weight: 400 or ‘Normal’.

Typographic Scale

The typographic scale illustrated below is for all our browser-based products. You will note that they might appear smaller than the typographic scale used throughout Feelix. This is due to a very different purpose between what Feelix demonstrates vs the UI of our browser based products.

Our headings have a font weight of font-weight: 500 or ‘Medium’.

Example
H1
24px
1.25 line height
H2
18px
1.25 line height
H3
16px
1.25 line height
H4
14px
1.25 line height
H5
13px
1.25 line height
p
13px
1.5 line height
Small
12px
1.5 line height

Paragraph

Example

Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean. A small river named Duden flows by their place and supplies it with the necessary regelialia.

It is a paradisematic country, in which roasted parts of sentences fly into your mouth. Even the all-powerful Pointing has no control about the blind texts it is an almost unorthographic life One day however a small line of blind text by the name of Lorem Ipsum decided to leave for the far World of Grammar.

Unordered list

Example
  • Wafer powder sweet roll cake icing sweet roll marshmallow I love.
  • Gummies pudding I love lemon drops dragée powder pie.
  • Ice cream fruitcake topping chocolate. Halvah powder sweet roll marzipan.
  • Cake icing gingerbread chupa chups.

Ordered list

Example
  1. Wafer powder sweet roll cake icing sweet roll marshmallow I love.
  2. Gummies pudding I love lemon drops dragée powder pie. Macaroon cake chocolate jujubes.
  3. Ice cream fruitcake topping chocolate. Halvah powder sweet roll marzipan.
  4. Cake icing gingerbread chupa chups.