This bar serves to notify visitors of important updates

Pulse template

Style Guide

Utilize this style guide template as your go-to tool for promptly harmonizing your website's branding and visual identity. Seize command of universal design elements to modify typography, colors, and elements throughout your entire site.

Colour palette

Primary palette

Brand colours

Blue 900

Primary

Blue 700

Tint

Blue 600

Tint

Blue 500

Tint

Blue 300

Tint

Blue 100

Tint

Green 900

Primary

Green 700

Tint

Green 600

Tint

Green 500

Tint

Green 300

Tint

Green 100

Tint

Pink 900

Primary

Pink 700

Tint

Pink 600

Tint

Pink 500

Tint

Pink 300

Tint

Pink 100

Tint

Black palette

Background colours

Black 900

Primary

Black 700

Tint

Black 600

Tint

Black 500

Tint

Black 300

Tint

Black 100

Tint

Dark 900

Primary

Dark 700

Tint

Dark 600

Tint

Dark 500

Tint

Dark 300

Tint

Dark 100

Tint

Typography palette

Heading & paragraph

White

H4, H5, H6

Grey

P, li, span

Light gradient

H1, H2, H3

Blue gradient

Heading

Green gradient

Heading

Pink gradient

Heading

Typography system

Aa Bb Cc Dd Ee

Heading 1 • 52px

Aa Bb Cc Dd Ee

Heading 2 • 40px

Aa Bb Cc Dd Ee

Heading 3 • 32px

Aa Bb Cc Dd Ee

Heading 4 • 26px
Aa Bb Cc Dd Ee
Heading 5 • 22px
Aa Bb Cc Dd Ee
Heading 6 • 20px

Blockquote

Main • 18px
Crafted for world-class performance and developed with unmatched expertise, Pulse will deliver outstanding results every time, without fail.

Paragraph

Main • 18px

Crafted for world-class performance and developed with unmatched expertise, Pulse will deliver outstanding results every time, without fail.

Small • 16px

Crafted for world-class performance and developed with unmatched expertise, Pulse will deliver outstanding results every time, without fail.

List

Bullet • 18px
  • Crafted for world-class performance
  • Crafted for world-class performance
  • Crafted for world-class performance
Number • 18px
  1. Crafted for world-class performance
  2. Crafted for world-class performance
  3. Crafted for world-class performance

Buttons styling

Main

With icon

Big

Icons

Start your free trials and improve your users’ experience

Get started