Color Grading & Visual Grammar
Rigorous 60-30-10 color grammar delivering instant architectural clarity without reading text.
Semantic Action Tokens
Emerald for Create (+), Sky for Update (~), Rose for Delete (-), Amber for Replace (±), Purple for Read, and Slate for No-op.
Compound Module Containers
Visual module bounding hulls depicting nested encapsulation and logical grouping boundaries.
Directional Dependency Edges
High-contrast vector arrows illustrating explicit provider references and implicit dependency hierarchies.
The Problem
Monochromatic Visual Clutter
Standard graph visualizations treat every node identically or use arbitrary randomized color palettes, forcing reviewers to read every single label to understand what is being created, modified, or destroyed.
Under the Hood: Engine & Algorithm
Semantic Action Token Contract
Every visual asset in plan-parse strictly adheres to standard action colors: Emerald (#10b981) for creation, Sky (#0ea5e9) for in-place modifications, Rose (#f43f5e) for destruction, Amber (#f59e0b) for destructive re-creation, and Purple (#a855f7) for data source lookups.
Workstation Flow: How to Use
Identify destructive amber and rose nodes from a birds-eye overview before zooming in.
Use sidebar action pills to instantly highlight or isolate all resources sharing an action token.
Color tokens maintain calibrated contrast and luminosity across both Dark and Light themes.
Real-World SRE & Platform Scenario
Rapid Architecture Review
During a high-stakes release sync, the team lead zooms out to view the entire infrastructure. A single bright amber node immediately flags an unexpected RDS recreation that would have triggered a 30-minute outage.