Contexto de marca
El header amarillo observado mide 100px en desktop y contiene la navegación principal.
Exhibit A
Identidad visual
El sistema reduce fricción: amarillo para el contexto de marca, azul para actuar, verde para beneficios y gris claro para sostener una densidad alta de productos sin ruido visual.
Acción y búsqueda
El azul aparece en CTA, enlaces y anillos de foco. La búsqueda es la prioridad operativa.
Beneficio positivo
El verde se reserva para envío gratis, beneficios y estados de éxito.
Exhibit B
Color tokens
Swatches derivados del CSS público. El preview no usa el logo, las fuentes propietarias ni campañas del sitio original.
#FFE600primary
#3483FAblue
#00A650green
#F23D4Fred
#EBEBEBpageBackground
#FFFFFFsurface
#333333text
#E5F0FFsoftBlue
Exhibit C
Typography scale
Proxima Nova · fallback system sans · 16px / 1.4
Compra con menos fricción.
La lectura se mantiene directa y compacta para comparar productos, precios, beneficios y acciones.
PRICE 24px / CARD TITLE 16px / META 12pxExhibit D
Component inventory
Muestras abstractas de los componentes observados, con la intención de comunicar el contrato sin copiar el sitio ni sus activos.
¿Qué estás buscando? ⌕
40px · 2px radius · focus ring azulIMAGE
$ 1,299Envío gratisCard blanca · borde 1px · sombra 0 1px 1pxEnvío gratisOferta
12px · 2px–8px radius · estado semánticoSeguridad, de principio a fin
16px padding · superficie blancaTexto de beneficio observado como patrón, no como claim nuevo.
Exhibit E
Responsive behavior
El sitio publica bundles desktop, tablet y mobile. Los siguientes cambios están respaldados por CSS o metadata observada.
1200pxnav item oculto para proteger densidad
1095pxsegunda reducción de navegación
768pxbundle y composición mobile
40pxaltura mínima observada del search
Exhibit F
Validation contract
✓ PASSED · SourceHTTP 200, canonical y locale es-MX disponibles.
✓ PASSED · Tokens104 tokens parseados; referencias duras válidas.
✓ PASSED · ResponsiveDesktop, reducciones de nav y bundle mobile documentados.
! WARNING · ContrastAzul sobre blanco ≈ 3.52:1; no usar como único color para texto pequeño.
! WARNING · Proprietary assetsLogo, fuente, campañas e imágenes requieren revisión de licencia.
PASSEDEl análisis estático pasó; las advertencias quedan documentadas.