Results for “contrast”

Audits components and pages for WCAG 2.2 AA accessibility issues, focusing on touch targets, focus states, contrast, labels, and reduced motion, with practical code fixes.

Author, lint, diff, and export Google's DESIGN.md design token spec files, including WCAG contrast validation.

Build a comprehensive color system with palette generation, semantic mapping, and accessibility compliance.

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

Reconcile a converted or built web page against its source prototype using pixel/layout and structural content diffs to catch fidelity regressions.

Apply the Von Restorff Effect to make the most important element visually distinct from its surroundings, improving attention and recall.

Documents Revolut's marketing design system: two-mode canvas (black/white), Aeonik Pro display typography, cobalt-violet brand accent, pill-shaped buttons, and product-led photography.

Generates brutalist web prototypes with Swiss industrial-print aesthetics, using grotesque typography, oversized numbers, ASCII decorations, and hazard-red accents.

Documents Linear's dark-canvas marketing design system with near-black backgrounds, lavender-blue accent, four-step surface hierarchy, aggressive negative tracking on display type, and product UI screenshots as the primary visual rhythm.

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.

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

Defines a vibrant claymation-meets-data design system for Clay.com, including color palette, typography, layout, and elevation tokens for GTM-data interfaces.

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.

Analyzes Stripe's design language, documenting its color system, typography, layout, and component patterns for use in design projects.

Analyze and replicate xAI's design language: near-black canvas, white pill outlines, Universal Sans display type, and Geist Mono technical labels.

Performs a meticulous final pass on frontend work, checking visual alignment, typography, color contrast, interaction states, micro-interactions, content, icons, forms, edge cases, responsiveness, performance, and code quality to elevate work from shipped to polished.

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.

Adds a complete dark mode to any frontend project: auto-detects the theme system, generates a WCAG-compliant dark palette, adds a toggle with system detection and persistence, migrates hardcoded colors to theme tokens, and verifies contrast ratios.

Builds distinctive, production-grade UI by committing to one of 12 named visual directions, implementing a real typography scale, spacing system, and one signature flourish, then gating the result through a measurable anti-slop checklist and contrast/touch-target verification.