Style Guide

v 1.0

Typography

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Text large

Extra bold

Text large

Bold

Text large

Semi bold

Text large

Medium

Text large

Normal

Text large

Light

Text medium

Extra bold

Text medium

Bold

Text medium

Semi Bold

Text medium

Medium

Text medium

Normal

Text medium

Light

Text regular

Extra bold

Text regular

Bold

Text regular

Semi Bold

Text regular

Medium

Text regular

Normal

Text regular

Light

Text small

Extra bold

Text small

Bold

Text small

Semi Bold

Text small

Medium

Text small

Normal

Text small

Light

Text tiny

Extra bold

Text tiny

Bold

Text tiny

Semi Bold

Text tiny

Medium

Text tiny

Normal

Text tiny

Light

Colours

Black

Dark Grey

Light Grey

White

Primary 1

Primary 2

Primary 3

Primary 4

Secondary 1

Secondary 2

Secondary 3

Secondary 4

Tertiary 1

Tertiary 2

Tertiary 3

Tertiary 4

UI Elements

Buttons

Button

Text Input

Select

Options

Checkbox

Accordions

Question Title

Radio

Radio box

Cards

World-class hosting

Infrastructure built for scale, performance and reliability.

World-class hosting

Infrastructure built for scale, performance and reliability.

Testimonial Card

World-class hosting

Infrastructure built for scale, performance and reliability.

“I didn't even need training to get started. It really saves me time and effort. Framer is exactly what our business has been lacking. It's incredible.”

Dakota Wood

Founder at Acme

Style Guide

v 1.0

Typography

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Text large

Extra bold

Text large

Bold

Text large

Semi bold

Text large

Medium

Text large

Normal

Text large

Light

Text medium

Extra bold

Text medium

Bold

Text medium

Semi Bold

Text medium

Medium

Text medium

Normal

Text medium

Light

Text regular

Extra bold

Text regular

Bold

Text regular

Semi Bold

Text regular

Medium

Text regular

Normal

Text regular

Light

Text small

Extra bold

Text small

Bold

Text small

Semi Bold

Text small

Medium

Text small

Normal

Text small

Light

Text tiny

Extra bold

Text tiny

Bold

Text tiny

Semi Bold

Text tiny

Medium

Text tiny

Normal

Text tiny

Light

Colours

Black

Dark Grey

Light Grey

White

Primary 1

Primary 2

Primary 3

Primary 4

Secondary 1

Secondary 2

Secondary 3

Secondary 4

Tertiary 1

Tertiary 2

Tertiary 3

Tertiary 4

UI Elements

Buttons

Button

Text Input

Select

Options

Checkbox

Accordions

Question Title

Radio

Radio box

Cards

World-class hosting

Infrastructure built for scale, performance and reliability.

World-class hosting

Infrastructure built for scale, performance and reliability.

Testimonial Card

World-class hosting

Infrastructure built for scale, performance and reliability.

“I didn't even need training to get started. It really saves me time and effort. Framer is exactly what our business has been lacking. It's incredible.”

Dakota Wood

Founder at Acme

Style Guide

v 1.0

Typography

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Text large

Extra bold

Text large

Bold

Text large

Semi bold

Text large

Medium

Text large

Normal

Text large

Light

Text medium

Extra bold

Text medium

Bold

Text medium

Semi Bold

Text medium

Medium

Text medium

Normal

Text medium

Light

Text regular

Extra bold

Text regular

Bold

Text regular

Semi Bold

Text regular

Medium

Text regular

Normal

Text regular

Light

Text small

Extra bold

Text small

Bold

Text small

Semi Bold

Text small

Medium

Text small

Normal

Text small

Light

Text tiny

Extra bold

Text tiny

Bold

Text tiny

Semi Bold

Text tiny

Medium

Text tiny

Normal

Text tiny

Light

Colours

Black

Dark Grey

Light Grey

White

Primary 1

Primary 2

Primary 3

Primary 4

Secondary 1

Secondary 2

Secondary 3

Secondary 4

Tertiary 1

Tertiary 2

Tertiary 3

Tertiary 4

UI Elements

Buttons

Button

Text Input

Select

Options

Checkbox

Accordions

Question Title

Radio

Radio box

Cards

World-class hosting

Infrastructure built for scale, performance and reliability.

World-class hosting

Infrastructure built for scale, performance and reliability.

Testimonial Card

World-class hosting

Infrastructure built for scale, performance and reliability.

“I didn't even need training to get started. It really saves me time and effort. Framer is exactly what our business has been lacking. It's incredible.”

Dakota Wood

Founder at Acme

Utilities