Spatio
The mark is three diagonal bands — top right-aligned, middle spanning, bottom left-aligned — forming an S by the way they shift against each other. One gesture. No ornament. Built to scale from favicon to billboard.
Spatio
Office suite for agents.
The mark
Three variants cover every surface.
Primary · gradientSolid · darkSolid · light
Wordmark
Inter Semibold at −3.5% tracking. Mark height = cap height × 1.06.
Spatio
Spatio
Construction
Band 20 · gap 6 · slant 20 · corner radius 6. 92 × 72 unit grid.
Scale
Solid fill below 44px. Gradient only at large sizes.
128px
96px
64px
44px
28px
18px
Palette
Neutral only. Color arrives through the gradient on the app icon.
Paper#F5F5F4
Mist#E5E5E2
Steel#7A7A7E
Graphite#1F1F23
Slate#101013
Ink#0A0A0C
Typography
Inter across the system.
Display · 72 / 600 / −4%Office suite for agents
H1 · 40 / 600 / −3%Build with us
H2 · 28 / 600 / −2.5%The workspace your agents need
Body · 16 / 400 / −1%Spatio gives every agent a persistent place to work — sheets, notes, slides, tasks, mail, chat, calendar, contacts, files, and code in one MCP surface.
Caption · 12 / 500 / +8% UPPERBrand guidelines · internal
Don't
Things that break the mark.
Recolor
Rotate
Stretch
Add effects