Socrates Brand Centre
Socrates Brand Centre

Typography

Typography

Typography plays a pivotal role in shaping a brand's identity and conveying its message to the world. Beyond the aesthetics, typography is the visual language that can evoke emotions, establish credibility, and communicate a brand's personality. The choice of fonts, styles, and spacing can instantly signal whether a brand is modern and innovative, traditional and trustworthy, or somewhere in between.


Consistency in typography across various brand materials, from logos to marketing collateral, fosters recognition and builds trust among customers. In essence, typography isn't just about letters and characters; it's the voice of a brand, a silent yet powerful ambassador that helps create a lasting and memorable impression.

Our brand typographies

In Socrates we use a variety of fonts and each one has a very important and defined use, this guide will help you differentiate them and use them appropriately


Our brand fonts are Staatliches, DM Sans and Noto Sans SC.

Headlines

For headlines, titles and other large texts this table will give you guidance.


We use a combination of Staatliches and DM Sans.

Headline

Sample

Properties

H1

Welcome!

font-family: Staatliches;

font-size: 80~100px;

font-style: normal;

font-weight: 400;

line-height: 110%;

H2

Think, debate!

font-family: DM Sans;

font-size: 30~50px;

font-style: normal;

font-weight: 700;

line-height: normal;

letter-spacing: -2px;

H3

Want to read our whitepaper?

font-family: DM Sans;

font-size: 27px;

font-style: normal;

font-weight: 700;

line-height: normal;

letter-spacing: -1px;

H4

Join the discussion on Discord

font-family: DM Sans;

font-size: 22px;

font-style: normal;

font-weight: 400;

line-height: normal;

Content

For different types of content copy, this table will give you proper guidance.


We use a combination of DM Sans and Noto Sans SC

Headline

Sample

Properties

Body copy

The quick brown fox jumps over the lazy dog

font-family: DM Sans;

font-size: 16~22px;

font-style: normal;

font-weight: 400;

line-height: normal;

Eyebrow

1st Principle

font-family: DM Sans;

font-size: 28px;

font-style: normal;

font-weight: 400;

line-height: normal;

Button labels

Sign up using wallet

font-family: Noto Sans SC;

font-size: 18px;

font-style: normal;

font-weight: 700;

line-height: normal;

Quotes

“Stay hungry. Stay foolish.”

font-family: DM Sans;

font-size: 16~22px;

font-style: italic;

font-weight: 400;

line-height: normal;

Product / App

For our products and and apps and any other UI text that is not a website we use Noto Sans SC.


We use this font as it has a big variety of weights in Chinese so it has a good contrast.

Here are all the different weights for Noto Sans SC font with some letter examples.

Thin

Where am I going?

我要去哪里?

AaBbDdEeGgMmOoRrSs

1234567890!?()[]{}@$#%

Light

Where am I going?

我要去哪里?

AaBbDdEeGgMmOoRrSs

1234567890!?()[]{}@$#%

DemiLight

Where am I going?

我要去哪里?

AaBbDdEeGgMmOoRrSs

1234567890!?()[]{}@$#%

Regular

Where am I going?

我要去哪里?

AaBbDdEeGgMmOoRrSs

1234567890!?()[]{}@$#%

Medium

Where am I going?

我要去哪里?

AaBbDdEeGgMmOoRrSs

1234567890!?()[]{}@$#%

Bold

Where am I going?

我要去哪里?

AaBbDdEeGgMmOoRrSs

1234567890!?()[]{}@$#%

Black

Where am I going?

我要去哪里?

AaBbDdEeGgMmOoRrSs

1234567890!?()[]{}@$#%

Advertising & Comms

We have a special font that our CEO loves (we too!) and honestly is such an elegant font that the design team is happy to include it as an exception with very specific uses cases that we'll explain below.

This font is only allowed to be used for advertising and printed media such as invitations, flyers, etc…

Due to it's creative nature it can't and shouldn't be used for user interfaces or long paragraphs of texts in printed formats.

It works very well for titles and hero headlines, also for titles on video produced material.

Example of one of our promotional posters.

Example of printed/digital event invitation.

Still frame from one of our promotional videos.