Niemeyer
Morada.ai’s design system — tokens, components, templates, and guidelines to build consistent interfaces.
Tokens
Color, typography, spacing, radius, and shadows.
Components
Button, Input, Card, Badge, Dialog, Table, and more.
Templates
Page patterns for tables, dashboards, and forms.
Blocks
Ready-made compositions: sidebar, top nav, app shell, stats, and more.
Guidelines
Rules for AI Builders, accessibility, and dark mode.
Principles
Code as the source of truth
The design system lives in code. Figma mirrors it, it does not lead.
Consistency over creativity
Every page should feel like the same product.
Accessibility by default
WCAG AA contrast, semantic labels, keyboard navigation.
AI-friendly
Structured so AI Builders produce correct code on the first try.