ODD Enterprises · Moody System v1.5
Component
Library
Every approved component, colour token, typeface specimen and interaction pattern. Light theme shell — components shown exactly as designed.
18
Components
4
Colour scales
2
Typefaces
7
Radius tokens
01
Full tonal palettes · dark theme tokens · sunset gradient
02
Light & dark theme tokens · fixed surfaces (nav always light, footer always dark)
03
Redaction 35 · 70 · 100 — display, headline, subheading, quote
04
Aileron 200→800 — body, label, eyebrow, caption
05
4→120px scale · 7 radius tokens · spring vs smooth easing
06
Two-path SVG · on dark · on light · on primary · nav size
08
Primary · Secondary · Mystery box pill — hover each
09
Assistive height 32→52 · outlined on light surface — hover
10
Marquee · highlight label · token oval · city pill
11
32px · #DCF500 · per-platform rotation ±15° — hover each
12
Green · amber · yellow · scale(0.97) + bg lighten on hover
13
Photo + blue tint overlay · chip · metric reveal on hover
14
Blog list row · CTA primary yellow · CTA green variant
15
Draggable sticky notes · #DCF500 pushpin · dark scene
16
Featured expands · bouncy spring · play/mute · desktop + mobile
17
Spinning disc · 40s · #376FF7 ring · city pills · 296px cards