Design Systems in Web Design

Apply professional color and font themes to slides, docs, and web pages.

Build production-grade web components and interfaces with distinctive, polished design.

Apply professional color and font themes to slides, docs, and web pages.

Apply Anthropic's official brand colors and typography to any design or artifact.

Create design tokens, component specs, and branded presentations from a systematic token architecture.

Create logos, brands, design tokens, banners, and social media graphics.

Understand slide format, navigation, and structure in HTML presentations.

Generate a complete long-form article with masthead, hero image, and related posts.

Extract colors, fonts, and design tokens from any website into multiple formats.

Build accessible design systems with tokens, components, and intent-first principles.

Build accessible, brand-aligned design systems with tokens and component specs.

Learn universal design principles for visual hierarchy, typography, interaction, and accessibility.

Extract design systems from UI screenshots and generate implementation-ready design prompts.

Create and apply brand.yml files for consistent branding across Shiny and Quarto projects.

Review designs, write UI copy, build systems, and check accessibility.

Find unexpected design inspiration by exploring patterns from unrelated industries and domains.

Extract design tokens and variables from Figma and generate ready-to-use QML code.

Apply your project's design system to UI, styling, and copy decisions automatically.

Choose and implement a modern UI design style with tokens, components, and accessibility guidelines.

Generate, review, and integrate AI-built UI components into design systems.

Guide visual style searches with branching prompts, feedback loops, and direction selection.

Apply Anthropic's official brand colors and typography to your designs.