v1.0
Egbe Lajo Design System
A clean, modern design system that balances SaaS-grade usability with subtle spiritual identity. Built for Next.js (web) and React Native (mobile).
Philosophy
The Egbe Lajo design system serves a Candomble religious house backoffice. It is built on four pillars:
- Clean & Modern — SaaS-grade interface with no visual noise
- Subtly Spiritual — Gold accents and refined typography, never heavy religious visuals
- Data-First — Optimized for dashboards, tables, and forms
- Accessible — WCAG AA compliant, keyboard navigable, screen reader friendly
Color Rule: 80% neutral · 15% primary (blue) · 5% secondary (gold)
Architecture
The system is structured in three layers:
| Layer | Path | Platform |
|---|---|---|
| Shared Tokens | src/tokens/ | Both |
| Web Components | src/components/ui/ | Next.js + Tailwind |
| Mobile Components | src/components/mobile/ | React Native + StyleSheet |