ONA has one primary logo, with two versions, and a circular icon. The full main logo should be used in all circumstances, with the white version reserved for dark backgrounds.
The official ONA color is Deep Koamaru and our secondary color is Ball Blue. Users will see these colors most often in our branding. Sage is used as an ONA Local color, while Tomato is an action color—used for buttons and calls to action.
42, 183, 202
201, 218, 234
240, 100, 73
We use three typefaces as part of the ONA brand — Roboto, Spectral and Barlow Semi Condensed. All three are Google Fonts so they can be used in our internal documents as well.
Roboto is our primary body font and used in myriad places across the website and elsewhere.
Spectral is a heading font and primarily used as the H1 font on blog posts here.
Barlow Semi Condensed
Barlow is a secondary font used primarily in footnotes and asides.
Our online style guide includes the following elements.
This is a quote
This is code
This is paragraph text. This is bold. This is italic. And this is a link