From cb157494483d88e19f12bafb69423b339c072a72 Mon Sep 17 00:00:00 2001 From: Cristian Felipe Cruz Buitron Date: Sun, 6 Sep 2026 03:21:36 +0000 Subject: [PATCH] docs(adr-0008): registrar pivote de paleta azul/amarillo y estado real por sub-fase MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit La spec original (Navy #122844/Coral #D85A30) fue reemplazada en producción el mismo día por una paleta azul/amarillo estilo Walmart (fix/adr0008-walmart-palette-blue-yellow), pero nunca quedó documentada como enmienda. Se agrega §8 con los valores reales vigentes en globals.css y §9 con auditoría por sub-fase contra el código en main: sub-fases 1-4 completas, sub-fase 5 parcial (product-purchase migrado, cart-drawer y wishlist-drawer sin tocar, alias de compatibilidad de button.tsx sin eliminar). Co-Authored-By: Claude Sonnet 5 Claude-Session: https://claude.ai/code/session_01SEsGCsCmxkyXi9XctNdrT1 --- .../decisiones/0008-identidad-navy-coral.md | 76 ++++++++++++++++++- 1 file changed, 74 insertions(+), 2 deletions(-) diff --git a/workloads/docs-portal/docs/decisiones/0008-identidad-navy-coral.md b/workloads/docs-portal/docs/decisiones/0008-identidad-navy-coral.md index 03ceef6..f07da51 100644 --- a/workloads/docs-portal/docs/decisiones/0008-identidad-navy-coral.md +++ b/workloads/docs-portal/docs/decisiones/0008-identidad-navy-coral.md @@ -1,9 +1,18 @@ # ADR 0008 — Identidad visual "Navy & Coral" para ARI Shopping -**Estado:** aceptada (implementación en curso, por sub-fases) -**Fecha:** 2026-08-27 +**Estado:** aceptada, con enmienda de paleta (ver §8) — sub-fases 1 a 4 +completas, sub-fase 5 parcial (ver §9) +**Fecha:** 2026-08-27 (enmendada 2026-09-06) **Reemplaza a:** [ADR 0007](0007-identidad-visual-propia.md) (Opción 2, "Atelier cálido") +> **Nota de vigencia:** la paleta descrita en §4 ("Navy & Coral": +> marino `#122844` / coral `#D85A30` / coral claro `#F0997B`) fue la +> dirección **aprobada e implementada en las sub-fases 1-3**, pero fue +> **reemplazada el mismo día** por una paleta azul/amarillo estilo +> Walmart (rama `fix/adr0008-walmart-palette-blue-yellow`, ver §8). Los +> valores reales en producción hoy están en §8, no en §4. Se deja §4 +> intacto como registro histórico de la decisión original. + ## 1. Contexto Este es el tercer intento de identidad visual propia para ARI Shopping, @@ -168,3 +177,66 @@ definitivo; los alias se eliminan por completo al cerrar la sub-fase `commerce-backend`, `platform-infra`, ni CI nuevo. - `docs-portal` se actualiza con capturas/descripción del resultado final una vez cada sub-fase esté validada en producción, no antes. + +## 8. Enmienda 2026-08-27 tarde: pivote de paleta a azul/amarillo + +Horas después de mergear la sub-fase 3 (product card + grid), se +mergeó `fix/adr0008-walmart-palette-blue-yellow`: la paleta "Navy & +Coral" de §4 se descartó en producción y se reemplazó por una paleta +azul/amarillo (mismo patrón "estética Walmart" ya usado como +referencia de UX en ADR 0007). Esta decisión **no quedó documentada +como enmienda en su momento** — se detecta y se registra aquí recién +el 2026-09-06, al auditar el estado real del código contra este +documento. + +Valores reales en `globals.css` hoy (los nombres de token de §4 se +conservan, pero apuntan a estos valores, no a los de la tabla +original): + +| Token | Valor real | Uso | +|---|---|---| +| `--color-ari-marino` | `#0055B8` (azul) | ancla: header, footer, fondo de hero, botón de búsqueda | +| `--color-ari-coral` | `#0055B8` (azul, mismo valor que marino) | CTA "Agregar al carrito", precio destacado | +| `--color-ari-coral-claro` | `#FFC220` (amarillo) | badges de oferta/urgencia, acento del isotipo, botón "yellow" del hero | + +Nota: `ari-coral` y `ari-marino` son el mismo azul (`#0055B8`) — a +diferencia de la especificación original de §4, donde marino y coral +eran colores distintos. Cualquier lectura de este ADR para decisiones +de diseño futuras debe partir de esta tabla, no de §4. + +El isotipo (mariposa de 4 elipses, §4) tampoco se implementó como se +describe: el logo vigente es `logo-ari-circular.svg` (rama +`adr0008-logo-circular-header`), un lockup circular distinto al +descrito en la tabla de coordenadas de §4. `logo-ari.svg` (rectangular, +el que sí sigue la spec original) quedó sin usarse en el header. + +## 9. Estado real por sub-fase (auditado 2026-09-06) + +Auditoría contra el código en `main`, no contra el plan de §6. + +| # | Sub-fase | Estado | Evidencia | +|---|---|---|---| +| 1 | Tokens base + logo | ✅ completa (con la paleta enmendada en §8, no la de §4) | `globals.css`, `logo-ari.svg` inicial, luego reemplazado por circular en sub-fase posterior | +| 2 | Header + footer (incl. limpieza de §5) | ✅ completa | `navbar.tsx`, restos arcoíris (gradiente ámbar/lima, línea cian/violeta/fucsia de §5) eliminados | +| 3 | Product card + grid + badges | ✅ completa | `product-card.tsx` en tokens `ari-*` | +| 4 | Home (hero, tiles, secciones) | ✅ completa | `hero-carousel.tsx`, `category-tiles.tsx` (varias iteraciones: pastel → scrim → foto flotante → foto más grande, todas mergeadas) | +| 5 | Página de producto + drawers de carrito/wishlist | ⚠️ **parcial** | `product-purchase.tsx`/página de producto sí migraron (rama `adr0008-product-purchase-mobile-y-badge`). **`cart-drawer.tsx` y `wishlist-drawer.tsx` no tienen ningún token `ari-*` — nunca se tocaron.** No hay rama mergeada que los mencione. | + +**Deuda abierta, no asumir resuelta:** + +- Los alias de compatibilidad de §6 (`ari-ciruela`, `ari-cobre`, + `ari-carbon`, `ari-carbon-oscuro`, `ari-terracota-oscuro`, + `ari-hueso`) **siguen en uso real en `button.tsx`** + (`focus-visible:ring-ari-cobre/40`, `bg-ari-ciruela`, + `hover:border-ari-cobre`) — la condición de cierre de §6 ("los alias + se eliminan por completo al cerrar la sub-fase 5") no se cumplió. + Confirma que la sub-fase 5 no está cerrada, más allá de los drawers. +- Ramas mergeadas fuera del plan original de 5 sub-fases de §6, sin + enmienda que las registre: `adr0008-megamenu-mobile-overflow`, + `adr0008-club-ari-y-novedades`, `adr0008-club-ari-imagen-azul`. Son + trabajo real en producción, pero expanden el alcance de este ADR sin + quedar documentado como tal. +- `docs-portal` (este documento) es la primera actualización desde el + cierre de la sub-fase 3 — la condición de §7 ("se actualiza con + capturas/descripción... una vez cada sub-fase esté validada") no se + vino cumpliendo sub-fase por sub-fase como se planeó.