ui-design

Generate a full color palette with semantic mapping and accessibility checks.

Design a complete screen layout from a description or requirements.

Audit a design for responsive behavior across breakpoints.

Create a complete typography system from brand fonts or requirements.

Build a comprehensive color system with palette generation, semantic mapping, and accessibility compliance.

Design effective dark mode interfaces with proper color adaptation, contrast, and elevation.

Design clear, accessible data visualizations with appropriate chart selection and styling.

Define an illustration style guide with visual language, color usage, and application rules.

Define responsive layout grid systems with columns, gutters, margins, and breakpoint behavior.

Design adaptive layouts and interactions that work across all screen sizes and input methods.

Create a consistent spacing system based on a base unit with contextual application rules.

Create a modular typography scale with size, weight, and line-height relationships.

Establish clear visual hierarchy through size, weight, color, spacing, and positioning.