Style guide

Colors

Primary 100
#7d9e9e
Neutral Dark
#001111
Background Color
#f2f2f2
White
#FFFFFF
Black
#000000
Body Font Color
#5b696d
Body Font Color Two
#e2e2e2

Logo

Favicons
IconIcon
Brand logo

Typography

Heading h1

Font weight : Medium
Font size : 58px
 Line height : 68px

Heading h2

Font weight : Medium
Font size : 46px
 Line height : 56px

Heading h3

Font weight : Medium
Font size : 34px
 Line height : 44px

Heading h4

Font weight : Medium
Font size : 28px
 Line height : 38px
Heading h5
Font weight : Medium
Font size : 24px
 Line height : 34px
Heading h6
Font weight : Medium
Font size : 20px
 Line height : 30px

Paragraph

Large text

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.

Medium text

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.

Small text

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.

Icons

SVG icon
IconIconIconIconIconIconIconIcon
Icon
Icon
Icon
Icon
IconIconIconIconIconIconIconIcon

Text alignments

Text Left : Lorem ipsum dolor sit amet, consectetur.
Text Center : Lorem ipsum dolor sit amet, consectetur.
Text Right : Lorem ipsum dolor sit amet, consectetur .

Lists

  • List item one text
  • List item two text
  • List item three text

Accordion

Accordion item style1
Image
Accordion item style2
Image

Blockquote

Quotes
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.
James thompson

Fill information

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

Subscribe form

Button

Back to Home
Back to Home
Up R ight ArrowUp R ight Arrow
Back to Home
Back to Home
Slide Left arrowSlide Left arrow

Section spacings

Section padding large
Section padding medium
Section padding small
Start Your HR Transformation

Transform your people into high-performing teams

+1 (415) 555-2671
hello@yourhrbrand.com
Get Started
Get Started
Up R ight ArrowUp R ight Arrow

Stay updated with HR insights

Get the latest HR trends,leadership tips and workforce strategies delivered to your inbox

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

Quick links

About usServicesTraining programCase studiesContact

Utility pages

Style guideChangelogLicensesPassword protected404 Not found

Get in touch

128 City Road London EC1V 2NX United Kingdom
+1 (415) 555-2671hello@yourcompany.com
Copyright @ 2026 Peonex designed by ThemetechMount - powered by Webflow
More Templates