Typography testing

Use this page to tweak fontSize and lineGap settings. We list all known typographic variants, with their default values. If you see a configuration you are not happy about, you can tweak the values with the sliders and tell one of the developers to update the settings in stitches.config.ts.

All typographic elements share the same grid spacing. By default, we set it to 2. You can override it, but it will apply to all configurations. It is important to maintain a visual rhythm.

Overall grid spacing: 2

Default values: size: 1 / font size:13 / line gap:12
Font size: 13
Line gap: 12
We like to get out and about to see our clients – we’re more than happy to sit down and discuss a project. If you’d like to meet up, talk through a project, feel free to get in touch.
Default values: size: 2 / font size:15 / line gap:14
Font size: 15
Line gap: 14
We like to get out and about to see our clients – we’re more than happy to sit down and discuss a project. If you’d like to meet up, talk through a project, feel free to get in touch.
Default values: size: 3 / font size:17 / line gap:15
Font size: 17
Line gap: 15
We like to get out and about to see our clients – we’re more than happy to sit down and discuss a project. If you’d like to meet up, talk through a project, feel free to get in touch.
Default values: size: 4 / font size:22 / line gap:18
Font size: 22
Line gap: 18
We like to get out and about to see our clients – we’re more than happy to sit down and discuss a project. If you’d like to meet up, talk through a project, feel free to get in touch.
Default values: size: 5 / font size:30 / line gap:21
Font size: 30
Line gap: 21
We like to get out and about to see our clients – we’re more than happy to sit down and discuss a project. If you’d like to meet up, talk through a project, feel free to get in touch.
Default values: size: 6 / font size:40 / line gap:27
Font size: 40
Line gap: 27
We like to get out and about to see our clients – we’re more than happy to sit down and discuss a project. If you’d like to meet up, talk through a project, feel free to get in touch.
Default values: size: 7 / font size:50 / line gap:32
Font size: 50
Line gap: 32
We like to get out and about to see our clients – we’re more than happy to sit down and discuss a project. If you’d like to meet up, talk through a project, feel free to get in touch.
Default values: size: 8 / font size:70 / line gap:36
Font size: 70
Line gap: 36
We like to get out and about to see our clients – we’re more than happy to sit down and discuss a project. If you’d like to meet up, talk through a project, feel free to get in touch.
Default values: size: 9 / font size:90 / line gap:38
Font size: 90
Line gap: 38
We like to get out and about to see our clients – we’re more than happy to sit down and discuss a project. If you’d like to meet up, talk through a project, feel free to get in touch.
Default values: size: 10 / font size:100 / line gap:38
Font size: 100
Line gap: 38
We like to get out and about to see our clients – we’re more than happy to sit down and discuss a project. If you’d like to meet up, talk through a project, feel free to get in touch.
Default values: size: 11 / font size:108 / line gap:38
Font size: 108
Line gap: 38
We like to get out and about to see our clients – we’re more than happy to sit down and discuss a project. If you’d like to meet up, talk through a project, feel free to get in touch.

Bring me home
Photo of Thomas Clever

Get in touch

If you’d like to learn more about how we can add value to your business, contact Thomas Clever.

thomas@cleverfranke.com+31 6 19 55 29 81

News about data, strategy, design and technology

Subscribe to our newsletter to receive quarterly updates.