Module Theming
Each Cuitty module has an accent color that cascades through its entire UI surface — icons, badges, charts, and empty states.
Color Cascade Pattern
All Modules
Audit logging with before/after diffs
Config management and versioning
Infrastructure cost tracking
Deploy monitoring with rollback
Log aggregation and analysis
Runtime process metrics
Code analysis and metadata
Secret management with 1Password
Automated browser video recording
AI-assisted browser automation
Domain brainstorming & workspaces
Category Color Mapping
| Category | Color | Modules |
|---|---|---|
| security | Blue | Audit, Secrets |
| management | Blue | Configs |
| analytics | Blue | Cloud Costs |
| deployment | Green | Deploys |
| monitoring | Purple / Blue | Performance, Logs |
| development | Orange / Blue | Forge, Repository |
| tools | Amber / Pink | Pilot, Video Generator |
Module Specimens
Expandable row with before/after diff, action filter pills
Status timeline entry — success/rollback/failed with environment badge
Cost card with trend arrow, period selector, provider filter
Level badge (INFO/WARN/ERROR) + timestamp + expandable metadata
Mini area chart with CPU/memory metric and polling indicator
Masked value with rotation status and 1Password integration badge
Status card (generating → success → error) with step progress
Playbook timeline with approval, review, and recording status
Workspace card with repo count, health status, name candidates