Estándar de Calidad Archic

1. La identidad es coherente en todas las páginas y en todos los estadoshíbrida
2. Las tipografías se usan según lo definido: sin fuentes de sistema ajenas ni pesos no previstoshíbrida
3. Solo se usan colores del sistema de tokens; no hay valores hexadecimales hardcodeados fuera de tokens y excepciones documentadasautomática
4. El tono de voz es coherente, incluidos errores, estados vacíos, correos de confirmación y la página 404manual
5. La iconografía es coherente en peso, tamaño, terminaciones y metáforahíbrida
6. Favicon, iconos de aplicación e imágenes OG están presentes y son correctosautomática
7. La web se vería incorrecta si se sustituyera la marca por el logotipo de un competidorhíbrida
8. La comprobación de divergencia del Vector de Dirección está superada y registrada en el proyectohíbrida

1. Todos los alineamientos son correctos ópticamente, no solo matemáticamentehíbrida
2. Todo el espaciado usa la escala definida; no hay valores arbitrarioshíbrida
3. El ritmo visual es coherente entre páginashíbrida
4. La jerarquía es clara en todas las pantallas; el test de desenfoque mantiene la agrupación previstamanual
5. No hay palabras o líneas huérfanas en titulares ni citas destacadas en ningún breakpointhíbrida
6. El tracking tipográfico es correcto en todos los tamañoshíbrida
7. Todas las imágenes tienen densidad mínima 2×; sin artefactos de compresión, reescalados artificiales ni pérdida de nitidezhíbrida
8. Los recortes son correctos en todos los breakpoints: comprobados visualmente, no asumidosmanual
9. El tratamiento de color es coherente en todo el conjunto de imágeneshíbrida
10. Las relaciones de aspecto son coherentes dentro de cada conjuntohíbrida
11. No hay saltos de layout al cargar; se comprueba visualmente, no solo leyendo el valor CLSmanual
12. El texto nunca se coloca sobre una fotografía sin tratamiento o control de legibilidadmanual

1. Cada elemento interactivo contempla sus seis estadoshíbrida
2. El hover responde en 140 ms o menos en toda la interfazhíbrida
3. El foco es visible en todos los elementos, con contraste mínimo 3:1 y nunca se eliminahíbrida
4. Los estados de carga mantienen el layout; los botones no cambian de anchohíbrida
5. Las transiciones son coherentes con la intensidad de movimiento definidahíbrida
6. Los diálogos atrapan y restauran el foco, Escape los cierra y el scroll se bloquea sin desplazar el layouthíbrida
7. Los paneles laterales entran desde su propio borde y permiten cerrar con gesto táctilhíbrida
8. No existe información ni ninguna acción disponible únicamente mediante hoverhíbrida
9. Cada acción ofrece feedback en un máximo de 100 mshíbrida
10. Las interacciones de recorridos repetidos responden en menos de 200 mshíbrida

1. La tarea principal puede completarse con el mínimo número razonable de pasoshíbrida
2. La navegación es clara y la ubicación actual siempre resulta evidentehíbrida
3. Hay una única acción principal por vistahíbrida
4. Todos los formularios contemplan validación, errores, éxito y conservación de los datos introducidoshíbrida
5. Cada error explica qué ocurrió, por qué y qué debe hacerse despuéshíbrida
6. Todos los estados vacíos están diseñados expresamente; ninguno queda por defectohíbrida
7. Las acciones destructivas son reversibles o requieren una confirmación específicahíbrida
8. El botón Atrás funciona y restaura la posición de scrollhíbrida
9. Los enlaces profundos funcionan, incluidas las vistas filtradashíbrida
10. Las páginas 404 y 500 están diseñadas y son útileshíbrida
11. La firma de interacción existe y funciona también en dispositivos táctileshíbrida

1. A 320 px no existe overflow horizontal en ninguna parteautomática
2. A 375 px existe una composición móvil real, no una versión comprimida del escritoriohíbrida
3. El comportamiento a 768 px está decidido explícitamente y no se deja al azarhíbrida
4. La composición está validada a 1024, 1440 y 2560 pxhíbrida
5. En móvil horizontal y viewport bajo, las cabeceras fijas no se comen la pantallahíbrida
6. Con zoom del navegador al 200 % no se pierde ni se solapa ningún contenidoautomática
7. Los objetivos táctiles miden al menos 44 px y mantienen al menos 8 px de separaciónautomática
8. Los elementos fijos no cubren contenido y respetan las áreas segurashíbrida
9. Las tablas tienen una estrategia móvil realhíbrida
10. Los formularios siguen siendo utilizables con el teclado en pantalla abiertohíbrida

