Design skills

Create guidelines for readable interfaces with generous whitespace, consistent padding, and grid layouts. Define typography, component states, responsive behavior, and accessibility checks, giving teams concrete standards for implementing and reviewing a clean, consistent UI.

• Standardize spacing across screens
• Define layouts for different screen sizes
• Document empty, loading, and error states

Create design guidelines for interfaces that echo real materials, textures, and three-dimensional objects. Translate that visual approach into concrete color, typography, spacing, component behavior, and accessibility rules that designers and engineers can implement.

• Plan interfaces inspired by physical materials and objects
• Define consistent rules for tactile-looking components
• Document migration steps and review checks for existing interfaces

Create practical UI design guidelines with pixel fonts, dotted borders, and bold colors inspired by retro arcade games. Define consistent components, spacing, interaction states, and accessibility checks for designers and developers.

• Planning a retro arcade-style interface
• Standardizing pixel fonts and dotted borders
• Reviewing keyboard controls and motion accessibility

Create UI guidelines inspired by Apple's visual style, with precise spacing and modern typography. Define shared colors, component states, responsive behavior, and accessibility criteria to give designers and developers a consistent implementation reference.

• Planning an interface inspired by Apple's visual style
• Standardizing typography, spacing, and colors
• Reviewing component consistency and accessibility

Create practical UI design guidelines using geometric shapes, clean typography, and restrained colors. Define shared values for spacing and color, component behavior, and accessibility checks so designers and engineers can build consistent interfaces.

• Define rules for a clean, geometric UI
• Standardize colors, typography, and spacing
• Prepare an accessibility review checklist

Create practical design guidelines for data-heavy business web applications. Define colors, typography, spacing, component behavior, and accessibility checks so designers and engineers can apply consistent rules across screens, including loading, empty, and error states.

• Define design rules for data-heavy business applications
• Standardize component appearance and interaction states
• Create an accessibility checklist for design reviews

Develop UI guidelines for a frosted-glass appearance using translucent layers, subtle blur, and luminous borders. Specify shared colors, component states, responsive behavior, and accessibility criteria to guide consistent implementation.

• Define guidelines for frosted-glass interfaces
• Standardize card layouts and shared colors
• Specify component behavior across screen sizes

Develop interface guidelines that help users move toward a specific action with less friction. Specify visual hierarchy, clear labels, colors, spacing, and component states, with practical accessibility criteria and review checklists.

• Clarify the path toward a signup or other action
• Standardize buttons, labels, and interaction states
• Create review criteria for an existing interface

Create design guidelines for dark interfaces with large headings and a premium visual style. Define monochrome foundations, typography, spacing, component states, and accessible interactions, giving designers and engineers concrete implementation rules.

• Define a dark visual style for a premium brand
• Standardize large headings and screen spacing
• Review keyboard and touch interactions in dark interfaces

Develop UI guidelines for playful interfaces with smooth gradients and visual depth. Specify shared colors, fonts, spacing, and component states, with concrete accessibility requirements and review checklists to guide implementation.

• Planning an interface with gradient-rich surfaces
• Standardizing typography and spacing across components
• Defining keyboard and touch accessibility checks

Create practical UI design guidelines for bold layouts, strong contrast, and theatrical visuals. Define colors, typography, component behavior, and accessibility checks so designers and developers can apply the style consistently across an interface.

• Define guidelines for a bold, theatrical interface
• Standardize colors, typography, and component states
• Create an accessibility and design review checklist

Create UI design guidelines for a game-inspired fantasy aesthetic with bold visuals and rich colors. Specify fonts, spacing, component states, and accessibility criteria, giving designers and developers concrete rules for consistent implementation.

• Defining guidelines for a fantasy-themed interface
• Standardizing colors, fonts, and an eight-point spacing grid
• Specifying component states and input behavior

Write practical interface guidelines based on Google's Material Design, covering layered surfaces, motion, and dynamic themes. Define shared design values, component behavior, responsive layouts, and accessibility criteria for consistent experiences across devices and platforms.

• Writing interface guidelines based on Material Design
• Standardizing colors, typography, and spacing
• Defining component behavior across device sizes

Create friendly UI design guidelines using bright colors, rounded shapes, illustrations, and borders that suggest depth. Turn a minimal, playful style into concrete rules for layout, component interactions, and accessibility checks.

• Defining guidelines for a bright, rounded interface
• Specifying buttons with depth and clear interaction states
• Standardizing colors, typography, and spacing

Create practical design guidelines for consistent corporate interfaces. Define colors, typography, spacing, component behavior, and accessibility checks so designers and engineers can apply the same brand rules across screens.

• Define shared design rules for corporate interfaces
• Align inconsistent components across existing screens
• Prepare accessibility criteria for design reviews

Develop design guidelines for playful interfaces with soft, rounded shapes that resemble colorful clay. Define colors, typography, spacing, and component states, with accessibility criteria and a checklist for reviewing implementation.

• Planning a soft, clay-like interface
• Standardizing colors, spacing, and component states
• Reviewing accessibility in playful UI designs

Develop UI guidelines built around heavy typography, strong color contrast, and prominent layouts. Specify fonts, spacing, interaction states, and accessibility criteria, giving designers and engineers concrete rules and a checklist for implementation reviews.

• Plan a UI with heavy typography
• Document component interactions
• Define accessibility review criteria

Develop interface design guidelines inspired by books, magazines, and reports. Organize editorial grids, typography, colors, and spacing into consistent rules, including component states and accessibility checks that designers and developers can use.

• Planning an interface inspired by magazine layouts
• Standardizing headings, body text, colors, and spacing
• Documenting empty, loading, and error states

Create practical interface design guidelines with warm café colors, soft typography, and clean layouts. Define shared colors and spacing, component behavior, and accessibility checks to guide implementation of a relaxed browsing experience.

• Planning a warm, café-inspired interface
• Standardizing colors, typography, and spacing
• Defining component states and keyboard behavior

Create implementation guidelines for colorful interfaces with vivid palettes and gradients. Specify typography, spacing, component states, and accessibility checks, including readable contrast, keyboard navigation, reduced motion, and touch target sizes, to keep visual choices consistent.

• Define vivid palettes and gradient usage for an interface
• Standardize component states and spacing across colorful screens
• Review readability, motion, and touch accessibility

Create UI guidelines inspired by friendly children's-book illustrations, using cream tones, bold lettering, thick outlines, and rounded shapes. Define typography, colors, spacing, component states, and accessibility checks for a consistent, playful interface.

• Define a friendly, picture-book-inspired interface
• Standardize bold outlines and rounded components
• Document interaction and accessibility checks for playful UI

Define guidelines for an interactive, exhibit-style interface combining storytelling, animation, and game-like elements. Specify a continuous deep green background, bold white cards, typography, interaction states, and accessibility criteria to guide a consistent implementation.

• Design a storytelling-led digital exhibit
• Unify screens on a continuous deep green background
• Specify bold cards and reactive buttons

Develop guidelines for a minimal black-and-white interface led by typography. Specify pill-shaped controls, shared spacing, component states, and accessibility criteria, with photography providing color and no decorative shadows or gradients.

• Planning a minimal black-and-white interface
• Defining pill-shaped controls and image cards
• Standardizing typography and spacing

Create UI guidelines with a research-journal feel, using warm ivory, near-black surfaces, restrained accents, and typographic emphasis. Document component shapes, interaction states, and accessibility criteria to guide consistent implementation and design reviews.

• Define a research-journal-style interface
• Standardize cards and buttons
• Document rules for restrained visual emphasis