Clinically Styleguide

Edit globally elements of this template

Colors

Brand color
Accents
Text
Base

Brand Color

Primary
#1E5DBC
Secondary
#4EB2F9
Tertiary
#F5F9FE

Accents

Green
#1EBCB4
Yellow
#FFB201
Purple
#A27FFF

Text

Darker
#0F2F64
Dark
#536288
Light
#8B98B8
Lighter
#E1E3E8

Base

White
#FFFFFF
Lighter
#FFB201

Typography

Display
Rich Text

DISPLAY

Display 1
Graphik - Bold
80 px, 96%, 0%
Display 1 - Aa Bb Cc Dd
Display 2
Graphik - Medium
24 px, 160%, 0%
Display 2 - Aa Bb Cc Dd
Display 3
Graphik - Normal
24 px, 160%, 0%
Display 3 - Aa Bb Cc Dd

RICH TEXT

Heading 1
Graphik - Medium
56 px, 120%, 0%

Heading H1 - Aa Bb Cc Dd

Heading 2
Graphik - Medium
40 px, 120%, 0%

Heading H2 - Aa Bb Cc Dd

Heading 3
Graphik - Medium
24 px, 120%, 0%

Heading H3 - Aa Bb Cc Dd

Heading 4
Graphik - Medium
20 px, 120%, 0%

Heading H4 - Aa Bb Cc Dd

Heading 5
Graphik - Medium
18 px, 120%, 0%
Heading H5 - Aa Bb Cc Dd
Heading 6
Graphik - Medium
16 px, 120%, 0%
Heading H6 - Aa Bb Cc Dd
Paragraph
GT Walsheim
16 px, 160%, 0%

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 Large
GT Walsheim
18 px, 160%, 0%

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 Extra Large
GT Walsheim
20 px, 160%, 0%

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.

Bold Text

Bold - Lorem ipsum dolor sit amet

Italic Text

Italic - Lorem ipsum dolor sit amet

Bullet List
  • Aliquet porttitor lacus luctus accumsan tortor. Gravida rutrum.
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  • Senectus et netus et malesuada fames ac turpis egestas
Numered List
  1. Aliquet porttitor lacus luctus accumsan tortor. Gravida rutrum.
  2. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  3. Senectus et netus et malesuada fames ac turpis egestas
Block Quote
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.
Figure and Figure Caption
Lorem ipsum dolor sit amet

Iconography

Line
Icon / Line / Maternity
Icon / Line / Dental
Icon / Line / Cardiology
Icon / Line / Neurology
Icon / Line / Psychology
Icon / Line / Medical Kit
Icon / Line / Dermatology
Icon / Line / Primary Care
Icon / Line / Search
Icon / Line / Schedule
Icon / Line / Appointment
Icon / Line /Experience
Icon / Line / Call Center
Icon / Line / Fast
Icon / Line / Team
Icon / Line / Medical Tech
Icon / Line / Location
Icon / Line / Patients
Icon / Line / Safe
Icon / Line / Procedures
Icon / Line / Discipline
Icon / Line / Stay for Everyone
Icon / Line / Healthcare
Icon / Line / Medical Plans
Icon / Line / Careers
Icon / Line / Healthy Food
Icon / Line / Travel
Icon / Line / Money
Icon / Line / Training
Icon / Line / Calendar
Icon / Line / Location
Icon / Line / Arrow Right
Icon / Line / Arrow Right 2
Icon / Line / Arrow Down

Buttons

Components are size and different styles.

Boost your website with Clinically template by Design Mate