1. Cero texto de relleno, cero imágenes provisionales y cero tareas pendientes en el contenido finalautomática
2. Todos los titulares superan la prueba de sustitución de marca o negociohíbrida
3. Cero frases prohibidas del registro anti-slophíbrida
4. Ortografía y gramática revisadas por un hablante nativo en todos los idiomasmanual
5. Todos los datos están verificados con el cliente: precios, horarios, direcciones, teléfonos, nombres y fechashíbrida
6. Se ha probado cada teléfono, se ha enviado a cada correo y se ha abierto cada enlacemanual
7. Cada marcador del mapa está comprobado contra la dirección realmanual
8. Las páginas legales están presentes y actualizadas: privacidad, cookies, condiciones y, en España, aviso legal y LSSIhíbrida
9. Todos los idiomas están completos y no quedan cadenas sin traducirhíbrida
10. El año de copyright es correcto y se actualiza automáticamenteautomática

1. LCP ≤2,0 s, INP ≤200 ms y CLS ≤0,05 en un Android de gama media sobre 4Ghíbrida
2. Lighthouse ≥90 en rendimiento, ≥95 en accesibilidad, ≥95 en buenas prácticas y ≥95 en SEOautomática
3. axe DevTools registra cero infraccionesautomática
4. La tarea principal puede completarse únicamente con tecladohíbrida
5. El flujo principal está probado con lector de pantallamanual
6. Reduced motion se ha verificado utilizando realmente la web con esta opción activadaautomática
7. HTML semántico, un único h1 y ningún salto de niveles de encabezadoautomática
8. Los títulos y descripciones meta son únicos y están escritos expresamente, no generados de forma genéricaautomática
9. Las tarjetas OG y de Twitter están presentes y probadas en una preview realhíbrida
10. Se usan datos estructurados cuando corresponde: LocalBusiness, Restaurant, Product o Articlehíbrida
11. Existen sitemap.xml, robots.txt y URLs canónicas correctasautomática
12. Las URLs antiguas necesarias cuentan con redirecciones 301híbrida
13. HTTPS, HSTS y cabeceras de seguridad están configuradosautomática
14. Los formularios están probados de extremo a extremo, incluido que el correo llegue realmentemanual
15. Analytics y RUM están instalados y registrando datoshíbrida
16. El consentimiento de cookies cumple la normativa y no bloquea el renderizadomanual
17. La web está probada en Safari, Chrome, Firefox y Safari para iOSmanual

1. La validación del proyecto termina correctamente con código 0híbrida
2. foundation.css y semantic-contract.css coinciden con la versión congelada de Archicautomática
3. El validador del contrato semántico pasa y todos los roles de marca están mapeados explícitamenteautomática
4. La validación de contraste termina correctamente para el tema por defecto y todos los temas adicionales, incluyendo WCAG y APCAhíbrida
5. La validación de contraste no presenta fallos por colores fuera del gamut sRGBautomática
6. La auditoría estática termina con cero incidencias bloqueantesautomática
7. No existen valores z-index arbitrarios fuera de la escalaautomática
8. La cabecera del archivo de marca está completa: vector, arquetipo, tipografías, licencias y fecha de validación de contrastehíbrida
9. La procedencia de los recursos está documentada y coincide con la política declarada para prototipo y producciónmanual

Nada debe sentirse como una plantilla, una demo o un producto sin terminar.

1. Art direction & visual identity16%
2. Photography / media direction15%
3. Business specificity & authenticity12%

1. UX & conversion clarity14%
2. Information architecture & hierarchy13%
3. Components & information modelling13%

1. UX & conversion clarity16%
2. Components & information modelling12%
3. Business specificity & authenticity11%

1. UX & conversion clarity23%
2. True mobile design13%
3. Robustness, accessibility & performance13%

1. Business specificity & authenticity16%
2. Art direction & visual identity12%
3. Information architecture & hierarchy11%

1. Business specificity & authenticity16%
2. Information architecture & hierarchy12%
3. UX & conversion clarity12%

1. G01 · Primary flow broken
2. G02 · Responsive breakage
3. G03 · Fabricated or placeholder content
4. G04 · Critical asset failure
5. G05 · Mobile not independently reviewed
6. G06 · Critical readability/accessibility failure
7. G07 · Business mismatch
8. G08 · Blocking overlays
9. G09 · Critical state missing
10. G10 · Unacceptable instability

Una señal de severidad alta bloquea client-ready. A partir de 8 puntos de penalización total, la página vuelve a rework aunque el score bruto sea alto.

Incluye Fake Quiet Luxury, Luxury Information Hiding, Case Study Without Case, Motion Résumé y Responsive Preservation.

Sección normal ≥ 16/20 · Hero ≥ 17/20. Se puntúan propósito, especificidad, jerarquía, composición y handoff.

Borgo Santandrea · Y.CO · Buse Agency · Porsche · Aman · Hermès · noma · Locomotive