Intern · Brandingvoorbeeld

Drie logoconcepts

Vergelijk de drie markeringsconcepten op elke grootte die de site gebruikt — favicon (16/32/64), header (28) en de social-share card (1200×630). Kies er een; het wisselproces staat onderaan de pagina.

Architecturaal

A. Aperture

Stevige hoofdletter D met een rode horizontale onderbreking op halve hoogte, die voorbij de rechterrand doorloopt als een redactionele lijn. Leest als: opening / toegankelijkheid / D van Disability. Redactioneel gewicht (denk NYT, Bloomberg).

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

Header — licht thema
Disability World
Header — donker thema
Disability World
Favicon — 16 / 32 / 64 px
Merk — 96 px · monochrome varianten
Open Graph card — 1200×630
Social-share card preview voor A. Aperture

Beperking-gecodeerd

B. Cell

Drie gevulde rode stippen op posities 1, 4, 5 van een braillecel — de letter D in braille. Verwijst direct naar beperking. Subtiele geest-contouren suggereren de celvorm; de faviconversie laat ze weg voor leesbaarheid op 16×16.

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

Header — licht thema
Disability World
Header — donker thema
Disability World
Favicon — 16 / 32 / 64 px
Merk — 96 px · monochrome varianten
Open Graph card — 1200×630
Social-share card preview voor B. Cell

Wereldschaal

C. Latitude

Globusomtrek + horizonlijn (die voorbij de globus doorloopt als redactionele lijn) + een enkele rode positiemarker in het rechtsbovenkwadrant. Signaleert: wereld / dekking / positie. Dichter bij het huidige merk maar doelbewuster.

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

Header — licht thema
Disability World
Header — donker thema
Disability World
Favicon — 16 / 32 / 64 px
Merk — 96 px · monochrome varianten
Open Graph card — 1200×630
Social-share card preview voor C. Latitude

Zodra u een keuze maakt

Geef aan welke optie (A / B / C) en dan:

  1. Vervang public/favicon.svg door de gekozen favicon.svg.
  2. Render public/favicon.ico opnieuw vanuit het nieuwe SVG (meerdere formaten: 16, 32, 48).
  3. Werk de inline brand-mark SVG in src/components/Header.astro bij met het nieuwe mark.svg pad.
  4. Voeg de 1200×630 OG-afbeelding in als standaard social card voor de site (momenteel valt de OG terug op de favicon).
  5. Voeg een Apple touch icon variant toe (180×180 PNG) voor iOS-beginscherm-pins.
  6. Bouwen, uitrollen en controleren op productie.