Interne · Aperçu branding

Trois concepts de logo

Comparez les trois concepts de marque à chaque taille utilisée sur le site — favicon (16/32/64), en-tête (28) et carte de partage sur les réseaux sociaux (1200×630). Choisissez-en un ; le processus de remplacement est documenté en bas de page.

Architectural

A. Aperture

Grand D plein avec une fente horizontale rouge à mi-hauteur, se prolongeant au-delà du bord droit comme une règle éditoriale. Se lit comme : ouverture / accessibilité / D pour Disability. Poids éditorial (dans le style NYT, Bloomberg).

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

En-tête — thème clair
Disability World
En-tête — thème sombre
Disability World
Favicon — 16 / 32 / 64 px
Marque — 96 px · variantes monochromes
Carte Open Graph — 1200×630
Aperçu de la carte de partage social pour A. Aperture

Codé handicap

B. Cell

Trois points rouges pleins aux positions 1, 4, 5 d'une cellule Braille — la lettre D en Braille. Signale directement le handicap. De légers contours fantômes suggèrent la forme de la cellule ; la version favicon les supprime pour la lisibilité à 16×16.

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

En-tête — thème clair
Disability World
En-tête — thème sombre
Disability World
Favicon — 16 / 32 / 64 px
Marque — 96 px · variantes monochromes
Carte Open Graph — 1200×630
Aperçu de la carte de partage social pour B. Cell

Échelle mondiale

C. Latitude

Contour de globe + ligne d'horizon (se prolongeant au-delà du globe comme une règle éditoriale) + un seul marqueur de position rouge dans le quadrant supérieur droit. Signale : monde / couverture / position. Plus proche de la marque actuelle, mais plus délibéré.

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

En-tête — thème clair
Disability World
En-tête — thème sombre
Disability World
Favicon — 16 / 32 / 64 px
Marque — 96 px · variantes monochromes
Carte Open Graph — 1200×630
Aperçu de la carte de partage social pour C. Latitude

Une fois votre choix fait

Indiquez l'option choisie (A / B / C) et je vais :

  1. Remplacer public/favicon.svg par le favicon.svg choisi.
  2. Regénérer public/favicon.ico à partir du nouveau SVG (multi-taille : 16, 32, 48).
  3. Mettre à jour le SVG de marque inline dans src/components/Header.astro avec le nouveau chemin mark.svg.
  4. Intégrer l'image OG (1200×630) comme carte sociale par défaut du site (actuellement le OG utilise le favicon en repli).
  5. Ajouter une variante Apple touch icon (180×180 PNG) pour les raccourcis sur l'écran d'accueil iOS.
  6. Compiler, déployer et vérifier en production.