BOSS Money essentials

Overview

The primary BOSS Money logo comes in two orientations horizontal and vertical, which can be used interchangeably as needed for the layout.

Aside from the brand colors, the logo is the main element that ties BOSS products and marketing materials together.

Text use

Always use BOSS word in all uppercase for all brand related graphic, marketing and UI works.

✅ BOSS Money

❌ Boss money

❌ BOSS money

Clear space

Using the “O” from “BOSS” we can clear out some space for the logo to allow it to breathe. Due to the italics and uneven nature of the fist, the placement of the “O” can be a bit tricky.

However, this spacing is already built into the PNG and EPS files.

Incorrect use of logo

🚫 Do not scale disproportionately

🚫 Do not skew

🚫 Do not change
the logotype.

🚫 Do not use the objects separately (excl. app icon)

🚫 Do not modify the colors

🚫 Do not modify any paths (ex. fingers)

🚫 Do not modify the proportions

🚫 Do not add imagery to the dollar bill

🚫 Do not add imagery to the logo

🚫 Do not replace the fist with imagery

BOSS Money colors

Small disclaimer: if you’re looking for our design systems in Figma, you can click here for the IDT Design system (flutter) and IDT Web Design System files.

Main colors for BOSS Money

Primary color

#2AAA5B

rgb(42, 170, 91)

cmyk(75%, 0%, 46%, 33%)

Title color

#1C1C1E

rgb(28, 28, 30)

cmyk(7%, 7%, 0%, 88%)

BOSS Money Bg

#F8F8F8

rgb(248, 248, 248)

cmyk(0%, 0%, 0%, 3%)

BOSS Money primary color set

BM 99 #F2FFF7

BM 98 #DFF9E9

BM 95 #D2EEDD

BM 90 #99E7B8

BM 80 #65DE88

BM 70 #47C16F

BM 60 #3AC06E

BM 50 #2AAA5B

BM 40 #006D34

BM 35 #00602D

BM 30 #225C39

BM 25 #00451F

BM 20 #003918

BM 15 #00210B

BM 10 #00210B

BM 5 #001506

Neutral color set

This is for the content, UI design and all sorts of presentation purposes.

Title #27272A

Body #3F3F46

Secondary #52525B

Tertiary #71717A

Disabled #A1A1AA

Border #D4D4D8

Subtle #E4E4E7

Extra subtle #F5F5F5

Background #FDFDFD

Attention color set

[50] is the main color

99 #F6F6F9

98 #F2F2F6

95 #F5F2FF

90 #ECE8FA

80 #DDD9F6

70 #BCBAFF

60 #8B7CFF

50 #6B5BF5

40 #5242DC

35 #3E28C2

30 #250FA9

25 #13008A

20 #00006C

15 #000064

10 #000064

5 #060036

Promotion color set

[60] is the main color

99 #FFFDF7

98 #FFFDF4

95 #FFF9DC

90 #FFF2B0

80 #FFE877

70 #FFE150

60 #FFD400

50 #EBC300

40 #D5B100

35 #BB9B00

30 #9D8200

25 #705D00

20 #433800

15 #2A2300

10 #2A2300

5 #1F1A00

Warning color set

[60] is the main color

99 FFFAF8

98 #FFF8F7

95 #FFEFE6

90 #FFCFB3

80 #FFAE80

70 #FF8E4D

60 #FF7722

50 #E65400

40 #B34100

35 #A73E00

30 #802F00

25 #792D02

20 #662500

15 #4E0D00

10 #331300

5 #1B0A00

Success color set

[60] is the main color

99 #EBFAEC

98 #EFFFF0

95 #E0FFE3

90 #CCFFD1

80 #AAFDB2

70 #82F78D

60 #4CD964

50 #2FBC47

40 #1AA732

35 #008914

30 #005D00

25 #004100

20 #003300

15 #162811

10 #162811

5 #001900

Info color set

[50] is the main color

99 #FDFCFF

98 #F9F9FF

95 #EBF1FF

90 #D5E3FF

80 #A6C8FF

70 #A6C8FF

60 #5592E3

50 #0075D6

40 #0D5FAD

35 #00539B

30 #004786

25 #003C72

20 #00315F

15 #001C3B

10 #001C3B

5 #001128

Error color set

[50] is the main color

99 #FFFBFF

98 #FFF8F7

95 #FFEDEA

90 #FFDAD5

80 #FFB4AA

70 #FF8A7C

60 #FF5447

50 #EA1D1D

40 #C0000D

35 #A9000A

30 #930007

25 #7E0005

20 #690003

15 #540002

10 #410001

5 #2D0001

Typography

We use IDT Sans font for all of our marketing materials, graphic and UI works. Click here to go to the google drive for the font family folder.

Font use

When using the IDT Sans font, please refrain from using the black and extrablack fonts, they’re to be used when the font size is enormous and for rare cases.

Normal

Medium

Demibold

Bold

Extrabold

❌ Black

❌ Extrablack

Spacing

Make sure that the font has negative letter spacing for better readability.

Bigger your font size, bigger the negative letter spacing.