Visual Identity
typography

Typography

This chapter delves into our chosen typefaces, providing guidelines on their appropriate use to maintain consistency, readability, and visual appeal across all brand communications.
brand typefaces
replacement typefaces
Typographic Hierarchy
Alignment
Type Misuse

Brand Typefaces

CGE utilizes 2 typefaces in its visual identity system. Proxima Soft and Proxima Nova.

Primary Typeface: Proxima Soft Bold

The primary typeface Proxima Soft underscores CGE's playful and informal personality with its casual design. We use Proxima Soft for headings H1 to H3.
Proxima Soft
Proxima Soft
ABCDEFGHIJKLMN
OPQRSTUVWXYZ
abcdefghijklmn
opqrstuvwxyz
0123456789.&?!$

Secondary Typeface: Proxima Nova

Proxima Nova is proportionally similar to Proxima Soft but due to its classic design, it is more suitable for setting longer texts. We use Proxima Nova for headings from level H4 and for setting longer paragraphs of text.
Proxima Nova
Proxima Nova
ABCDEFGHIJKLMN
OPQRSTUVWXYZ
abcdefghijklmn
opqrstuvwxyz
0123456789.&?!$

Replacement typefaces: Google Fonts

When creating materials in G Suite software, use following replacement Google Fonts

Replacement for primary typeface: Quicksand Bold

Quicksand Bold is a replacement font for Proxima Soft
Quicksand
ABCDEFGHIJKLMN
OPQRSTUVWXYZ
abcdefghijklmn
opqrstuvwxyz
0123456789.&?!$

Replacement for Secondary typeface: Montserrat

Montserrat is a replacement font for Proxima Nova
Montserrat
Montserrat
ABCDEFGHIJKLMN
OPQRSTUVWXYZ
abcdefghijklmn
opqrstuvwxyz
0123456789.&?!$

Typographic Hierarchy

Establishing a clear and consistent typographic hierarchy is essential for guiding the reader's attention and enhancing the overall readability of your brand's communication materials.

Headlines

When setting type in headlines, the leading should be consistent across various applications. Leading refers to the space between lines of text. Leading can be calculated with the following formulas. Type sizes are for example only.

CGE Brand identity utilizes 2 headline styles.
This Is Headline Style 1
Heading Style 1
Typeface: Proxima Soft Bold
Case: Title Case
Leading: 100% – 120%
Tracking: -10pt – 10pt
This Is headline Style 2
Heading Style 2
‍Typeface: Proxima Soft Bold
Case: UPPERCASE
Leading: 100% – 120%
Tracking: -10pt – 10pt

Body Copy

Thoughtful body copy typesetting makes text blocks look better — but more importantly, it makes them easier to read. Use Proxima Nova Bold for subheadlines and Proxima Nova Regular for all long form copy.

CGE brand identity utilizes 2 types of long text. Intro text is used for short descriptions or excerpts. Paragraph text is used for longer body texts.

Intro text

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.
Intro Text
‍Typeface: Proxima Nova
Case: Sentence case
Leading: 120% – 160%
Tracking: -10pt – 10pt

Paragraph Text

This is subheadline
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.
Paragraph Text
Typeface: Proxima Nova
Case: Sentence case
Leading: 120% – 160%
Tracking: -10pt – 10pt

Hierarchy Example

Size, scale, and position all play a factor in how information is read. Ensure there is a purposeful difference between different type sizes.
EXPLORATION
AND DISCOVERY

Become the leader of
your own expedition!

Lost Ruins of Arnak combines resource
management, worker placement, and
precision deck building in a game of
exploration and discovery.

Type Alignment

In typography we use only two types of type alignment.

Left Alignment

Central Alignment

Type misuse

Understanding and avoiding type misuse is crucial for maintaining the integrity and professionalism of your brand's visual identity. This chapter outlines common typographic errors and provides guidelines to ensure your text remains clear, consistent, and effective.

Type misuse examples

Improper tracking

Improper leading

Improper leading

Don’t set headlines in secondary typeface

Usage of non brand typefaces

Mixing headline styles

Colors
Visual Elements