Round 7 — Scheduled walkthrough, 3 panels
it asks → they walk it → you get the walkthrough
Static — no animation. Every reveal element carries an ra-sw- class hook. Photos are empty .image-slot divs with visible ids. Panels flex-wrap to a vertical stack under ~900px and share one height.
7aEl Recorrido · scheduled walkthrough3×380px · equal heights · static
ReportAmigo SMS
FRIDAY · 4:00 PM
Reminder! ReportAmigo texts the crew — in their language
¿Nos mandas el recorrido de Main St? ES
123 Main St
Scheduled Report — 123 Main St reportamigo.com · tap to record
it texts them, not you
0:14
ya terminamos el baño de arriba, falta pintar ES
Translated & organized! “Upstairs bath is done. It still needs paint.”
Upstairs · bath 6 photos captured no app needed
they walk and talk
Main Street Friday
Upstairs bath 4:52 PM Drywall complete, ready for paint.
Kitchen 4:55 PM Cabinets set. Counters not started.
Basement 4:58 PM Subfloor repaired, confirmed by crew.
WHAT CHANGED TODAY Paint can start upstairs Monday. Counters are the only open item.
Sent to you · 5:00 PM EN
save the drive to the jobsite
Reveal order via classes: ra-sw-p1-header → -p1-chip → -p1-bubble → -p1-link → -p2-cam → -p2-rec + -p2-wave → -p3-header → -p3-row1/2/3 → -p3-footer. Static state = reduced-motion state. Photos: #ra-sw-img-walkthrough (jobsite photo in place), #ra-sw-img-richlink (rich-link hero, landscape), #ra-sw-img-bath/-kitchen/-basement (squares).
Round 6 — El Reporte + chain cards 1 & 2
the payoff loop, plus 1 TEXT → 2 REPORTAMIGO → 3 REPORT (your 4t)
CSS-only, transform/opacity animations, strict brand tokens, Caveat + Manrope. Reduced-motion shows the finished state. Each scales cleanly to a 358px mobile card via a wrapper scale.
6aEl Reporte — wideweb hero · 720×280 · 9s seamless
la obra
2º piso
0:12
ya terminamos el segundo piso 👍
Daily report
123 Main St · Miguel Santos
3 OF 3 ATTACHED
today 2:47 PM ✓
¡Fácil!
La obra flashes → foto, nota de voz y texto pop up on-site and get sucked into the walkie → the report stamps out with checks, timestamp y un “¡Fácil!”. Reduced motion = finished report only.
6dEl Reporte — móvil364×260 · fits a 358px card
0:12
ya terminamos el segundo piso 👍
Daily report
123 Main St · Miguel Santos
3 OF 3 ATTACHED
today 2:47 PM ✓
¡Fácil!
Same 9s loop squeezed for mobile — banner trimmed, walkie left receiving the updates, report right. No jobsite scene at this size.
6bChain 1 · TEXTcrew mess in → GC clarity out
ReportAmigo always on the job SMS
TODAY · 2:41 PM
20 photos
0:58
ES Oye, ya terminamos la plomería del segundo piso y…
Delivered · 2:42 PM
summarizes & translates
GC INBOX
Report ready — 123 Main St 2:47 PM
EN
translated & summarized in seconds
Step 1 art: crew dumps 20 photos, one Spanish paragraph and 0:58 of voice — then the payoff pops below: the GC’s inbox gets one concise EN summary with a scrollable carousel and a check. Only the crew’s own bubble stays in Spanish; every ReportAmigo label is English.
6cChain 2 · REPORTAMIGOel amigo at work
“se rompió un tubo en el baño” ES
A pipe broke in the bathroom EN
Which bathroom — upstairs? pregunta lista
el baño
2:47 PM ✓
Step 2 art: translates ES→EN, asks the smart follow-up, stamps the time on the photo. Three jobs, one amigo.
Round 5 — RCS banners
1440×448 contact-card art · banner only, profile picture overlays separately
Shown at 50%. Banner art only — the profile picture overlays separately, so each design keeps its center-bottom area calm. Pick one (or several) and I’ll export exact 1440×448 PNGs well under 200 KB.
5aLa Conversaciónwalkie → casa on cream
Walkie talks, house receives, check delivered. Signal rings halo the avatar from behind.
5bFiesta Naranjabold brand orange
Two white walkies calling each other across the card. Loudest option — sage avatar pops hard on orange.
5cLa Ruta completawalkie → tower → house + cord
The whole story in one strip — extension cord swoops the top, route hops jobsite → tower → home office.
5dLos Mariachisseamless sage — avatar melts in
Same sage as the avatar tile, so the profile picture melts into the band. Trio plays stage left, tossed sombrero stage right.
Round 4 — the kit sheet
standalone reference · one tag = one asset · hand agents this section only
Everything current lives here: cheat sheet, separated doodads, true loaders, friendly failures, rich links, carousel v5. Older carousels (3e) are retired.
A · Cheat sheet
4a F97316 5C6B54 34A05E 2E7CE6 F5B31C ED6A98 Type: Outfit (800 display / 400 body) · Caveat for handwritten accents
Canvas #FCF9F8 · cards #fff r20 · orange = one CTA per screen
B · Doodads — each one is its own asset
4bMarker stamp
¡LISTO!
Caveat + 3px border, ±4–7° tilt. Any short label.
4cHop arrow
Dotted flow, ink. Points step A → step B.
4dPing divider
Section divider; the dot broadcasts.
4eExtension cord
Full-width divider between landing sections.
4fString + ring
Curly connector; ring dot in sage, blue, or orange. Hugs photos & phones.
4gSparkle ticks
Little emphasis burst next to headlines or icons.
4hConfetti sprinkle
Static scatter, 5–7 pieces max. Never covers text.
4iPapel picado strip
Bunting for tops of cards & link art. Sags to a gentle curve.
C · True loaders — clearly “loading”, still fiesta
4jEl Aro — spinner
44 / 28 / 17px. Orange arc, confetti-dot tail (drop dots below 20px).
4kLos Puntos
Inline wait — buttons, chat, small gaps.
4lLa Barra — progress
Subiendo fotos…64%
Candy-stripe fill, flag rides the head. Uploads & report builds.
4mUpload en contexto
en cola
Done · uploading (aro → check pop) · queued.
4nVideo cargando
Cargando video… 0:42
Aro on dark for walkthrough previews.
D · Friendly failures — warm, never scary
4oEl Conitogeneric error
¡Ay! Algo salió mal Reintentar · Try again
Cone tips over, pops back up — nothing broke for good.
4pFoto no subióupload fail
No se subió · Didn’t upload Toca para reintentar
Tile shivers once, keeps its place in the grid.
4qSin señalconnection lost
? Sin señal… reintentando We’ll keep trying — your photos are safe
Gray arcs flicker → orange + check when it reconnects.
E · Rich links, round 3 — building on 2f
4rRuta compactacream, tight route
123 Main St
Site Update – 8:47 AM
reportamigo.com
The 2f route squeezed tight: banner + walkie→tower→house + check, one glance.
4sFoto grandeone big polaroid
cocina ✓
5 fotos nuevas
Today’s photos · 123 Main St
reportamigo.com
One hero polaroid (bigger, per your note), string + confetti fill the bg.
4tResumen rápidostat strip on orange
¡Listo!
5 0:18 1
123 Main St · hoy 8:52 AM
Report ready – 123 Main St
reportamigo.com
Scannable counts — photos, voice, notes, done. For the GC’s thread.
F · Carousel v5 — no empty stage, doodads hug the phone, bottom fade
4uEl Carrusel v5~2.1s facing you per step · next slides in as the last slides out
1 LINK
23 {{ brand }}
Text Message · Today 8:47 AM
Site update from 123 Main St
reportamigo.com/r/7K3d
123 Main St
123 Main St – Update
reportamigo.com
2 CAPTURE
123 Main St – Capture
🔒 reportamigo.com ⋯
Photo Voice Note
0:18 Toca para hablar · Tap to talk
0:12
3 DONE
123 Main St – Report
May 16, 2026 · 8:52 AM
8:47 AM · 5 Photos
8:50 AM · Voice Note (0:12)
8:52 AM · Note
Summary
Photos
+8
0:18
Download PDF
8s loop · each step faces you ~2.1s (was 1s) · the next phone slides in from the right while the last exits left, so the stage is never empty. Strings + ring dots hug the bezel (two in front, two behind) within a mobile-safe 620px band. Bottom fade trims the phones’ empty lower quarter.
Round 3
the icon drops the R · skeleton-detail report · carousel v4: one screen in focus at all times
A · The icon
3bThe profile icon — no Rsage + orange hat
classic hardhat
sombrero de seguridad
{{ brand }}
Text Message · Today 8:47 AM
{{ brand }}
Text Message · Today 8:47 AM
Dashed brim trim + R badge removed. Sombrero cues: extra-wide brim + sage band with cream diamonds. Hardhat cues: center ridge, side ribs, double-lip brim.
B · Report screen — real text, skeleton only for the long lines
123 Main St – Report
May 16, 2026 · 8:52 AM
8:47 AM · 5 Photos
8:50 AM · Voice Note (0:12)
8:52 AM · Note
Summary
Photos
+8
0:18
Download PDF
3d
real headers, skeleton details
C · Carousel v3 — three slots, always one facing you, shift every 2s
Round 2 — ReportAmigo
feedback applied: friendlier characters, bigger rewards, richer links
Upgrades to 1c–1g, celebration ladder from 1m, reworked links 1o–1q, skeleton twin of 1t, and the step-carousel replacing 1u.
A · Identity
2aR con cascothe avatar
R
R {{ brand }}
Text Message · Today 8:47 AM
2bEl Sombrero de Seguridadhardhat × sombrero
R
Hardhat ridge + ribs kept so it still reads “safety”; the wide brim and dashed trim bring the fiesta. Works as badge, empty-state art, or sticker.
B · Upgraded characters
2cEl Walkie v2detailed + alive
Transmitiendo…
On the air… · knob, PTT, live screen, blinking LED
2dLa Piñata v2string attached, friendlier
Armando tu reporte…
Building your report… · big eye, snout smile, papel fringe, streamer tail
2eEl Mariachi v2mustaches, serape, sway
Un momentito…
Just a moment…
C · The celebration system — loaders that end in a reward
2fLa Celebración — S / M / L / XLmatch the reward to the moment
S · each photo saved
M · voice note saved
L · update sent
XL · full report done
2gSeñal → ¡Listo!loader whooshes into reward
Enviando… → ¡Enviado!
Sending… → Sent! · same recipe works for every loader
2hFotos → ¡Listas!save → reward
Guardando fotos… → ¡Listas!
Saving photos… → Saved!
D · Rich link previews v2
2iEl Poster v2bunting + compact route
123 Main St · Site Update
123 Main St – Update
reportamigo.com
Delivered
Orange walkie (like 1i) + the 1j route squeezed onto one card, on warm orange-tint.
2jLa Tira v2bigger fotos, party behind
Fotos de hoy · Today’s photos
123 Main St · 5 photos
reportamigo.com
Delivered
Two big taped photos; bunting + piñata carry the fun so rough jobsite shots don’t have to.
2kReporte Listo v2celebration scene
¡LISTO!
¡Reporte listo! · Report ready
123 Main St – Report
reportamigo.com
Delivered
Burst check + stamp + house with the light on — the report arriving home.
E · Report screen — skeleton twin of 1t
2l
while the report builds…
F · Motion concept v2 — the 1-2-3 step carousel
2mEl Carrusel v2left → center → right, wrap-around passes behind · 6s full cycle
1 LINK
R {{ brand }}
Today 8:47 AM Site update from 123 Main St
reportamigo.com/r/7K3d 123 Main St – Update
reportamigo.com
2 CAPTURE
123 Main St – Capture
Toca para hablar · Tap to talk
3 DONE
123 Main St – Report
May 16 · 8:52 AM
SUMMARY · RESUMEN +8 0:18 Download PDF
Each screen holds the front ~1.6s facing you; side screens sit angled like the mockup’s 1-2-3 steps; the wrap-around phone dips behind at low opacity. Stamps from 1b ride along.
ReportAmigo Fun Kit
fun visual assets & loading animations — round 1
All copy is placeholder — these are visual assets only. Drop real jobsite photos onto any dashed frame. Reference any asset by its tag (1f, 1r…).
A · Palette extension & doodads
1aFiesta accentsproposed extension to RenoFriend tokens
Orange · #F97316
core — the one primary action
Sage · #5C6B54
core — trust, stamps, house
Fiesta Green · #34A05E
new — checks, done states, send
Radio Blue · #2E7CE6
new — capture, links, media
Piñata Yellow · #F5B31C
new — confetti & sparkles only
Papel Pink · #ED6A98
new — confetti & piñata only
Warm cream canvas #FCF9F8 stays. Orange remains the single CTA color; accents never compete with it.
1bDoodads — stamps, arrows, dividers
1 LINK 2 CAPTURE 3 DONE
One text. That’s it. → ¡Así de fácil!
Marker stamps (Caveat), dashed hop arrow, radio-ping divider, and the orange extension-cord divider from the mockups.
B · Bot identity — the face in the text thread
1cR-burstbroadcasting R
R
R {{ brand }}
Text Message · Today 8:47 AM
1dWalkiethe product icon
{{ brand }}
Text Message · Today 8:47 AM
1eEl Cascohard hat on sage
{{ brand }}
Text Message · Today 8:47 AM
C · Loading animations — every wait is a little reward
1fLa Piñatareport generation
Armando tu reporte…
Building your report…
1gEl Mariachigeneral wait
Un momentito…
Just a moment…
1hEl Sombreroquick wait
Casi listo…
Almost there…
1iLa Señalsending update
Enviando al jefe…
Sending to the boss…
1jLa Rutawalkie → tower → house — the hero loader
Tu reporte va en camino…
Your report is on its way… · the walkie → tower → house chain from the current page, animated
1kLas Fotossaving photos
Guardando fotos…
Saving photos…
1lTraducciónES voice → EN report
«Ya quedó el baño»
Bathroom’s done
Traduciendo…
Translating…
1m¡Listo!the reward moment
¡Reporte enviado!
Report sent!
1nChipsinline states
Procesando… Escuchando…
Processing · Listening · Typing
for chat + report states
D · Rich link previews — the Airbnb-style big link in the text
1oEl Posterbold orange OG image
123 Main St · Site Update
123 Main St – Update
reportamigo.com
Delivered
Papel picado bunting + white walkie on brand orange. Reads at thumbnail size.
1pLa Tirareal photos, scrapbook
Jobsite Update · 123 Main St
Today’s update · 5 photos
reportamigo.com
Delivered
Taped polaroids of the crew’s actual photos — drop real shots onto the frames.
1qReporte Listodone-state link
¡Reporte listo!
Report ready
123 Main St – Report
reportamigo.com
Delivered
Bilingual done-state with the sage house. Confetti sprinkle stays subtle.
E · Phone screens — link → capture → report
23 R {{ brand }}
Text Message · Today 8:47 AM
Site update from 123 Main St
reportamigo.com/r/7K3d
123 Main St
123 Main St – Update
reportamigo.com
+ Text Message
1r
One text. That’s it.
123 Main St – Capture
🔒 reportamigo.com ⋯
Photo Voice Note
0:18 Toca para hablar · Tap to talk
0:12
1s
Share photos, voice, notes.
123 Main St – Report
May 16, 2026 · 8:52 AM
8:47 AM · 5 Photos
Framing progress · Avance de estructura
8:50 AM · Voice Note (0:12)
Discussed window rough-in · Ventanas
8:52 AM · Note
Electrical layout on track · Eléctrico al día
Summary · Resumen

Installed cabinet frames and started electrical rough-in. Ready for inspection tomorrow.

Se instalaron los marcos de gabinetes y comenzó la instalación eléctrica. Listo para inspección mañana.

Photos · Fotos
+8
0:18
Download PDF
1t
Bilingual report. All set.
Screen cards use avatar 1c and link art 1o. Cable tails nod to the mockup’s extension cord.
F · Motion concept — rotating phone trio
1uEl Carruselone phone up front, two on deck — swaps every 2.5s
R {{ brand }}
Today 8:47 AM Site update from 123 Main St
reportamigo.com/r/7K3d 123 Main St – Update
reportamigo.com
123 Main St – Capture
Toca para hablar · Tap to talk
123 Main St – Report
May 16 · 8:52 AM
SUMMARY · RESUMEN +8 0:18 Download PDF
Pure CSS loop — each phone holds front stage ~2.5s, then rotates to the back. For the hero: front phone full detail, side phones dimmed.
Round 1 of the ReportAmigo kit — tell me which tags to push further (more loaders, alternate avatars, different link art) and I’ll add round 2 above this one.