Interno · Anteprima branding

Tre proposte di logo

È possibile confrontare le tre proposte di simbolo in ogni dimensione in cui il sito le utilizzerà — favicon (16/32/64), header (28) e la scheda di condivisione social 1200×630. Si scelga un'opzione; il processo di sostituzione è documentato in fondo alla pagina.

Architettonico

A. Aperture

D maiuscola piena con una fessura orizzontale rossa a mezza altezza, che si estende oltre il bordo destro come linea editoriale. Si legge come: apertura / accessibilità / D di Disability. Peso editoriale (stile NYT, Bloomberg).

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

Header — tema chiaro
Disability World
Header — tema scuro
Disability World
Favicon — 16 / 32 / 64 px
Simbolo — 96 px · varianti monocromatiche
Scheda Open Graph — 1200×630
Anteprima scheda di condivisione social per A. Aperture

Codice disabilità

B. Cell

Tre punti rossi pieni nelle posizioni 1, 4, 5 di una cella Braille — la lettera D in Braille. Segnala direttamente la disabilità. Contorni fantasma sottili accennano alla forma della cella; la versione favicon li omette per garantire leggibilità a 16×16.

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

Header — tema chiaro
Disability World
Header — tema scuro
Disability World
Favicon — 16 / 32 / 64 px
Simbolo — 96 px · varianti monocromatiche
Scheda Open Graph — 1200×630
Anteprima scheda di condivisione social per B. Cell

Scala globale

C. Latitude

Contorno del globo + linea dell'orizzonte (che si estende oltre il globo come linea editoriale) + un singolo indicatore di posizione rosso nel quadrante in alto a destra. Segnala: mondo / copertura / posizione. Più vicino al simbolo attuale, ma più intenzionale.

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

Header — tema chiaro
Disability World
Header — tema scuro
Disability World
Favicon — 16 / 32 / 64 px
Simbolo — 96 px · varianti monocromatiche
Scheda Open Graph — 1200×630
Anteprima scheda di condivisione social per C. Latitude

Una volta effettuata la scelta

Indicare quale opzione (A / B / C) e verrà eseguito quanto segue:

  1. Sostituzione di public/favicon.svg con il file favicon.svg scelto.
  2. Nuovo rendering di public/favicon.ico dal nuovo SVG (multi-dimensione: 16, 32, 48).
  3. Aggiornamento dell'SVG del simbolo del brand incorporato in src/components/Header.astro con il nuovo percorso di mark.svg.
  4. Inserimento dell'immagine OG 1200×630 come scheda social predefinita del sito (attualmente la scheda OG utilizza il favicon come fallback).
  5. Aggiunta di una variante Apple touch icon (PNG 180×180) per il blocco sulla schermata Home di iOS.
  6. Compilazione, distribuzione e verifica in ambiente di produzione.