Style guide

The colours, type styles and components that make up Prosma. Edit them once in Assets and every page updates.

Colours

Background

#FFFFFF

Card

#F6F5F9

Text Primary

#1A0E0C

Text Secondary

#3A3745

Slate

#6B6875

Slate Light

#9A96A3

Signal Red

#EE351D

Dark

#0D0B14

On Dark Text

#F4F2FA · 78%

On Dark Muted

#F4F2FA · 62%

Grid Line

#1A0E0C · 10%

Frame Line

#000000 · 20%

Typography

Heading 1

Boldonse · 160px

Bold

Heading 2

Boldonse · 96px

Bold ideas

Heading 3

Boldonse · 48px

Brands people remember

Heading 4

Boldonse · 40px

Design with purpose

Heading 5

Boldonse · 32px

Selected work

Heading 6

Geist SemiBold · 28px

Strategy, identity and digital

Caption

Geist · 30px

We build brands that move people.

Small Title

Geist Medium · 20px

Why great products feel simple

Body Large

Geist · 18px

We help ambitious companies turn ideas into brands, products and websites people remember.

Body

Geist · 16px

We help ambitious companies turn ideas into brands, products and websites people remember.

Body Small

TikTok Sans · 14px

We help ambitious companies turn ideas into brands, products and websites people remember.

Caption Medium

Geist Medium · 16px

Brand identity

Badge

Geist · 14px · Uppercase

Available for work

Button

Geist Medium · 14px · Uppercase

Let’s talk

Link

TikTok Sans · 14px · Uppercase

Visit website

Buttons

Let's talk

View our work

Prosma

Available for work

Let’s Talk

Start a project

hello@prosma.studio

+61 433 270 142

Prosma

Let’s Talk

Start a project

hello@prosma.studio

+61 433 270 142

Prosma

Start a project

hello@prosma.studio

+61 433 270 142

Get This Template Free

View all templates