Style Guide V3

Background Color

Sử dụng class .bg-color-primary

Sử dụng class .bg-color-secondary

Sử dụng class .bg-color-pastel

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-pastel

Typograpghy

Headline sử dụng class .text-x1

Section Title sử dụng class .text-x2

Heading level 1 sử dụng class .text-x3

Heading level 2 sử dụng class .text-x4

Heading level 3 sử dụng class .text-x5

Heading level 4 sử dụng class .text-x6

Heading level 5 sử dụng class .text-x7

Heading level 6 sử dụng class .text-x8

Button

Button OutlineButton with Icon

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

Button Solid

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

Button RoundedButton Outline

Sử dụng class "button--rounded"

CarD

Lorem ipsum dolor sit amet, consectetur adipisicing elit, Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consectetur adipisicing elit, Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consectetur adipisicing elit, Lorem ipsum dolor sit amet

Sử dụng class .card

Lorem ipsum dolor sit amet, consectetur adipisicing elit, Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consectetur adipisicing elit, Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consectetur adipisicing elit, Lorem ipsum dolor sit amet

Sử dụng class ".card card--hovered"

Examle Section

Sell more, work less

All page types supported

Discover the power of well-designed landing, home, blog, product and collection pages

Rich content

Discover the power of well-designed landing, home, blog, product and collection pages

Reusable design

Discover the power of well-designed landing, home, blog, product and collection pages

See PageFly Pricing