Results for “interface-structure”

Translates Apple's fluid interface design principles—springs, interruptible motion, velocity handoff, and momentum projection—into concrete web techniques for building and reviewing gesture-driven UI.

Design the structure, hierarchy, and navigation model for a product's content and features.

Design native iOS interfaces following Apple Human Interface Guidelines, covering layout, typography, color, navigation, and controls for iPhone and iPad apps.

Generates ultra-minimalist, editorial-style web interfaces with warm monochrome palettes, typographic contrast, bento-grid layouts, and muted pastel accents, rejecting generic SaaS design trends.

Applies design engineering principles to polish UI components, covering typography, surfaces, animations, and performance with concrete CSS values and review checklists.

Translates Apple's fluid interface design principles—spring animations, direct manipulation, interruptibility, and velocity handoff—into web implementations using CSS, Pointer Events, and spring libraries like Motion/Framer Motion.

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

Build production-quality user interfaces that are accessible, performant, and visually polished, with guidance on component architecture, state management, design system adherence, and accessibility.

Design comfortable, accessible dark mode interfaces with proper color adaptation, contrast, and surface hierarchy.

Build web interfaces that fuse Swiss typographic design with military terminal aesthetics, using rigid grids, extreme type scale contrast, utilitarian color, and analog degradation effects for data-heavy dashboards, portfolios, or editorial sites.

Analyzes the design language of Nintendo.com from 2001, documenting its brushed-periwinkle chrome interface, beveled metal plates, chamfered panel geometry, carbon-navy command layer, rationed warm accents, photographic hero fields, and box-art typography.

Creates a print-friendly architecture or pipeline presentation deck with a blueprint-grid mask, rust-red callouts, and serif typography.

Establish clear visual hierarchy through size, weight, color, spacing, and positioning to guide users through interfaces.

Builds production-grade web or mobile interfaces with distinctive design, modern CSS, and purposeful motion, inferring intent from the codebase without asking questions.

Provides a comprehensive set of design rules and anti-patterns to avoid AI-generated slop when building any interface.

Provides design instructions for creating premium, agency-level visual interfaces with specific typography, spacing, shadows, card structures, and animations.