We're serving cookies...

Cookies help us run our services and make them more tasty. We've posted the full recipe on our Privacy Notice.

Whoa! Wait a minute ... how do I change my cookie settings?

Tap "Got it" if you're OK with cookies...

Got it

1st team handbook Brand book

Font

1st Money is big on keeping things visual.

1st Money uses the same plain sans-serif fonts for all online and print publications.

Also, avoid bold whenever possible.

HomeH1 = Gilroy, Microsoft YaHei New, Microsoft Yahei, Open Sans, Arial, Helvetica, sans-serif 600

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

(.,:;?!$&@*) 0123456789

See code

@include font_h1(111%);

color:          rgb(var(--h1Rgb));
font-weight:    600;
font-size:      111%;
font-family:    Gilroy, Microsoft YaHei New, Microsoft Yahei, Open Sans, Arial, Helvetica, sans-serif, Open Sans, Microsoft YaHei New, Microsoft Yahei, Open Sans, Arial, Helvetica, sans-serif;
line-height:    1.12;
letter-spacing: calc(-1.11rem / 80);
word-spacing:   calc(1.11rem / 16);

H1 = Open Sans 600

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

(.,:;?!$&@*) 0123456789

See code

@include font_h1(111%);

color:          rgb(var(--h1Rgb));
font-weight:    600;
font-size:      111%;
font-family:    Open Sans, Microsoft YaHei New, Microsoft Yahei, Open Sans, Arial, Helvetica, sans-serif;
line-height:    1.12;
letter-spacing: calc(-1.11rem / 80);
word-spacing:   calc(1.11rem / 16);

H2 = Roboto 400

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

(.,:;?!$&@*) 0123456789

See code

@include font_h2(111%);

color:          rgb(var(--h2Rgb));
font-weight:    400;
font-size:      111%;
font-family:    Roboto, Microsoft YaHei New, Microsoft Yahei, Open Sans, Arial, Helvetica, sans-serif;
line-height:    1.6;
letter-spacing: calc(-1.11rem / 200);
word-spacing:   calc(1.11rem / 40);

H3 = Roboto 500

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

(.,:;?!$&@*) 0123456789

See code

@include font_h3(111%);

color:          rgb(var(--h3Rgb));
font-weight:    500;
font-size:      111%;
font-family:    Roboto, Microsoft YaHei New, Microsoft Yahei, Open Sans, Arial, Helvetica, sans-serif;
line-height:    1.6;
letter-spacing: calc(-1.11rem / 200);
word-spacing:   calc(1.11rem / 40);

P = Roboto 400

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

(.,:;?!$&@*) 0123456789

See code

font-weight:    400;
font-size:      111%;
font-family:    Roboto, Microsoft YaHei New, Microsoft Yahei, Open Sans, Arial, Helvetica, sans-serif;
line-height:    1.6;

Portal = Open Sans 400

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

(.,:;?!$&@*) 0123456789

See code

@include font_paragraphPortal(111%);

color:          rgb(var(--paragraphPortalRgb));
font-weight:    400;
font-size:      111%;
font-family:    Open Sans, Microsoft YaHei New, Microsoft Yahei, Open Sans, Arial, Helvetica, sans-serif;
line-height:    1.6;

Was this page helpful?

Dates and time Icons