Reader
Quarterly operations review
Long-form content remains on a quiet Light reading surface while adjacent operational data can use Dark.
StrategyOperations
Stress controls
The page defaults to Hybrid. Switch global modes while the forced and Hybrid-target regions keep their intended semantic context.
Dark header + Light content
A compact application shell using Hybrid-target semantic surfaces only.
Operations
Control centre
Workspace
Light content remains readable and structurally separate from dark application chrome.
Dark sidebar + Light workspace
Navigation can carry a dense Dark context while the task surface stays Light.
Project workspace
3 reviews42Open tasks
11Owners
Dark header + Dark sidebar + Light main
A denser administration shell verifies multiple Dark chrome regions around a Light working canvas.
Administrator
Site control
Dashboard
Healthy
All services are responding.
Updates
Two maintenance items are available.
Light app + Dark API/code panels
Focused technical surfaces can stay Dark inside an otherwise Light application.
API request builder
Response200
{ "status": "ok", "items": 12 }Reader + dashboard mixed surfaces
Content-heavy and metric-heavy regions can alternate semantic context without leaking colour roles.
Dashboard
Live metrics
98.6%Availability
184 msMedian response
Capacity
One region is nearing its warning threshold.
Dark → Light → Dark stress chain
Three explicit semantic scopes exercise restoration across forms, validation and feedback states.
Dark outer shell
Depth 1Light form workspace
Depth 2Validation example
A destructive state remains readable inside the restored Light scope.
Dark nested action panel
Depth 3Ready
Nested Dark feedback uses the Dark semantic recipe.
Phase 4 batch in progress: all shell recipes, deep nesting, forms, states and overlay/runtime context are now covered; the final step performs the full release-quality gate.