Capacity-Adaptive UI

A dynamic system that responds to human capacity through distributed intelligence

How it works: Four capacity inputs (cognitive, temporal, emotional, valence) derive a coherent interface mode. Components adapt density, content length, motion, and tone based on that mode - not individual slider values.

Example

Abyss Con - Gachiakuta Convention

See the framework in action with adaptive content density, motion, and tone

Live Demo

Adjust the capacity controls (bottom-right) to see how this card adapts in real-time.

Exploratory ModeYou're doing great!
Adaptive Interface
This card demonstrates how the capacity system adapts UI in real-time based on your current state.
  • Cognitive capacity controls visual density
  • Temporal capacity controls content length

Live State

Cog

0.7

density

Temp

0.7

length

Emo

0.7

motion

Val

+0.3

tone

Mode Derivation

See exactly how your inputs become a coherent interface mode.

1Your Inputs
Cognitivemental bandwidth
70%
Temporaltime available
70%
Emotionalresilience
70%
Valencemood
+0.3
2Derived Mode
Exploratory
density:mediumguidance:lowchoices:normalmotion:expressivecontrast:standard
3UI Effects
Fewer items shown, simpler layouts
Full feature display, dense grids
More labels, helper text visible
Reduced options, smart defaults
Calm animations, no surprises
-> Playful micro-interactions
Higher contrast for accessibility

Derivation Rules

Cognitive controls density:

  • cognitive < 0.35 → density: low
  • cognitive > 0.75 → density: high
  • else → density: medium

Temporal controls choices:

  • temporal < 0.35 → choiceLoad: minimal
  • else → choiceLoad: normal

Emotional controls motion:

  • emotional < 0.35 → motion: subtle
  • else if valence > 0.25 → motion: expressive
  • else → motion: subtle

Valence controls tone:

  • valence < -0.25 → contrast: boosted
  • else → contrast: standard

Roadmap

Done

Phase 1: Manual 4-input controls with mode derivation

Next

Phase 2: Automatic signals (scroll velocity, time-on-page, interaction patterns) to modulate inputs without manual controls

Future

Phase 3: Arousal dimension, multimodal feedback, proportional scaling systems

Exploratory