engram-visual-language

When to Use

Use this skill when:

• Editing styles.css
• Creating new dashboard sections or states
• Refining layout, spacing, typography, or color use

Visual Rules

1. The dashboard must feel like Engram, not a generic SaaS admin.
2. Prefer strong hierarchy, fewer containers, and clearer breathing room.
3. Use the TUI-inspired palette and mono/display accents intentionally.
4. Format machine timestamps and raw identifiers into human-scannable UI.
5. Decorative framing must never make content harder to read.

Density Rules

• Avoid box-inside-box repetition unless it clarifies information grouping.
• Important text must never touch borders or feel cramped.
• Metrics should read instantly.
• Tables should stay clean, aligned, and visually quieter than hero areas.