Our visual identity. A shared frame for clarity and recognition.

Brand mark

Our brand lives from a clear stance: Form follows Narration. This documentation brings together the essentials so language, design and appearance stay consistent. From the big picture down to the smallest detail.

Primary colours

Forrest 50

#DAE1DB

#1F2D26

Forrest 75

#A9D5C3

#53AC87

Forrest 100

#53AC87

#A9D5C3

Forrest 125

#1F2D26

#DAE1DB

Water 50

#DFEBF1

#22292B

Water 75

#A9CADA

#5093B4

Water 100

#5093B4

#A9CADA

Water 125

#22292B

#DFEBF1

Human 50

#E9E2E8

#332F37

Human 75

#F5DBEE

#EDC0E1

Human 100

#EDC0E1

#F5DBEE

Human 125

#332F37

#E9E2E8

Earth 50

#EBE9E5

#352F27

Earth 75

#CEC4B6

#95856F

Earth 100

#95856F

#CEC4B6

Earth 125

#352F27

#EBE9E5

Foundation colours

B1 Body BG Primary

#FFFFFF

#0A0A0A

B2 Body BG Secondary

#F9FAFB

#000000

S1 Comp BG Default

#F2F2F2

#1A1A1A

S2 Comp BG Hover

#EBEBEB

#1F1F1F

S3 Comp BG Active

#E6E6E6

#292929

S4 Border Default

#EAEAEA

#2E2E2E

S5 Border Hover

#C9C9C9

#454545

S6 Border Active

#A8A8A8

#878787

S7 High Contrast

#8F8F8F

#8F8F8F

S8 High Contrast Hover

#7D7D7D

#7D7D7D

S9 Text Icons Secondary

#666666

#A0A0A0

S10 Text Icons Primary

#171717

#EDEDED

Typefaces

Form follows Narration

(giga)

L

• 4.2rem

• 1.1em

M

• 3.8rem

• 1.1em

S

• 3.2rem

• 1.1em

XS

• 2rem

• 1.1em

Form follows Narration

(giga)

L

• 4.2rem

• 1.1em

M

• 3.8rem

• 1.1em

S

• 3.2rem

• 1.1em

XS

• 2rem

• 1.1em

Form follows Narration

(xxlg)

L

• 3.2rem

• 1.2em

M

• 2.5rem

• 1.2em

S

• 2.1rem

• 1.2em

XS

• 1.65rem

• 1.2em

Form follows Narration

(xxlg)

L

• 3.2rem

• 1.2em

M

• 2.5rem

• 1.2em

S

• 2.1rem

• 1.2em

XS

• 1.65rem

• 1.2em

Form follows Narration

(xlg)

L

• 2.6rem

• 1.1em

M

• 2.05rem

• 1.1em

S

• 1.7rem

• 1.1em

XS

• 1.4rem

• 1.1em

Form follows Narration

(xlg)

L

• 2.6rem

• 1.1em

M

• 2.05rem

• 1.1em

S

• 1.7rem

• 1.1em

XS

• 1.4rem

• 1.1em

Form follows Narration

(lg)

L

• 1.9rem

• 1.4em

M

• 1.65rem

• 1.4em

S

• 1.35rem

• 1.4em

XS

• 1.15rem

• 1.4em

Form follows Narration

(lg)

L

• 1.9rem

• 1.4em

M

• 1.65rem

• 1.4em

S

• 1.35rem

• 1.4em

XS

• 1.15rem

• 1.4em

Form follows Narration

(md)

L

• 1.125rem

• 1.4em

M

• 1.08rem

• 1.4em

S

• 1.05rem

• 1.4em

XS

• 1.05rem

• 1.4em

Form follows Narration

(md)

L

• 1.125rem

• 1.4em

M

• 1.08rem

• 1.4em

S

• 1.05rem

• 1.4em

XS

• 1.05rem

• 1.4em

Form follows Narration

(sm)

L

• 1rem

• 1.4em

M

• 1rem

• 1.5em

S

• 1rem

• 1.4em

XS

• 1rem

• 1.5em

Form follows Narration

(sm)

L

• 1rem

• 1.4em

M

• 1rem

• 1.5em

S

• 1rem

• 1.4em

XS

• 1rem

• 1.5em

Form follows Narration

(xs)

L

• 0.75rem

• 1.3em

M

• 0.75rem

• 1.3em

S

• 0.75rem

• 1.3em

XS

• 0.75rem

• 1.3em

Form follows Narration

(xs)

L

• 0.75rem

• 1.3em

M

• 0.75rem

• 1.3em

S

• 0.75rem

• 1.3em

XS

• 0.75rem

• 1.3em

Pictograms

Scribbles

Not enough? Ask your AI about us

Discover more
Docs

Daily Check-Out

Curiosity as practice

Eigenverantwortung

Initiative

Let's find out if we're a fit.

Let’s get to know each other and see whether we’re the right fit for your project. From there, we can shape a solution around what you actually need.

Get in touch

Book a meeting

Friday, August 28, 2026

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

10:30

11:30

14:30

15:30

16:30

17:30

Let's find out if we're a fit.

Let’s get to know each other and see whether we’re the right fit for your project. From there, we can shape a solution around what you actually need.

Get in touch

Book a meeting

Friday, August 28, 2026

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

10:30

11:30

14:30

15:30

16:30

17:30