This bar serves to notify visitors of important updates

SAYES

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 colors

Primary 900

Primary

Primary 700

Tint

Primary 600

Tint

Primary 500

Tint

Primary 300

Tint

Primary 100

Tint

Accent palette

Brand colors

Accent 900

Primary

Accent 700

Tint

Accent 600

Tint

Accent 500

Tint

Accent 300

Tint

Accent 100

Tint

Dark palette

Brand colors

Dark 900

Primary

Dark 700

Tint

Dark 600

Tint

Dark 500

Tint

Dark 300

Tint

Dark 100

Tint

Typography system

Aa Bb Cc Dd Ee

Heading 1 • 100px

Aa Bb Cc Dd Ee

Heading 2 • 70px

Aa Bb Cc Dd Ee

Heading 3 • 48px

Aa Bb Cc Dd Ee

Heading 4 • 38px
Aa Bb Cc Dd Ee
Heading 5 • 28px
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