Design system

Calm, dense and exact: the parts every page of the developer dashboard is built from. Switch the theme to see both.

Colour

Neutral surfaces and one accent, Pickriders teal. Status colours appear in small doses (dots, badges, banners) and always come with words.

Surfaces

  • canvaspage
  • surfacecards, tables
  • surface-raisedmenus, dialogs
  • surface-subtlehover, headers
  • surface-mutedselected

Text and lines

  • fgprimary
  • fg-mutedsecondary
  • fg-subtlemeta
  • linehairlines
  • line-stronginputs

Brand and status

  • brandthe one accent
  • success
  • warningtest mode
  • danger
  • info

Typography

Geist for the interface, Geist Mono for anything a developer copies. Weights 400, 500 and 600; headings tighten as they grow.

4xl · 36/40 · 600Deliveries, as an API.
3xl · 28/36 · 600₦1,250,000.00
2xl · 22/30 · 600API keys
lg · 16/24 · 600Webhook endpoints
base · 14/22Reading text: descriptions and help.
sm · 13/20Controls, tables and labels.
xs · 12/16Meta: 2 minutes ago · req_7Hq2…
mono · 12ord_6560f0c2a1b2c3d4e5f60718

Buttons

Status

DeliveredIn transitSearchingTest modeFailedCancelledorder.delivered200402
Test mode: you're using test data. Nothing here moves real money or real riders.

Forms

Must be https and publicly reachable.

The smallest top-up is ₦1,000.

Data

Orders today

1,284

+12%vs yesterday

Delivery success

98.6%

−0.4%last 7 days

Wallet balance

₦1,250,000.00

₦3,500 held for 2 orders

API error rate

0.12%

−0.05%last 24h

API keys

Keys authenticate your server. Keep them secret; roll one if it leaks.

NameKeyModeStatusLast used
Production server
key_6560f0…f60718
sk_live_…h7QaLiveActive2 minutes ago
CI
key_6560f0…f60719
sk_test_…p2LxTestActiveYesterday
Old checkout
key_6560f0…f60720
sk_live_…9dKeLiveExpires in 23h3 days ago
Laptop
key_6560f0…f60721
sk_test_…Rr0mTestRevokedNever
4 keysPress ⌘K to search

Overlays and feedback

Create an order
curl https://api.pickriders.com/developer/api/v1/orders \
  -H "Authorization: Bearer sk_test_…" \
  -H "Idempotency-Key: 7c1e…" \
  -d '{"quote_id": "quo_6560f0c2a1b2c3d4e5f60718"}'

No webhook endpoints yet

Add an endpoint to get order and wallet events as they happen, signed and retried for 3 days.