01. Colors02. Typography03. Component

Colors

Primary Color - #F6851F

Secondary Color - #01001A

Body Color - #333333

Typography

Fonts

Font Family: Outfit

Headings

Heading h1

H1 - 86px/90px - 600 - Outfit

Heading h2

H2 - 52px/58px - 600 - Outfit

Heading h3

H3 - 28px/38px - 500 - Outfit

Heading h4

H4 - 24px/34px - 500 - Outfit
Heading h5
H5 - 20px/30px - 500 - Outfit
Heading h6
H6 - 18px/28px - 500 - Outfit

Others

Body

Body Typography

- 20px/32px - 400 - Outfit

Paragraph Small

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

P - 18px/30px - 400 - Outfit

Paragraph Default

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

P - 20px/32px - 400 - Outfit

Link

Text Link
Text Link - 20px/32px - 400 - Outfit

Section Sub Title

Section Title
Text Block - 20px/32px - 400 - Outfit

List

  • Lorem Ipsum is simply dummy text of print.
List - 18px/30px - 400 - Outfit

Container

Max-Width - 1290px

Button

Button Primary - 19px/29px - 600- Outfit
Button Secondary - 19px/29px - 600- Outfit
Button Small - 18px/29px - 500- Outfit
Button Primary With Icon
Button Primary - 19px/29px - 600- Outfit

Block Quote

The purpose of a business blog is to provide relevant and useful content to the target audience. It may focus on a specific niche within the business industry or cover a wide range of topics such as entrepreneurship.