Principles
Foundations
Radius
Rounded deliberately — pills for actions, soft cards. Not everything a pill.
Elevation
Restrained, warm-tinted shadows. Structure comes from borders, not drop shadows.
Spacing
A single 4px-based scale. No arbitrary values across the product.
Touch
Minimum 44px targets, visible focus rings, keyboard-friendly everywhere.
Radius scale
sm
md
lg
xl
full
Elevation scale
xs
sm
md
lg
Brand
Logo
Full lockup
Icon / social avatar
On dark
Micro mark — favicon & app icon sizes
16px
24px
32px
48px
app 48px
Tokens
Color
Brand
Primary
Primary hover
Primary active
Primary subtle
Primary disabled
Lime
Lime subtle
Accent / Coral
Accent subtle
Surface & text
Background
Surface
Border strong
Text primary
Text secondary
Text muted
Feedback
Success
Warning
Error
Info
Tokens
Typography
Plus Jakarta Sans — marketing & headings
Display / 60
Sell more
H1 / 40
Your store, live in minutes
H2 / 28
Turn chats into checkout
H3 / 22
Add your first product
H4 / 18
Recent requests
Inter — product interface
Body large / 18
Customers browse, tap, and land in your WhatsApp — ready to buy.
Body / 16
Customers browse, tap to add items, then continue to WhatsApp with their request pre-filled.
Body small / 14
Manage products, orders and your storefront from one place.
Label / 13 · Caption / 12 · Button
Components
Forms
Text fields
Number verified
Price must be greater than zero
Textarea, select & search
Selection controls
Uploads
Components
Data display
Store visits (30d)
vs. last month
Request handoffs
customers continued to WhatsApp
Products listed
3 low stock
Top category
Most viewed this month
Badges
| Request | Customer | Total | Status |
|---|---|---|---|
| #1042 | Chidinma O. | ₦18,500 | WhatsApp handoff initiated |
| #1041 | Tunde A. | ₦7,200 | WhatsApp handoff initiated |
| #1040 | Blessing E. | ₦42,000 | WhatsApp handoff initiated |
Patterns
Commerce
Amaka's Atelier
Handmade Ankara & ready-to-wear · Lagos
Floral Ankara Gown
Statement Two-Piece
Summer Wrap Dress
Cart → Request Details → Review → WhatsApp
Floral Ankara Gown
Glow Serum
Request Details → Review → Continue to WhatsApp
Quantity & price
Components
Feedback
Alerts
Store published
Your storefront is now live at waspi.me/amaka.
3 products missing photos
Add photos so customers can see what you're selling.
WhatsApp number not set
Add your WhatsApp number so customers can send you request messages.
Tip
Share your waspi.me link in your WhatsApp status to attract more customers.
Overlays & confirmation
Toast
Product saved
Ankara Two-Piece has been added to your store.
Loading skeleton
No products yet
Add your first product to open your Waspi store for orders.
Something went wrong
We couldn't load this right now. Check your connection and try again.
You're all set!
Your Waspi store is ready. Share your link and start turning chats into sales.