Bloque 5 · Anexos · v1.1

Auditoría verificada y mapa de logos.

Las dos piezas que cierran la entrega. Si una casilla no se cierra, volvemos atrás antes de declararlo terminado.

Cambios v1.1 · mayo 2026

Checklist · autoauditoría obligatoria.

Verificado el cierre de cada criterio del brief antes de entregar.

✓14 componentes definidos con anatomía + variantes + estados.14 / 14
✓Snippets sintácticamente válidos en HTML5, Astro y CSS3.OK
✓Patrón .sec + .sec__inner en todas las páginas wireframe.9 / 9
✓.accent-chip aparece ≥1 vez en cada página clara.9 / 9
✓Cero #FFFFFF y cero #000000 en CSS del DS (salvo justificado).OK
✓Cero italic en CSS. Resets aplican font-style: normal.OK
✓Cero gradientes. Cero sombras decorativas.OK
✓Elevación funcional solo en modales y menús desplegables.OK
✓Las 6 páginas iniciales + 3 legales usan solo componentes del DS.9 / 9
✓Logo Websalia en footer de las 9 páginas (co-branding obligatorio).9 / 9
✓Cifras del torneo 160 / 95 / 290 / 3.300 exactas donde aparecen.OK
✓Amarillo nunca toca cream directamente · siempre dentro de chip.OK
✓Tipografías: solo Archivo Black 900 y Inter 400/500/600/700.OK
✓Cookie banner nativo (sin Cookiebot), persistencia en localStorage.OK
✓Hero navy default · variante cream para subpáginas.OK
✓Mobile drawer slide desde la derecha, fondo navy.OK
Datos verificados vs placeholders
  • Verificado (datos oficiales del cliente): cifras 160 / 95 / 290 / 95 White / 3.300 newsletter; crecimiento PadelGazar 2021–2025 (96 · 112 · 132 · 148 · 160 · +36 %); crecimiento BeachTennis (48 · 86 · 96 · 100 · 95); paquetes ORO/PLATA/BRONCE con precios y entregables exactos; patrocinadores 2025 (BOYFE, Marta's Lemon Pie, Grupo Marthe, Aura Balís, Attytude); contacto Lucas (lucaspadelgazar@gmail.com, +34 646 837 955).
  • Placeholders honestos (pendiente de cliente): cuotas de inscripción por categoría, precio cena de clausura, precio White Party, ganadores históricos 2021–2025, datos legales del titular (razón social, NIF, domicilio fiscal, DPO).
  • Sin inventar: ningún dato editorial verosimil ocupa el lugar de un dato real pendiente. Antes de publicar, sustituir todos los [PENDIENTE] y [DATOS DEL CLIENTE PENDIENTE].
  • Iconografía: sprite SVG local con 15 iconos Phosphor-style en assets/icons/sprite.svg. Cargar con <IconSprite /> una vez en el layout y consumir con <Icon name="pala" />.
  • Fonts: self-host en fonts/, Inter (rsms.me) y Archivo Black (Google Fonts), ambas OFL. Sin CDN, sin terceros runtime.

Mapa de logos.

Cuatro archivos en assets/logos/. Cada uno con su uso, fondo de aplicación y tamaños recomendados.

Positivo · navy sobre cream
assets/logos/padelgazar-positivo.svg

Uso por defecto. Header, favicon, posts en blanco, papelería. Tamaño mínimo digital 32 px.

Negativo · cream sobre navy
assets/logos/padelgazar-negativo-transparent.svg

Fondos oscuros. Footer, hero navy, cartel A2, dorsales, photocall. Versión transparente; el original con fondo navy queda en padelgazar-negativo.svg.

Mono blanco · overlay foto
assets/logos/padelgazar-mono-blanco.svg

Overlay sobre fotografía. Solo si el contraste con la imagen es ≥ AA. Verifica oscureciendo la foto si hace falta — nunca añadir sombra o glow.

Websalia · co-branding
assets/logos/websalia.svg

Obligatorio en footer. 32 px de alto, precedido por "Diseñado por" en mono-tag. No reemplazar, no recolorear.

Logos · normas mínimas
SoporteTamaño mínimoVersión recomendada
Favicon32 × 32 pxPositivo
Avatar RRSS48 × 48 pxPositivo
Header web80 px altoPositivo
Hero web200 px altoPositivo / Negativo según fondo
Firma email120 px anchoPositivo
Post IG cuadrado320 px sobre placaNegativo en placa navy
Tarjeta de visita15 mm altoPositivo
Cartel A2 / valla80 mm altoNegativo
Polo pecho60 mm diámetroNegativo bordado

Componentes .astro · catálogo.

14 archivos en components/ listos para mover a src/components/ en el proyecto Astro v6. Los snippets de cada componente viven en su sección del storybook.

#ComponenteArchivoCategoría
01Tokens (no es .astro)tokens.cssFoundation
02Buttoncomponents/Button.astroAction
03Cardcomponents/Card.astroContainer
04Field (form)components/Field.astroAction
05Headercomponents/Header.astroNavigation
06Footercomponents/Footer.astroNavigation
07Herocomponents/Hero.astroLayout
08Sectioncomponents/Section.astroLayout
09Statcomponents/Stat.astroData
10Quotecomponents/Quote.astroEditorial
11Chip / Tag / Pillcomponents/Chip.astroInline
12Imagecomponents/Image.astroMedia
13Logocomponents/Logo.astroBrand
14CookieBannercomponents/CookieBanner.astroSystem
+Iconcomponents/Icon.astroSystem · v1.1
+IconSpritecomponents/IconSprite.astroSystem · v1.1
← Bloque 4Páginas Volver →Portada + Tokens