Style Guide

Style guide for Adlivo

Colors

Primary Color #1
#ff7c0a
Primary Color #2
#0c67ff
Body Color
#d4d4d4
Main BG
#090909

Typography

Font Family :

1 . Satoshi

2 . Inter Tight

3 . Instrument Serif

Default Headings

Heading 1

H1 - 100px / 120% || Regular || Inter Tight

Heading 2

H2 - 60px / 120% || Regular || Inter Tight

Heading 3

H3 - 32px / 130% || Regular || Inter Tight

Heading 4

H3 - 28px / 130% || Regular || Inter Tight
Heading 5
H3 - 24px / 130% || Regular || Inter Tight

Heading Styles

Heading 2

H2 - 60px / 120% || Regular || Inter Tight

Heading 3

H3 - 32px / 130% || Regular || Inter Tight

Heading 4

H3 - 28px / 130% || Regular || Inter Tight

Text Styles

Subtitle
Subtitle - 20px / 140% || Medium || Satoshi

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.

Paragraph - 18px / 140% || Regular || Satoshi

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.

Paragraph - 16px / 150% || Regular || Satoshi

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.

Paragraph - 20px / 140% || Regular || Satoshi
Telemedicine is not just a technological advancement; it’s a revolution in healthcare, breaking barriers of distance, accessibility, and bringing quality medical care to patients anytime."
  • Item A
  • Item B
  • Item C

Text link

Bold text

Icons

Icon ImageIcon ImageIcon ImageIcon ImageIcon Image