mudda design system

What every Mudda app shares, rendered from the system's own files. Values come from tokens/*.json; read VISION.md for why, DESIGN.md for the rules, and INVENTORY.md for where the apps still differ.

Colour roles

Apps use these names. Each has a light and a dark value; the page shows the scheme in use.

Palette

The primitives the roles point at. Apps never use them directly.

Type

Display: --face-display

Out of your head, onto the board

من رأسك إلى اللوحة

Body: --face-body

A board for you and your AI.

لوحة لك ولذكائك الاصطناعي.

Mono: --face-mono

GET /boards/12/cards/40.json

Scale scale.css, plain-CSS apps

Space

Shape, rules and focus

--corner
--hairline, --rule-hair
--focus-ring-*: , offset

Motion

Actions

components.css, for plain-CSS apps. Tailwind apps use daisyUI's btn, mapped to the same tokens.

Brand

wordmark.svg
wordmark-on-dark.svg
logo.svg
mark.svg
mark-maskable.svg
favicon.ico