Get Started Get Started

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

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.

Download Logo Kit Download Logo Kit


Primary Logo to be used wherever possible.

Primary Logo reversed for use on a dark background.

Glyph Logo reversed

Glyph Logo



Our Brand Colours

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. 

Blue

Use as a primary colour.

HEX #4095F0
rgb(64, 149, 240)

Dark Blue

Use as a secondary colour, for association with Oncord agencies.

HEX #1D254B
rgb(29, 37, 75)

Black

A neutral colour used as a substitute for perfect black.

HEX #0A1C2A
rgb(10, 28, 42)

Turquoise

Use in moderation, to associate elements with the Commerce features of Oncord.

HEX #4FC0B0
rgb(79, 192, 176)

Orange

Use in moderation, to associate elements with the Marketing features of Oncord.

HEX #FCB521
rgb(252, 181, 33)

Red Violet

Use in moderation, to associate elements with the Contact features of Oncord.

HEX #BA4699
rgb(186, 70, 153)

Off-white

Use to distinguish elements from perfect white.

HEX #F7F9FC
rgb(247, 249, 252)

Grey

Use to distinguish elements from white, or off-white.

HEX #C9CFD7
rgb (201, 207, 215)

Our Brand Fonts

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.

Heading One, The Biggest

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.

Heading Two

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.

Heading Three

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.

Heading Four

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.

Heading Five

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

Writing Style

Capitalize Most Words in Titles

"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.

Button Styles

Primary Button Style

Get Started Get Started

Secondary Button Style

Explore Features Explore Features

Small Button Style

 Watch Video  Watch Video

Need Something Else?

Contact Us Contact Us