01 Color palette

Primary color

Orange 1

#EC5B37

Secondary color

Orange 2

#7F58F1

Neutral color

Black

#000000

Dark 90

#202020

Gray 80

#313235

Gray 70

#4F5154

Gray 60

#6A6C71

Gray 50

#86888D

Gray 40

#A6A8AB

Gray 30

#C3C4C6

Gray 20

#E2E3E4

Gray 10

#F4F5F5

02 Typography

Big Paragraph

Big Shoulders Display

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

0123456789 !@#$%^&*()

Display - 96px

H1 - Heading - 80px

Regular Paragraph

Be Vietnam

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

0123456789 !@#$%^&*()

H2 - Heading - 48px

H3 - Heading - 40px

H4 - Heading - 32px

H5 - Heading - 24px

H6 - Heading - 20px

Body 1 - 18px

Body 2 - 16px

Body 3 - 14px

03 Button

04 Spacing

max-width-s

04 Layout

content-align-centre

05 Text Alignment

text-align-centre

Style Guide

01

Color palette