crit-imagery-illustration

What problem does it solve?

Helps product teams choose, specify, and lock a coherent imagery and illustration direction that fits existing layout, color, and typographic decisions, preventing inconsistent or decorative-only visuals and ensuring accessibility and performance considerations are addressed.

Core Features & Use Cases

• Imagery audit & placement map: Catalogs where imagery appears (hero, cards, avatars, empty states) based on locked facet files and recommends stock vs custom treatments.
• Option generation with concrete specimens: Produces 2–3 self-contained HTML option files that render CSS-based visual specimens (hero, card, avatar, empty state, feature illustration) and a compare.html for side-by-side evaluation.
• Evaluation & handoff guidance: Scores options on brand reinforcement, functional clarity, style consistency, performance, and accessibility, and produces a lock summary and production rules for implementation.
• Use Case: Choosing between photography-led hero visuals and a custom illustration system for a marketing site while ensuring headings remain readable and avatars have fallbacks.

Quick Start

Generate 2–3 imagery options applied to your locked layouts and produce a compare.html that demonstrates hero, card, avatar, empty state, and feature illustration specimens.