hire.fyStyleGuide

Heading H1

Heading H1

Heading Custom H1
Heading H1
Heading H2

Heading H2

Heading Custom H2
Heading H2
Heading H3

Heading h3

Heading Custom H3
Heading h3
Heading H4

Heading h4

Heading Custom H4
Heading h4
Heading H5
Sample text shows how real content might appear.
Heading Custom H5
Sample text shows how real content might appear.
Heading H6
Sample text shows how real content might appear.
Heading Custom H6
Sample text shows how real content might appear.

Other Styles

All Paragraphs

Sample text shows how real content might appear.

Body Text Default
Sample text shows how real content might appear.
Body Text 18px
Sample text shows how real content might appear.
Body Text 24px
Sample text shows how real content might appear.
All Link
All Quotes
Blockquotes
All Order List
  • This is some text inside of a div block.
  • This is some text inside of a div block.
  • This is some text inside of a div block.
All Unorder List
  • This is some text inside of a div block.
  • This is some text inside of a div block.
  • This is some text inside of a div block.
Images
Rich Text Image

Colors

#030303
Background Primary
Color Primary
#cc1303
Background Secondary
Color Secondary
#FFFF
Background White
Color White
#000
Background Black
Color Black
#f7f7f7
Background Grey
Color Grey

Forms

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

UI

Success State
Message has been sent successfully .
Error/ Empty State
Something went wrong.

Utility Classes

Text Align Center

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.

Content Align Center

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.