Design skills

Create practical UI design guidelines built around generous whitespace, readable text, and a restrained color palette. Define consistent component behavior, accessible interactions, and review checklists for a simple, uncluttered interface.

• Planning a simple, uncluttered interface
• Standardizing spacing and typography across screens
• Defining accessibility checks for UI reviews

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 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

Develop UI guidelines for magazine-inspired layouts with serif typography and structured grids. Specify text sizes, spacing, component states, responsive behavior, and accessibility criteria to give designers and developers a consistent foundation for reading-focused interfaces.

• Define a magazine-inspired reading layout
• Standardize typography and spacing across reading pages
• Document accessible behavior across screen sizes

Create practical guidelines for flat interfaces with vibrant colors, clean typography, and no three-dimensional effects. Define shared design values, component behavior, accessibility criteria, and review checklists to help designers and developers build consistent screens.

• Defining guidelines for a flat interface
• Standardizing colors, typography, and spacing
• Documenting component states and keyboard behavior

Create practical interface design guidelines with strong contrast, expressive typography, and bold colors. Define reusable visual settings, component behavior, accessibility requirements, and review checklists so designers and engineers can apply the style consistently.

• Define an expressive interface style
• Standardize colors, typography, and spacing
• Document component states and interactions

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 editorial-style UI guidelines for digital products using IBM Plex Serif and a purple palette. Define typography, spacing, component states, and accessibility requirements, then organize them into practical rules and checklists for implementation and review.

• Define an editorial-style UI for a digital product
• Standardize purple colors and serif typography
• Document component states and interaction behavior

Create practical UI guidelines using monospace fonts, vivid green accents, strong contrast, and compact layouts. Define shared colors and spacing, component states, responsive behavior, and accessibility checks for designers and developers.

• Planning a compact UI with monospace fonts
• Standardizing component colors and spacing
• Defining keyboard interactions and focus states

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

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

Develop design guidelines for dark productivity dashboards with modular grids and glass-like panels. Organize complex information through clear visual hierarchy, consistent component states, responsive layouts, and testable accessibility requirements for implementation and review.

• Designing a dark dashboard for complex data
• Defining empty, loading, and error states
• Documenting reduced-motion and high-contrast support

Create UI guidelines with bold borders, vivid accent colors, and warm backgrounds. Turn the visual direction into concrete typography, spacing, component behavior, and accessibility rules for implementation and review.

• Define a bold interface with vivid accent colors
• Standardize typography and spacing
• Specify button states and interaction behavior

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

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 design guidelines for interfaces with spatial depth, using isometric views, angled depictions of objects, perspective, and layered elements. Define visual foundations, component behavior, and accessibility criteria for consistent implementation.

• Planning an interface with depth and layered elements
• Using perspective to guide attention
• Standardizing visual rules and component states

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

Develop practical UI guidelines centered on whitespace, clear typography, and restrained color. Specify shared design settings, component behavior, accessibility requirements, and review checks to keep minimal interfaces consistent and easy to follow.

• Planning a minimal UI with generous whitespace
• Standardizing typography, colors, and spacing
• Resolving inconsistencies in an existing UI

Create implementation-ready guidelines for a futuristic UI using technology-inspired typography and blue and purple colors. Define shared styling rules, component behavior, responsive layouts, and accessibility checks, with examples and migration guidance for existing interfaces.

• Define a futuristic UI style
• Standardize typography and blue and purple colors
• Document component states and responsive layouts

Create UI guidelines for neon glow effects and high-contrast color combinations. Use lime and cyan accents to define typography, spacing, component states, responsive behavior, and testable accessibility requirements for a consistent interface.

• Planning an interface with neon styling
• Standardizing lime and cyan accent colors
• Defining component states and interactions

Create practical UI design guidelines for an electronics shop using yellow and black, modern typography, and structured layouts. Define consistent component behavior, accessibility requirements, and review checklists that designers and engineers can use during implementation.

• Define UI guidelines for an electronics shop
• Standardize typography, colors, and spacing
• Document component states and keyboard behavior

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

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

Develop UI guidelines for a minimal, print-inspired look with paper-like textures and restrained colors. Turn typography, spacing, component states, and accessibility requirements into concrete rules, including migration notes and a checklist for reviewing implementation.

• Plan a paper-textured, print-inspired UI
• Standardize restrained colors and typography
• Document component states and responsive behavior