Illustrations
One flat, front-facing style drawn with QuiverAI Arrow 2 and recoloured to the --illo-* tokens — no isometric depth, bevels or shadows. Every scene sits on a light .illo-panel with a slowly drifting wash from the CTA palette (four compositions, .illo-wash-0…3), framed by its own content box with `meet` so the whole object shows with even margins. Clickable cards (services, situations) tell a before → after story on hover or selection; the rest idle on one focal loop, on the expressive spring curves.
Service cards
UxAuditIlloProjectIlloRetainerIlloDesignSystemIlloWho I work best with
NoDesignLeadIlloNotConvertingIlloNoDesignerIlloBuiltWithAiIlloService pages — "Sounds familiar?" (drawn where no homepage scene told the card; red pins mark the problems via --illo-flag)
AiGapsIlloDatedSiteIlloUX audit — coverage checks
HeuristicIlloInformationArchitectureIlloAccessibilityIlloActionPlanIlloUX audit — sizes and formats, thank-you, 404 (the 404's quick links below it are white cards on the FAQ aqua wash, .card-link-wash; its numerals are heading-face text, .nf-numerals)
SprintIlloStandardIlloFullIlloReportIlloAnnotatedIlloWalkthroughIlloBriefSentIlloNotFoundIlloSpots — thank-you next steps (shown bare above each step on the page, IlloPanel size="spot": 72/80px, left-aligned, .illo-stage-spot)
ReadBriefSpotReplySpotCallSpotTokens
--illo-panel light ground · --illo-white, --illo-light, --illo-mid fills · --illo-ink soft 0.75px hairlines (non-scaling; .illo-weight opts out) · .illo-panel-roomy smaller service scenes · --illo-accent (= --accent-deep) the focal element · --illo-line panel edge.
Loops: illo-loop-breathe | pulse | grow on the svg for non-clickable scenes move one .illo-focal group, paused by .illo-idle until seen and under reduced motion. The UX audit coverage, audit-size and format scenes run a sequenced loop instead: steps carry illo-seq illo-seq-1…4 plus an effect (pop | fill | fade | draw | ring), driven by one registered --illo-seq number on a shared 6.4s cycle — they reset together, build up one slot at a time, then hold the finished picture (frame 0, so paused scenes read complete). Clickable cards tell a story instead (story-* groups, on hover or .illo-story-on). Washes: .illo-wash-0…3, picked with wash, drifting while on screen.