Results for “opacity”

Generates a single-frame HTML template with a cinematic film-leak aesthetic: warm light leaks, 35mm grain, 2.39:1 letterbox, and serif typography for opening titles or chapter cards.

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

Provides the complete design language for Supabase marketing surfaces, including color tokens, typography hierarchy, spacing system, and component styles.

Analyze a screen's interactive affordances to identify clickability issues, state visibility gaps, CTA clarity problems, and action discoverability failures.

Documents the monospaced, manpage-inspired design system of OpenCode's marketing site, including typography, color palette, and spacing tokens.

Creates a video intro frame with a typing cursor effect that reveals text character by character, accompanied by chromatic aberration trails and directional light leaks.

World-class color theory expertise combining the scientific precision of Josef Albers' "Interaction of Color," the systematic thinking of color systems from Pantone and RAL, and the perceptual psychology insights from researchers like Bevil Conway. Color is not just aesthetics - it's communication, emotion, and usability compressed into wavelengths. Great color work is invisible when done right. Users don't notice "nice colors" - they notice when they can't read text, when buttons don't look clickable, when errors don't feel urgent, or when the interface feels "off" without knowing why. Color theory is the science of making the right thing feel obvious. Use when "color theory, color palette, color scheme, color harmony, complementary colors, analogous colors, contrast ratio, dark mode colors, light mode, color tokens, semantic colors, color accessibility, color blindness, color psychology, color system, brand colors, data visualization colors, color, design, accessibility, contrast, dark-mode, theming, tokens

Documents Apple's design system including color tokens, typography hierarchy, spacing rhythm, and component patterns across five surfaces.

Adds strategic color to monochromatic or dull interfaces using oklch for perceptually uniform palettes, generating harmonious color systems with automatic light/dark variants and accessible contrast ratios.

Documents Meta's design system for commerce surfaces, including color tokens, typography hierarchy, spacing, and responsive patterns for hardware merchandising.

Applies OpenAI's brand colors and typography to any artifact that should match the Codex/OpenAI look-and-feel. Use it when brand colors or style guidelines, visual formatting, or company design standards apply.

Documents Intercom's design system including color palette, typography hierarchy, spacing tokens, and layout patterns for marketing surfaces.

iOS 26 Liquid Glass design system — dynamic glass material with blur, reflection, and interactive morphing for SwiftUI, UIKit, and WidgetKit.

Analyzes and documents SpaceX's design language, including color palettes, typography, layout, and elevation, for use in design systems and brand guidelines.

Select, pair, and implement typefaces for web projects with guidance on readability, CSS implementation, and performance optimization.

Documents MongoDB's visual design system including colors, typography, layout, elevation, and shapes for UI implementation.

Refines overly bold or aggressive designs into a calmer, more sophisticated aesthetic while preserving effectiveness and usability.

Implements Apple's Liquid Glass design system for iOS 26 apps, covering SwiftUI, UIKit, and WidgetKit integration with glass effects, morphing transitions, and customization.

iOS 26 Liquid Glass design system — dynamic glass material with blur, reflection, and interactive morphing for SwiftUI, UIKit, and WidgetKit.

Documents the visual design system of Coinbase's marketing surfaces, including color palette, typography, layout, and elevation tokens.

Audits colour decisions on a screen for contrast ratios, palette coherence, semantic meaning, and accessibility, flagging deviations and recommending specific corrections.

Implement Apple's Liquid Glass design system for iOS 26+ with dynamic glass materials, blur, reflection, and interactive morphing in SwiftUI, UIKit, and WidgetKit.

Apply the Aesthetic-Usability Effect to ensure visual consistency and polish translate into user trust and perceived quality without masking genuine usability problems.

Evaluate a screen's information density by analyzing cognitive load, content prioritization, scanning patterns, and progressive disclosure, with actionable fixes for each dimension.

Analyzes and documents Superhuman's design language, including color palette, typography, layout, and elevation system for implementation.

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

Generates a single-file HTML page with a cyberpunk glitch-art title frame, featuring chromatic aberration, scanlines, noise grain, and data-corruption animations.