earsync

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

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 • 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 • 16px

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

Small • 12px

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

List

Bullet • 16px

Crafted for world-class performance
Crafted for world-class performance
Crafted for world-class performance

Number • 16px

Crafted for world-class performance
Crafted for world-class performance
Crafted for world-class performance

Buttons styling

Main

Get started

With icon

Let's go

Big

Get started

Style guide

Colour palette

Accent palette

Accent 900

Accent 700

Accent 600

Accent 500

Accent 300

Accent 100

Dark palette

Dark 900

Dark 700

Dark 600

Dark 500

Dark 300

Dark 100

Typography system

Aa Bb Cc Dd Ee

Aa Bb Cc Dd Ee

Aa Bb Cc Dd Ee

Aa Bb Cc Dd Ee

Aa Bb Cc Dd Ee

Aa Bb Cc Dd Ee

Blockquote

Paragraph

List

Buttons styling

Main

With icon

Big

Tabs