Style Guide

Typography

Headings

Heading -1 [Font-Size:72px]

Heading-2 [Font-Size:48px]

Heading-3 [Font-Size: 30px]

Heading-4 [Font-Size:24px]

Heading-5 [Font-Size: 20px]

Heading-6 [Font-Size: 18px]

Paragraph

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.

Font-Size

text-base

text-md

text-lg

Text-Block

text-base

text-md

text-lg

BG Color

BG Primary

#491cff

BG Secondary

#010205

BG Tertiary

#491cff

BG Gray

#f7f7ff

BG Gray-2

#f9f9f9

BG Gray-2

#f9f9f9

Font Color

Text-DarkGray

Text Highlighted

Text Gray

Text Gray-400

Text Gray-700

Text Gray-50

This is some text inside of a div block.

Text-White

Font Family

Font-Primary(Sora)

Font-Secondary(Bricolage)

Radius

Border Radius

2rem

Border Radius

1.5rem

Rich Text

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Lorem ipsum dolor sit amet, consectetur adipiscing 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.

Block quote

Ordered list

Item 1
Item 2
Item 3

Unordered list

Item A
Item B
Item C

Text link

Bold text

Emphasis

^Superscript

_Subscript

Button

This is the default text value

Form Field

Thank you! We have received your query.
We'll contact you soon.

Oops! Something went wrong while submitting the form.