Background Color

Block

Sử dụng class bg-color-primary

Block

Sử dụng class bg-color-secondary

Block

Sử dụng class bg-color-pastel

Block

Sử dụng class bg-color-dark

Text Color

Sử dụng class color-primary

Sử dụng class color-secondary

Sử dụng class color-orange

Typogarphy

Headline sử dụng class text-x1

Headline sử dụng class text-x2

Headline sử dụng class text-x3

Headline sử dụng class text-x4

Headline sử dụng class text-x5
Headline sử dụng class text-x6

Button Style

Button OutlineButton Outline with icon

Sử dụng tổ hợp class "button button--outline"

Button DefaultButton Default with icon

Sử dụng tổ hợp class "button button--default"

Card

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Sử dụng class card

Background Skew

Sử dụng tổ hợp class "bg-skew-top bg-dark-color " cho section

sử dụng tổ hợp class "bg-skew-bottom bg-dark-color" cho section

sử dụng tổ hợp class "bg-skew-top bg-transparent" cho section

sử dụng tổ hợp class "bg-skew-bottom bg-transparent" cho section