Typography

Font Sizing

H1 Heading (
Raleway-80px)

H2 Heading (Raleway-60px)

H3 Heading (Raleway-32px)

H4 Heading (Raleway-24px)

H5 Heading (Raleway-20px)

Paragraph

Paragraph Big

Paragraph - 20px font size

Paragraph Regular

Paragraph - 16px font size

Paragraph Small

Paragraph - 14px font size

Typography Properties

Weight - Named with prefixed Weight /

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Example Text, try me by selecting the options above

Aligment - Named with prefixed Align /

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Example Text, try me by selecting the options above

Style - Named with prefixed Style /

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Example Text, try me by selecting the options above

Colors

Palette

Primary

Dark

Light

White

Gray

Color Properties

Background - Named with prefixed Background /

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Example Text, try me by selecting the options above

Color - Named with prefixed Color /

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Example Text, try me by selecting the options above

Spacing

Margins

Inline margins ( left & right - even ) - Named with prefixed M Inline /

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Example Text, try me by selecting the options above

Example Text, try me by selecting the options above

Block margins ( top & bottom - even ) - Named with prefixed M Block /

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Example Text, try me by selecting the options above

Example Text, try me by selecting the options above

Paddings

Inline paddings ( left & right - even ) - Named with prefixed P Inline /

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Example Text, try me by selecting the options above

Example Text, try me by selecting the options above

Block paddings ( top & bottom - even ) - Named with prefixed P Block /

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Example Text, try me by selecting the options above

Example Text, try me by selecting the options above

Icons

Size

Button

Type

Class Base Button

Primary

Button Text

Button / Secondary

Button Text

Button / Primary / Dark

Button Text

Button / Secondary / Dark

Button Text

Form

Input

Forms are made with Input Group that contains either label and input.

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Text Area

Forms are made with Input Group that contains either label and input.

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Select

Forms are made with Input Group that contains either label and input.

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Form

Forms are made with Input Group that contains either label and input.

Form Heading

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.