Saastainable

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

Accent palette

Brand colors

Dark 900

Primary

Dark 700

Tint

Dark 600

Tint

Dark 500

Tint

Dark 300

Tint

Dark 100

Tint

Dark green palette

Brand colors

Dark 900

Primary

Dark 700

Tint

Dark 600

Tint

Dark 500

Tint

Dark 300

Tint

Dark 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 • 62px

Aa Bb Cc Dd Ee

Heading 2 • 50px

Aa Bb Cc Dd Ee

Heading 3 • 42px

Aa Bb Cc Dd Ee

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

Tabs