Quel's Professional AC · motion & graphics · 26 Jul 2026

The cog reads on desktop.
On a phone it fights the copy.

First look at the particle emblem, captured mid-build. Task 5 of 14 — the first point at which any of this is visible.

Works

Desktop, 1440

Cog ring, blue snowflake left, orange sun right. It is recognisably the structure of his mark, sitting clear of the copy column.

Needs a decision

Mobile, 390

The emblem sits behind the paragraph and collides with it. The subhead is measurably harder to read — on the device his customers actually use.

Desktop — 1440×900

Desktop hero with the live particle emblem: a ring of chrome points forming a cog, a blue snowflake at left and an orange sun at right. — **Live field.** The gear teeth resolve, the sun is the strongest of the three shapes, and the copy column stays completely clear.

Desktop hero showing the static SVG emblem fallback. — **Static fallback.** What shows on first paint, under reduced motion, and if WebGL fails. Same box, so the swap shifts nothing.

Mobile — 390×844

Mobile hero where the particle emblem overlaps the body paragraph, reducing its legibility. — **Live field — the problem.** Particles run straight through “Licensed, same-day AC & heating repair…”

Mobile hero showing the static SVG emblem fallback. — **Static fallback.** Cleaner, because the SVG sits lower and tighter than the live field does.

Mobile hero before the fit tuning, with a smaller emblem. — **Before tuning.** Smaller and weaker, but it collided with the copy less. The fix traded one problem for another.

Both buttons stay fully readable and tappable. Nothing blocks the call button, and the phone number is correct: (727) 831‑9274.

But the paragraph between the headline and the buttons is the part that answers “can you actually help me today” — and right now particles cut through it.

What I'd change

Finding	Detail	Call
Emblem collides with mobile copy	At 50% opacity the field still crosses the subhead. Options: drop mobile opacity to ~25%, push the formation below the copy block, or hide the live field on portrait and keep the static mark. My preference is the second — keeps it alive without fighting text.	Fix
Reads as a constellation, not chrome	The links between particles make it look like a network diagram of a gear rather than a machined ring. Thinning or dimming the links would let the points carry the shape.	Your call
Snowflake reads as a blue asterisk	Six arms are there in the geometry but the branches crowd at this scale. Fewer, longer branches would read more like a flake.	Your call
Loose orange dots inside the ring	Those are the signal pulses, all inheriting the sun's colour. Scattered across the cog they read as noise rather than intent.	Your call
“4.9★ Rated” still showing	Expected — the fabricated rating comes out in Task 14. Flagging so you know it wasn't missed.	Scheduled

Captured from a production build on port 4123 while the build agent was still running, so the tuning may have moved since. Branch motion-graphics, off main at a1b64af — nothing here is on the live site, and the site itself is not deployed anywhere yet.