Visual Design

Purpose

Apply visual design principles — color theory, typography, layout grids, spacing systems, visual hierarchy, and aesthetic consistency — to create interfaces that are both beautiful and functional. Visual design serves usability: every decision about color, type, spacing, or layout should support clarity, readability, and user goals.

Agent Protocol

Trigger

Exact user phrases: "visual design", "color theory", "typography", "layout", "visual hierarchy", "spacing", "proportion", "UI aesthetics", "make it look better", "design polish", "visual polish".

Input Context

• Product type (dashboard, marketing site, mobile app, data-heavy tool)
• Existing brand assets or design system tokens
• Target user demographics (age, accessibility needs, cultural context)
• Platform constraints (responsive breakpoints, screen sizes, rendering engine)
• Brand personality (professional, playful, luxurious, minimalist)

Output Artifact

Visual design specification with color system, typography scale, spacing grid, layout principles, and accessibility requirements.