Prueba social: una cabecera sobre una rejilla responsive de tarjetas de cita,
cada una con su autor (avatar · nombre · cargo). Compound —la `.Item` se
repite, como feature-grid— y SIN contexto (las partes no coordinan).
`<Testimonials>` + `.Header` + `.Items` + `.Item` + `.Quote` +
`.Author`(slot `avatar` + `.AuthorName`/`.AuthorRole`).
- `AutoGrid` de tarjetas de igual alto; `.Author` fijada al borde inferior de la
tarjeta (`margin-block-start: auto`) para que una fila de citas de distinto
largo alinee las caras.
- La cara es del app: un `<Avatar>` con imagen o un `Avatar.Fallback` de
iniciales va en el slot `avatar` (B-7).
- La tarjeta del quote usa `variant="outline"` — el `soft neutral` es casi
invisible en claro.
Encontrado al componer (en el README del block): el tema activa solo un
SUBCONJUNTO de escalas donor (`green/indigo/orange/plum/teal`); una escala no
activada (`cyan/ruby/amber/jade`) en `color` cae en SILENCIO a `primary` (la
regla `[data-color]` hace `var(--scale-…, primary)`). Config del tema, no bug de
componente; la demo usa escalas activadas.
Hueco a decisión del usuario (Gaps): la **cita única en spotlight** (grande,
centrada, logo+avatar+autor) — la variante modal del dossier, el grid es
minoría. Otra disposición → candidato a hermano `testimonial-spotlight`.
Demo (`web/routes/blocks/testimonials/`): full-bleed + ruta `preview`, cinco
citas con avatares de iniciales en cinco colores distintos. Verificado en
claro/oscuro × LTR/RTL, caras alineadas al fondo. `blocks:check` verde (6
blocks) · `svelte-check` sin errores propios.
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
dev
b59332132f