Typography

From bold and powerful headings, to sleek and elegant body text. The Montserrat and Lato font families truly embody what the brand stands for and complement the other branding elements perfectly.

Below you will find the downloads and information necessary to properly apply our typography.

Downloads


How to use

Headings

All large Kongsberg PCS headings should be set in Montserrat SemiBold, as all caps(*). The color for headings should be set to Spruce Blue on light backgrounds, or white on dark backgrounds. If parts of the heading need to be highlighted, set the text color to Apricot Orange for the highlighted parts. Never set the font weight for Montserrat type to anything else than SemiBold.

The smaller (sub)headings need to be set in Lato Heavy, as mixed-case. These smaller headings should be set to Spruce Blue on light backgrounds, or white on dark backgrounds. Highlighting should also be achieved by applying the Apricot Orange color where needed.

(*) For longer headings that would span 3 or more lines, it is allowed to use Lato Heavy in mixed-case instead.


Text

The body copy should be set in Lato Regular, as mixed-case. When set on light backgrounds, the color of the body text should be set to 80% Spruce Blue. When set on dark backgrounds, the color of the body text should be set to either white or 20% Spruce Blue. Highlights in the body copy should be achieved by setting the font weight to Heavy, with the font color set to 100% Spruce Blue or 100% white.

Set the font weight to Heavy for interactive text elements, with the color set to Spruce Blue for light backgrounds or white for dark backgrounds. Links should be underlined with a thick, solid orange line underneath.

Brand guide: Examples

Summary
  • Headlines: Montserrat SemiBold - All caps - Spruce Blue or white
  • Sublines & toplines: Lato Heavy - Mixed-case - Spruce Blue or white
  • Highlights in headlines, sublines & toplines: Apricot Orange
  • Body text: Lato Regular - Mixed-case - 20% or 80% Spruce Blue, or white
  • Highlights in body text: Lato Heavy - Mixed-case - Spruce Blue, or white
  • Interactive text elements: Lato Heavy - Mixed-case - Spruce Blue or white - Thick, solid, orange underline
  • Buttons: Lato Heavy, Mixed-case, white text on Orange rectangle with rounded corners

Exemptions

In some cases it might not be possible to use Montserrat and/or Lato due to limitations in compatibility (i.e. HTML emails, Office apps, etc.). For these situations the font family Arial should be used for both headings and body text.

The font styles and colors remain largely the same as with Montserrat and Lato (with SemiBold and Heavy turning into Bold), apart from the large headings, which should become mixed-case instead of all caps.

Unforgivable curses


Brand guide: Unforgivable typography sin

Headings in Montserrat with the incorrect font weight or in mixed-case or small caps


Brand guide: Unforgivable typography sin

Randomly highlighting the initial character of a word or sentence in orange. This is treatment is exclusive to the "K" logomark


Brand guide: Unforgivable typography sin

Using all caps for body text