Brand Typefaces
At CGE, we use 2 typefaces in our 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
ABCDEFGHIJKLMN
OPQRSTUVWXYZ
abcdefghijklmn
opqrstuvwxyz
0123456789.&?!$
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
ABCDEFGHIJKLMN
OPQRSTUVWXYZ
abcdefghijklmn
opqrstuvwxyz
0123456789.&?!$
ABCDEFGHIJKLMN
OPQRSTUVWXYZ
abcdefghijklmn
opqrstuvwxyz
0123456789.&?!$
Replacement typefaces – Google Fonts
When creating materials in G Suite software, use the 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.&?!$
ABCDEFGHIJKLMN
OPQRSTUVWXYZ
abcdefghijklmn
opqrstuvwxyz
0123456789.&?!$
Replacement for Secondary typeface – Montserrat
Montserrat is a replacement font for Proxima Nova
Montserrat
ABCDEFGHIJKLMN
OPQRSTUVWXYZ
abcdefghijklmn
opqrstuvwxyz
0123456789.&?!$
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):
The CGE brand identity uses 2 headline styles:
The CGE brand identity uses 2 headline styles:
This Is Headline Style 1
Heading Style 1
Typeface: Proxima Soft Bold
Case: Title Case
Leading: 100%–120%
Tracking: -10pt–10pt
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
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.
The 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.
The 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
Typeface: Proxima Nova
Case: Sentence case
Leading: 120%–160%
Tracking: -10pt–10pt
Paragraph Text
This is a 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.
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
Typeface: Proxima Nova
Case: Sentence case
Leading: 120%–160%
Tracking: -10pt–10pt
Hierarchy Example
Size, scale, and position all play a factor in how we read information. Ensure there is a purposeful difference between different type sizes.
EXPLORATION
AND DISCOVERY
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.
management, worker placement, and
precision deck building in a game of
exploration and discovery.
Type Alignment
In typography, we only use two types of type alignment.
Left Alignment
Central Alignment
Type misuse
This chapter outlines common typographic errors and provides guidelines to ensure that the text remains clear and consistent.
Type misuse examples
Improper tracking
Improper leading
Improper leading
Don’t set headlines in secondary typeface
Usage of non brand typefaces
Mixing headline styles