Beautiful GUI Design

Treat the screen as a designed surface, not a dump of controls: hierarchy, color, type, motion, and accessibility are structural, and every choice must survive light/dark mode, small and large viewports, keyboard and screen-reader use, and the conventions of the platform it ships on.

When to Use

• Designing or reviewing a web app, marketing page, dashboard, or settings/onboarding flow.
• Building a desktop GUI (Electron/Tauri) or a native app (SwiftUI/AppKit, Jetpack Compose, WinUI).
• Establishing a design system: semantic color tokens, a type scale, spacing, elevation, component states.
• Adding light/dark themes, fixing contrast/accessibility failures, or making a layout responsive.
• Choosing a component approach (headless primitives vs. styled kit) or a design-to-code tool.

NOT for

• Terminal/CLI output, TUIs, prompts, or ANSI rendering. Use beautiful-cli-design.
• API response schemas, wire formats, or machine-only output contracts.
• Backend architecture, data modeling, or non-visual logic.
• Brand strategy / copywriting (this is the visual + interaction layer).