brokr ai

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

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

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

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