crit-imagery-illustration

To define a cohesive imagery and illustration system, generate 2-3 visual options applied to real UI surfaces like hero sections and cards, then score them on brand reinforcement, functional clarity, and accessibility. This produces self-contained HTML specimen files for side-by-side evaluation.

Evaluating visual style consistency involves scoring generated imagery options against criteria like brand reinforcement, functional clarity, performance, and accessibility. The process renders CSS-based visual specimens for hero images, avatars, and empty states to compare side-by-side.

Choosing between custom illustration and stock imagery requires auditing placement maps based on locked facet files to recommend appropriate treatments. You generate 2-3 HTML option files demonstrating both approaches on real UI surfaces and evaluate them through a compare.html file.

Yes, you can generate HTML specimen artifacts for design critique loops using CSS gradients, shapes, and labeled placeholders instead of external image assets. These self-contained HTML files represent imagery through explicit style rules for hero sections, avatars, and feature illustrations.

Yes, you need locked layout, color, and typographic facet files before creating an imagery direction. The process requires reading the .design-crit brief and locked facet files to ensure the generated visual options fit existing layout and color decisions coherently.

To ensure accessibility when designing avatars and feature illustrations, the generated options include explicit fallbacks and are scored on accessibility criteria. The final lock summary and production rules provide implementation guidance to maintain accessibility standards across the styleguide.