Intern · Branding-Vorschau

Drei Logo-Konzepte

Die drei Markenzeichen-Konzepte in jeder Größe vergleichen, in der die Site sie verwenden wird — Favicon (16/32/64), Header (28) und die 1200×630 Social-Share-Card. Eine Option auswählen; der Austauschprozess ist am Ende der Seite dokumentiert.

Architektonisch

A. Aperture

Großes D mit einem roten horizontalen Spalt auf halber Höhe, der über den rechten Rand hinaus als redaktionelle Linie verläuft. Lesbar als: Öffnung / Barrierefreiheit / D für Disability. Redaktionelle Gewichtung (im Stil von NYT, Bloomberg).

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

Header — helles Design
Disability World
Header — dunkles Design
Disability World
Favicon — 16 / 32 / 64 px
Markenzeichen — 96 px · monochrome Varianten
Open Graph Card — 1200×630
Vorschau der Social-Share-Card für A. Aperture

Behinderungsbezogen

B. Cell

Drei gefüllte rote Punkte an den Positionen 1, 4, 5 einer Braille-Zelle — der Buchstabe D in Braille. Signalisiert Behinderung direkt. Dezente Umrisse deuten die Zellenform an; die Favicon-Version lässt sie für Klarheit bei 16×16 weg.

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

Header — helles Design
Disability World
Header — dunkles Design
Disability World
Favicon — 16 / 32 / 64 px
Markenzeichen — 96 px · monochrome Varianten
Open Graph Card — 1200×630
Vorschau der Social-Share-Card für B. Cell

Global

C. Latitude

Globus-Umriss + Horizontlinie (die über den Globus hinaus als redaktionelle Linie verläuft) + ein einzelner roter Positionsmarker im oberen rechten Quadranten. Signalisiert Welt / Abdeckung / Position. Näher am aktuellen Markenzeichen, aber gezielter gestaltet.

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

Header — helles Design
Disability World
Header — dunkles Design
Disability World
Favicon — 16 / 32 / 64 px
Markenzeichen — 96 px · monochrome Varianten
Open Graph Card — 1200×630
Vorschau der Social-Share-Card für C. Latitude

Nach der Auswahl

Option (A / B / C) mitteilen, dann wird:

  1. public/favicon.svg durch das gewählte favicon.svg ersetzt.
  2. public/favicon.ico aus dem neuen SVG neu gerendert (mehrstufig: 16, 32, 48).
  3. Das eingebettete Markenzeichen-SVG in src/components/Header.astro mit dem neuen mark.svg-Pfad aktualisiert.
  4. Das 1200×630-OG-Bild als Standard-Social-Card der Site eingesetzt (derzeit fällt OG auf das Favicon zurück).
  5. Eine Apple-Touch-Icon-Variante (180×180 PNG) für iOS-Startbildschirm-Pins hinzugefügt.
  6. Build, Deployment und Überprüfung in der Produktionsumgebung durchgeführt.