Brand & Logo Guidelines
Use the guidelines below to ensure the Oncord brand remains consistent.
Our Logo | Our Brand Colours | Our Brand Font | Writing Style | Button Styles
Use the guidelines below to ensure the Oncord brand remains consistent.
Our Logo | Our Brand Colours | Our Brand Font | Writing Style | Button Styles
The Oncord logo should only be modified by authorized members of our team. No attempt should be made to redraw or modify our logo from the original. If you require our logo to be modified to suit your specific use case, please contact us for assistance.
Our logo should never appear pixelated, stretched, squashed, or skewed.
Ensure a minimum clear space around the logo equal to half of the "O" character.
Where our logo becomes too small to read (roughly 80px width), use the glyph "on" version as an alternative.
Primary Logo to be used wherever possible.
Primary Logo reversed for use on a dark background.
Glyph Logo reversed
Glyph Logo
Oncord's colour palette is primarily constructed around the brand blue specified below. A monochromatic colour scheme based on the brand blue is used in most cases (shades / tints of our brand blue). Use of calculated tints and shades based on other colours is acceptable.
Other brand colours may be used for association with our partner program, or to associate the interface with features of our software (more below). In order to maintain a professional appearance when using secondary colours, try to limit the number of colours which appear in a single graphic or interface.
Use as a primary colour.
HEX #4095F0
rgb(64, 149, 240)
Use as a secondary colour, for association with Oncord agencies.
HEX #1D254B
rgb(29, 37, 75)
A neutral colour used as a substitute for perfect black.
HEX #0A1C2A
rgb(10, 28, 42)
Use in moderation, to associate elements with the Commerce features of Oncord.
HEX #4FC0B0
rgb(79, 192, 176)
Use in moderation, to associate elements with the Marketing features of Oncord.
HEX #FCB521
rgb(252, 181, 33)
Use in moderation, to associate elements with the Contact features of Oncord.
HEX #BA4699
rgb(186, 70, 153)
Use to distinguish elements from perfect white.
HEX #F7F9FC
rgb(247, 249, 252)
Use to distinguish elements from white, or off-white.
HEX #C9CFD7
rgb (201, 207, 215)
Body: The typeface for use as a general body font throughout our website, advertising collateral and application is "Roboto" by Christian Robertson. Selected due to its natural reading rhythm and excellent legibility.
Headings: The typeface for use with most headings is "Comfortaa", a rounded geometric type design by Johan Aakerlund. Selected due to its complementary features to the Oncord logo. Use a slight reduction in letter spacing equal to roughly 1px of H1 size.
Color: #52587A
Weight: Bold 700, 400
Family: Comfortaa
To be successful online you need your website, customer data and digital marketing tools to work together seamlessly. That's what
Oncord is all about. Oncord is an all-in-one website platform that provides the features you need to run a professional website,
communicate with your customers, and sell online.
Color: #494f6e
Weight: 400
Family: Roboto
To be successful online you need your website, customer data and digital marketing tools to work together seamlessly. That's what
Oncord is all about. Oncord is an all-in-one website platform that provides the features you need to run a professional website,
communicate with your customers, and sell online.
Color: #6b7194
Weight: 400
Family: Roboto
To be successful online you need your website, customer data and digital marketing tools to work together seamlessly. That's what Oncord is all about. Oncord is an all-in-one website platform that provides the features you need to run a professional website, communicate with your customers, and sell online.
Color: #494f6e
Weight: 400
Family: Roboto
To be successful online you need your website, customer data and digital marketing tools to work together seamlessly. That's what Oncord is all about. Oncord is an all-in-one website platform that provides the features you need to run a professional website, communicate with your customers, and sell online.
Color: #5c638a
Weight: 400
Family: Roboto
To be successful online you need your website, customer data and digital marketing tools to work together seamlessly. That's what Oncord is all about. Oncord is an all-in-one website platform that provides the features you need to run a professional website, communicate with your customers, and sell online.
Subtitle: The complete website and digital marketing platform. Simple, secure and connected.
Weight: 300
Family: Roboto
"Title case" is to be used for headings and subheadings. Most words should be capatalized, with the exceptions of conjunctions (and, but, or, so, for, nor, yet), articles (a, an, the), and short prepositions (to, in, on, of). Capitalize the first and last words of a title in title case.
Here are some examples:
As an exception, longer headings of 6+ words may seem too informal if title case is used. In this case, just capitalize the first word of the title and nothing else - like a regular sentence.
Primary Button Style
Secondary Button Style
Small Button Style
Need Something Else?
