Overview
The design system that powers Rumor.
A shared language of tokens, foundations, and components that keeps every Rumor surface consistent. Generated from design.md, the single source of truth.
Principles
Content first
The interface stays neutral. Near-black on white. Content brings the color.
Two faces, inverted
Diatype sets headings and every label. Semi Mono sets the body. The grotesk is the chrome, the mono is the prose.
One token, one meaning
Every value is a token. No raw hex, no exceptions.
Built on shadcn/ui
Compose the primitives. Do not fork them. Do not rebuild them.
Motion with intent
Short and purposeful. Motion confirms an action; it does not perform.
Accessible by default
Visible focus. Real semantics. AA contrast. Always.