Brand
Logos, colour and type, with the rules that matter.
Logo
Use the wordmark wherever it fits. The icon is for square slots only.
Colour
One accent. Everything else is ink on white.
Accent
#0281ff
Links, active states, the one colour in a visual
Ink
#0f0f0f
Headings and body copy
Muted
#6d727e
Secondary copy, never a heading
Type
Sora sets headings, Inter sets everything else.
Aa
Sora
Headings
Aa
Inter
Body and UI
Aa
IBM Plex Mono
Technical strings only
Using it
Logo
Do: Keep clear space around the mark equal to the height of the P.
Do not: Do not recolour it, outline it, or set it on a busy photograph.
Name
Do: Write ManyPI: capital M, capital P, capital I, no space.
Do not: Not Manypi, ManyPi, Many PI or MANYPI.
Colour
Do: One accent per screen, carrying the thing that matters most.
Do not: Do not tint the accent, gradient it, or add a second brand colour.
Type
Do: Sora for headings, Inter for copy, mono for URLs, keys and code.
Do not: Do not set body copy in Sora or a heading in mono.