Design system
Light and mobile first, in the brand guide colours. Every pair passes WCAG AA.
Logo and colour
Logo in Trajan Pro Bold. On screen the wordmark uses Cinzel, the closest free font. Vector logo files still needed.
Footer, board, Admin sidebar
Headlines, second buttons
Actions, links, in transit
Tints, selected rows
Highlights on black
Logo artwork only
Body text
Page grounds
Type
Drop off by Tuesday. Land next week.
GABARITO 800 · DISPLAY 56–80 · PURPLE FOR EMPHASIS
Weighed honestly, tracked every step
GABARITO 800 · H2 42
Air cargo to the United Kingdom
GABARITO 700 · H3 22
Your box weighs 18.4 kg, but its size counts as 24 kg.
FIGTREE 400–800 · LEAD 19 · BODY 16 · SMALL 14
JX-24817 · IBA → LHR · 24.0 KG
FIGTREE 600 · TABULAR FIGURES FOR CODES, WEIGHTS AND MONEY
Shipment status
| Chip | Meaning |
|---|---|
| Quote | Estimate saved, not booked |
| Booked | Waiting for drop-off or pickup |
| Weighed | Weighed, price sent to approve |
| Payment due | Approved, waiting for payment |
| In batch | Packed into a flight or container |
| In transit | Departed Nigeria |
| Customs | Arrived, clearing at destination |
| Out for delivery | With the driver, or ready to collect |
| Delivered | Photo at the door |
| On hold | Needs action |
Buttons and inputs
One filled purple button per screen. Plum for the second action, ghost for the rest.
Components only Jojo has
- Weighed and approvedIbadan hub · 24 kg27 Oct
- Departed LagosBatch LHR-A4429 Oct
- UK customsUsually 1–2 working daysToday
- 4Out for deliveryExpected Wed 4 Nov—
Icons
24 px line icons in the text colour, always with a label.
Mobile first
Designed at 390 px first. 1240 px content, 8 px grid.
Radius and depth
Pill buttons, 12 px inputs, 16 px cards. Shadows only on floating things.
Plain Nigerian English
Say what happens: "Get a price". Naira first. Dates as "Thu 5 Nov".