C
Cuitty
Brand Guide
v1 — Foundry
07 — Module Theming

Module Theming

Each of Cuitty's 10 modules has an accent color that cascades through its entire UI surface — icons, badges, charts, and empty states.

Color Cascade Pattern

Icon background 20% opacity
Icon foreground 100% opacity
Sidebar active indicator Left border 3px
Section heading accent Tag pill color
Chart primary series Area/line/bar fill
Category badge Module-specific badge
Empty state tint Illustration accent

All Modules

Auditsecurity

Audit logging with before/after diffs

#3b82f6
#3b82f620
Configsmanagement

Config management and versioning

#3b82f6
#3b82f620
Cloud Costsanalytics

Infrastructure cost tracking

#3b82f6
#3b82f620
Deploysdeployment

Deploy monitoring with rollback

#22c55e
#22c55e20
Logsmonitoring

Log aggregation and analysis

#3b82f6
#3b82f620
Performancemonitoring

Runtime process metrics

#8b5cf6
#8b5cf620
Repositorydevelopment

Code analysis and metadata

#3b82f6
#3b82f620
Secretssecurity

Secret management with 1Password

#3b82f6
#3b82f620
Video Generatortools

Automated browser video recording

#ec4899
#ec489920
Forgedevelopment

Domain brainstorming & workspaces

#f97316
#f9731620

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
Pink
Video Generator

Module Specimens

Audit Log Entry

Expandable row with before/after diff, action filter pills

Deploy Timeline

Status timeline entry — success/rollback/failed with environment badge

Cost Metric

Cost card with trend arrow, period selector, provider filter

Log Entry

Level badge (INFO/WARN/ERROR) + timestamp + expandable metadata

Performance Chart

Mini area chart with CPU/memory metric and polling indicator

Secret Row

Masked value with rotation status and 1Password integration badge

Video Generation

Status card (generating → success → error) with step progress

Forge Workspace

Workspace card with repo count, health status, name candidates