Graphic Profile

Our basic graphic profile guidelines.

A small system of colors, typography and rules that keep everything we make looking consistent — calm, modern and unmistakably ours.

01 — Color

Palette

Brand green leads. Accents are used sparingly to highlight, categorize or add energy.

Brand

Green background#bbf7d0

Green main#22c55e

Accent 01

Purple background#e9d5ff

Purple main#a855f7

Accent 02

Lime background#d9f99d

Lime main#a3e635

Accent 03

Blue background#bfdbfe

Blue main#3b82f6

Base

Black#1a1a1d

White#ffffff

Muted#f5f5f5

02 — Typography

Type system

Two typefaces: DM Sans for display, Source Sans 3 for everything you read.

Heading

DM Sans

The quick brown fox

Teckenavstånd

-5%

-0.05em

Radavstånd

110%

1.1

Vikter

Bold

700

Body

Source Sans 3

Typografi handlar om att skapa tydlig hierarki och god läsbarhet i alla våra ytor.

Teckenavstånd

-1%

-0.01em

Radavstånd

150%

1.5

Vikter

Regular, Bold

400, 500

03 — Text

Hierarchy by opacity

One ink color, three opacities. Always on light surfaces for max legibility.

PrimaryThe quick brown fox

100%

rgba(26, 26, 29, 1.0)

SecondaryThe quick brown fox

72%

rgba(26, 26, 29, 0.72)

DisabledThe quick brown fox

38%

rgba(26, 26, 29, 0.38)