Interno · Vista previa de identidad visual

Tres conceptos de logotipo

Compare los tres conceptos de marca en cada tamaño que el sitio utilizará — favicon (16/32/64), cabecera (28) y la tarjeta de compartición social (1200×630). Elija uno; el proceso de cambio se documenta al final de la página.

Arquitectónico

A. Aperture

D mayúscula sólida con una hendidura horizontal roja a media altura, que se extiende más allá del borde derecho como línea editorial. Se lee como: apertura / accesibilidad / D de Disability. Peso editorial (estilo NYT, Bloomberg).

public/branding/option-1-aperture/ · 3 archivos: mark.svg, favicon.svg, og.svg

Cabecera — tema claro
Disability World
Cabecera — tema oscuro
Disability World
Favicon — 16 / 32 / 64 px
Marca — 96 px · variantes monocromas
Tarjeta Open Graph — 1200×630
Vista previa de tarjeta de compartición social para A. Aperture

Codificado para discapacidad

B. Cell

Tres puntos rojos rellenos en las posiciones 1, 4, 5 de una celda Braille — la letra D en Braille. Señala directamente la discapacidad. Los contornos fantasma sutiles insinúan la forma de la celda; la versión favicon los elimina para mayor claridad a 16×16.

public/branding/option-2-cell/ · 3 archivos: mark.svg, favicon.svg, og.svg

Cabecera — tema claro
Disability World
Cabecera — tema oscuro
Disability World
Favicon — 16 / 32 / 64 px
Marca — 96 px · variantes monocromas
Tarjeta Open Graph — 1200×630
Vista previa de tarjeta de compartición social para B. Cell

Escala global

C. Latitude

Contorno de globo terráqueo + línea de horizonte (que se extiende más allá del globo como línea editorial) + un único marcador de posición rojo en el cuadrante superior derecho. Transmite: mundo / cobertura / posición. Más cercano a la marca actual, pero más deliberado.

public/branding/option-3-latitude/ · 3 archivos: mark.svg, favicon.svg, og.svg

Cabecera — tema claro
Disability World
Cabecera — tema oscuro
Disability World
Favicon — 16 / 32 / 64 px
Marca — 96 px · variantes monocromas
Tarjeta Open Graph — 1200×630
Vista previa de tarjeta de compartición social para C. Latitude

Una vez que elija una opción

Indique qué opción (A / B / C) y procederé a:

  1. Reemplazar public/favicon.svg con el favicon.svg elegido.
  2. Volver a generar public/favicon.ico a partir del nuevo SVG (multi-tamaño: 16, 32, 48).
  3. Actualizar el SVG de marca en línea en src/components/Header.astro con la nueva ruta de mark.svg.
  4. Incorporar la imagen OG de 1200×630 como tarjeta social predeterminada del sitio (actualmente el OG recurre al favicon).
  5. Añadir una variante de Apple touch icon (180×180 PNG) para anclaje en pantalla de inicio de iOS.
  6. Compilar, publicar y verificar en producción.