Adshares · packages/ui
Design tokens
Source of truth: packages/ui/src/tokens.ts. Tailwind preset: packages/config/tailwind/preset.css.
Colours
Brand
Status
Text
Surfaces
Typography
Eyebrow · 11px · 700 · uppercase · .1em
H1 · Nunito 900 · 28px
Section heading · Nunito 900 · 19px
GH₵12,480.00
GH₵3,250.50
1,204 clicks
DM Sans 400 · Body 15px · The quick creator pays out on Friday.
DM Sans 500 · Body 15px · The quick creator pays out on Friday.
DM Sans 600 · Body 15px · The quick creator pays out on Friday.
DM Sans 700 · Body 15px · The quick creator pays out on Friday.
Body 14px · Payouts go to MTN MoMo, Telecel Cash, AT Money or bank.
Radii
Spacing
Components
Loader
AdsharesLoader: "build" for full-page loads (200/120), "rock" for the rest. 96/64 empty states, 40/24 inline, 20 in buttons. Reduced motion shows the still mark.