Foundations
Foundations are the bedrock decisions that shape every component and pattern in the Mukoko design system. They define how we handle accessibility, typography, layout, internationalization, and motion across all ecosystem apps.
Accessibility
APCA 3.0 AAA contrast, 48px touch targets, keyboard navigation
Read moreInternationalization
Noto Sans for African languages, RTL support, locale formatting
Read moreLayout
Responsive breakpoints, spacing scale, container patterns
Read moreTypography
Font stack, type scale, heading hierarchy
Read moreMotion
Animation principles, transitions, reduced motion
Read moreGuiding philosophy
The Mukoko design system is built for Africa’s digital landscape. This means:
- Mobile-first — most users access Mukoko apps on mobile devices, often with limited bandwidth
- Language-inclusive — the font stack supports African languages with full diacritics and extended character sets
- Accessible by default — every component meets APCA 3.0 AAA contrast standards with 48px minimum touch targets
- Performant — lazy loading, memory pressure monitoring, and sequential mount queues keep the experience smooth on lower-end devices
These are not aspirational goals. They are enforced constraints that shape every component in the registry.
Last updated on