Design System

por V4 Company | Colli&Co

Cores

Main Color

HEX #182230

Darker

HEX #CAA96F

Lighter

HEX #232E3E

Subtle

HEX #475467

Tipografia

Aa

Sora

Display 1

Font-family: Sora
Font-size: 48px
Font-weight: Extra Light
Line-height: 1.3em

Display 2

Font-family: Sora
Font-size: 40px
Font-weight: Extra Light
Line-height: 1.3em

Heading 1

Font-family: Sora
Font-size: 44px
Font-weight: Bold
Line-height: 1.3em

Heading 2

Font-family: Sora
Font-size: 36px
Font-weight: Bold
Line-height: 1.3em

Heading 3

Font-family: Sora
Font-size: 28px
Font-weight: Bold
Line-height: 1.3em

Heading 4

Font-family: Sora
Font-size: 24px
Font-weight: Bold
Line-height: 1.3em

Heading 5

Font-family: Sora
Font-size: 20px
Font-weight: Bold
Line-height: 1.3em

Heading 6

Font-family: Sora
Font-size: 16px
Font-weight: Bold
Line-height: 1.3em

Lead Paragraph

Font-family: Sora
Font-size: 22px
Font-weight: Regular
Line-height: 1.5em

Body Large

Font-family: Sora
Font-size: 20px
Font-weight: Regular
Line-height: 1.7em

Body Medium

Font-family: Sora
Font-size: 18px
Font-weight: Regular
Line-height: 1.7em

Body Normal

Font-family: Sora
Font-size: 16px
Font-weight: Regular
Line-height: 1.7em

Body Small

Font-family: Sora
Font-size: 14px
Font-weight: Regular
Line-height: 1.7em