Visual Language

Visual language rules for AriaCore surfaces. Trigger: Any dashboard styling, typography, spacing, or visual identity change.

ITECHDEV-MX 52502c5 986 B Updated

File contents

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 AriaCore, 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.

ITECHDEV-MX/aria-core/tree/main/skills/visual-language commit 52502c537c

Frequently asked questions

npx skillmds@latest add itechdev-mx/visual-language