Style Guide

Icon
Colors
Deep teal
#002c36
Charcoal teal
#061c21
Slate blue gray
#343645
Light green
#e2e890
Icon
Typography
Size
Line height
Weights

H1

4.365rem
102%
Regular

H2

2.813rem
114.99%
Regular

H3

2.188rem
128%
Regular

H4

1.75rem
128%
Regular
H5
1.563rem
128%
Regular
H6
1.375rem
150%
Regular

Body font

0.938rem
180%
Regular

Tag font

1rem
168%
Regular

Button font

0.938rem
180%
Medium
Icon
Shadows
Small
Medium
Icons
Logo
Favicons
pulseon site small faviconpulseon site big favicon
Brand logo
pulseon site dark logo
Icon
Lists
  • List Item One
  • List Item Two
  • List Item Three
  1. List Item One
  2. List Item Two
  3. List Item Three
Icon
Icons
Social icons
Social IconsInstagramNoctuza-nav-social-icon-linkedin
Line icons
pulseon contact iconpulseon contact iconpulseon decorative iconpulseon decorative iconpulseon decorative iconpulseon decorative iconpulseon service iconpulseon-service-logo
Icon
Avatars
pulseon author image
54px
pulseon author image
170px
Icons
Placeholder
Inputs
Text area
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
States messages
Thank you! Your submission has been received!
Sorry! Your submission has been denied!
Icon
Rich text

Lorem ipsum pellentesque elementum fringilla ullamcorper. Ut tellus massa magnis nibh tristique. Dui sem quam convallis tellus fames Nisl eget dui commodo vestibulum pellentesque ac et tincidunt. Venenatis sed vulputate turpis fermentum tempor. Non eget eget risus felis purus aliquam odio dolor pretium. Quam viverra leo cras ipsum Volutpat egestas sit vel quis. Sollicitudin phasellus nisl aenean suspendisse.

Lorem ipsum dolor sit amet consectetur. Tincidunt sed porta adipiscing et. Feugiat volutpat at felis amet enim lacus at nullam. Quisque praesent sed et ac pellentesque commodo augue sed.

Lorem ipsum dolor sit amet consectetur. Velit dictum vulputate risus ornare nisl mauris phasellus. Donec nibh risus molestie dolor condimentum morbi quis. Viverra pharetra ipsum vitae volutpat penatibus viverra imperdiet. Morbi ultrices varius posuere tincidunt gravida consectetur at amet.

1.  Health and wellness tips that truly work

Lorem ipsum pellentesque elementum fringilla ullamcorper. Ut tellus massa magnis nibh tristique. Dui sem quam convallis tellus fames Nisl eget dui commodo vestibulum pellentesque ac et tincidunt. Venenatis sed vulputate fermentum tempor. Non eget eget risus felis purus aliquam odio dolor pretium. Quam viverra leo cras ipsum Volutpat egestas sit vel quis. Sollicitudin phasellus nisl aenean suspendisse.

2.  Expert insights for lasting health and well-being

  1. Most health healing proccess: Lorem ipsum dolor sit amet consectetur. Velit dictum vulputate risus ornare nisl mauris phasellus. Donec nibh risus molestie dolor condimentum morbi quis. Viverra pharetra ipsum vitae volutpat penatibus viverra imperdiet. Morbi ultrices varius posuere tincidunt gravida consectetur at amet. Morbi lectus tempus ipsum mauris nisl turpis eu sed. Dictum sed a ut nibh.
  2. Inspiring your journey: Lorem ipsum dolor sit amet consectetur. Velit dictum vulputate risus ornare nisl mauris phasellus. Donec nibh risus molestie dolor condimentum morbi quis. Viverra pharetra ipsum vitae  penatibus viverra  ultrices varius posuere tincidunt gravida consectetur at amet. Morbi lectus tempus ipsum mauris nisl turpis eu sed. Dictum sed a ut nibh.