Mejuri design system: fonts & colors

Typography

scale ratio 1.387

style	family	size	weight	line	tracking
display	Syndicat Grotesk	32px	500	1	0.05em
title	Syndicat Grotesk	14px	500	1.33	0.02em
body	Simon Mono	12px	400	1.33	-0.01em
label	Syndicat Grotesk	12px	400	1.33	0.02em

Type scale

Aa10Aa12Aa14Aa24Aa32

dark scheme

Palette by painted area

Spacing scale (base 8px)

Corner radii

Shadows (0)

none

section labels are heuristic

Body text: 12px: smaller than 96% of indexed sites (median 16px).
Largest heading: 32px: smaller than 85% of indexed sites (median 60px).
Type scale: 1.39×: steeper than 77% of indexed sites (median 1.28×).
Container: 1280px: wider than 55% of indexed sites (median 1242px).
Text contrast: 11.8:1: lower than 89% of indexed sites (median 17.6:1).
Page length: 6,011px: shorter than 71% of indexed sites (median 8,217px).
Corner radius: Mostly 0px, shared by 84 of 274 indexed sites (31%).
Simon Mono: The only site in the index that loads Simon Mono.
Syndicat Grotesk: The only site in the index that loads Syndicat Grotesk.
Color scheme: Dark by default, like 25% of indexed sites. Like 82% of sites, it doesn't switch with the system dark mode setting.