58X Sensory Tokens

Sensory UI Tokens

These tokens let TheoB reuse color, tactile, and audio-design meaning across tabs, buttons, games, Academy lessons, and Founder Command actions. Audio remains design-token-only for now.

color-intent

Attach emotional and functional meaning to color.

intent-clarity — primary actions, intelligence, safe active state
intent-warmth — human warmth, cacao, lifestyle, premium touch
intent-growth — learning progress, wellness, natural products
intent-reflection — moral learning, symbolic study, anomaly detection
intent-boundary — warnings, safety limits, blocked actions

tactile-motion

Make the interface feel physical without adding visual clutter.

tile-snap — game tile match
soft-pulse — lesson complete
firm-press — Founder Command decision
slow-glow — reflection or moral learning
short-stop — blocked unsafe action

audio-design

Define sound language before enabling actual playback.

match-pop — safe game combo
warm-chime — cacao/wellness completion
low-bell — moral learning/reflection
crystal-tap — science/academy selection
muted-caution — safety boundary

component-states

Standardize reusable states for tabs, buttons, tiles, cards, and mission packets.

state-idle — default resting state
state-hover — light attention state
state-selected — active choice or selected combo
state-complete — lesson or mission complete
state-blocked — permission denied or unsafe path

Application map

[
  {
    "surface": "Element Match",
    "color": "intent-clarity + intent-boundary",
    "tactile": "tile-snap",
    "audio": "match-pop"
  },
  {
    "surface": "AI Academy",
    "color": "intent-clarity + intent-growth",
    "tactile": "soft-pulse",
    "audio": "crystal-tap"
  },
  {
    "surface": "Moral Learning",
    "color": "intent-reflection + intent-warmth",
    "tactile": "slow-glow",
    "audio": "low-bell"
  },
  {
    "surface": "Founder Command",
    "color": "intent-clarity + intent-warmth",
    "tactile": "firm-press",
    "audio": "warm-chime"
  },
  {
    "surface": "Safety Boundary",
    "color": "intent-boundary",
    "tactile": "short-stop",
    "audio": "muted-caution"
  }
]