Pillar · the basics
Foundations
Color, type, spacing, radius, and elevation: the Zippex brand codified as-is, with semantic roles layered on top. Tap any color to copy it.
Brand color
The three brand hues. Consistent across all seven apps.
Semantic roles
Meaning, not hue, mapped onto concrete values so status reads the same everywhere.
Type scale
Zippex Sans, weights 400 to 700. Weight does the work; reserve the heaviest for display. Shipped apps run Montserrat until they migrate.
Display · 46 / 700
Deliver anything
Heading · 30 / 600
Built to move right
Title · 22 / 500
Your delivery is on the way
Body · 15 / 400
Calm, legible body copy at a comfortable line length.
Caption · 12 / 500
Updated just now
Spacing
A 4-point grid. Every gap and pad is a multiple of 4.
4
8
12
16
24
32
Radius
Crisp corners, 4 to 24, and full for pills.
xs
sm
md
lg
xl
pill
Elevation
Soft, navy-tinted shadows, used sparingly. Structure comes from hairlines.
card
lifted
float