Logos
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.
Colors
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.
BALL BLUE
42, 183, 202
COLUMBIA BLUE
201, 218, 234
TOMATO
240, 100, 73
Typography
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
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 !@#$%^&*()
Roboto is our primary body font and used in myriad places across the website and elsewhere.
Spectral
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 !@#$%^&*()
Spectral is a heading font and primarily used as the H1 font on blog posts here.
Barlow Semi Condensed
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 !@#$%^&*()
Barlow is a secondary font used primarily in footnotes and asides.
Web Styles
Our online style guide includes the following elements.
Heading 1
Heading 2
Heading 3
Heading 4
This is a quote
This is code
Article Headline
Article subheadline
This is paragraph text. This is bold. This is italic. And this is a link