MyBizBox Design System
Native · Premium · Timeless. Every screen composes from these primitives.
Display XL
Display Large
Display Medium
Headline
Title
Body — the primary running text of the application.
Body Small — dense rows and secondary text.
Caption — metadata and timestampsLabel · uppercasePrimary--mbb-primary-500
Surface--mbb-surface-card
Background--mbb-bg
Text--mbb-text
Muted--mbb-text-muted
Border--mbb-border
Success--mbb-status-success
Warning--mbb-status-warning
Danger--mbb-status-danger
Info--mbb-status-info
4
8
12
16
20
24
32
40
48
64
80
sm
md
lg
xl
pill
xs
s
m
l
xl
Revenue (30d)
R 148,200
+12% vs last monthOpen invoices
14
Custom card
MbbCard is the base surface — cards, tiles, list rows all extend it.
Kabelo Motaung
Invoice INV-00042 · R 4,800
Sipho Mahlangu
Quote QTE-00019 · Pending
Nomvula Zulu
Draft contract
TNKM3
Default
Secondary
Nothing here yet
Create your first invoice from WhatsApp or the + button.
Loading customers…
Sync failed
We'll retry in a moment.