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.

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.

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

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.

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.

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