Internt · Varumärkesförhandsgranskning

Tre logokoncept

Jämför de tre kandidatmärkena i varje storlek webbplatsen kommer att använda dem — favicon (16/32/64), header (28) och kortet för delning i sociala medier (1200×630). Välj ett; bytesprocessen dokumenteras längst ned på sidan.

Arkitektonisk

A. Aperture

Solid versal D med ett rött horisontellt gap på halv höjd, som sträcker sig förbi höger kant som en redaktionell linje. Läses som: öppning / tillgänglighet / D för Disability. Redaktionell tyngd (tänk NYT, Bloomberg).

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

Header — ljust tema
Disability World
Header — mörkt tema
Disability World
Favicon — 16 / 32 / 64 px
Märke — 96 px · monokroma varianter
Open Graph-kort — 1200×630
Förhandsgranskning av delningskort för sociala medier för A. Aperture

Funktionsnedsättningskodad

B. Cell

Tre fyllda röda punkter på positionerna 1, 4, 5 i en punktskriftscell — bokstaven D i punktskrift. Signalerar direkt funktionsnedsättning. Subtila spökkonturer antyder cellformen; favicon-versionen utelämnar dem för tydlighet vid 16×16.

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

Header — ljust tema
Disability World
Header — mörkt tema
Disability World
Favicon — 16 / 32 / 64 px
Märke — 96 px · monokroma varianter
Open Graph-kort — 1200×630
Förhandsgranskning av delningskort för sociala medier för B. Cell

Global skala

C. Latitude

Globkontur + horisontlinje (som sträcker sig förbi globen som en redaktionell linje) + en enskild röd positionsmarkör i det övre högra kvadranten. Signalerar värld / täckning / position. Närmre det nuvarande märket men mer avsiktligt.

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

Header — ljust tema
Disability World
Header — mörkt tema
Disability World
Favicon — 16 / 32 / 64 px
Märke — 96 px · monokroma varianter
Open Graph-kort — 1200×630
Förhandsgranskning av delningskort för sociala medier för C. Latitude

När du har valt

Berätta vilket alternativ (A / B / C) så kommer jag att:

  1. Ersätta public/favicon.svg med den valda favicon.svg.
  2. Rendera om public/favicon.ico från den nya SVG:n (flerformatsstorlek: 16, 32, 48).
  3. Uppdatera den inbäddade varumärkes-SVG:n i src/components/Header.astro med den nya mark.svg-sökvägen.
  4. Lägga in OG-bilden (1200×630) som webbplatsens standardkort för sociala medier (för närvarande faller OG tillbaka på favicon).
  5. Lägga till en Apple touch icon-variant (180×180 PNG) för iOS-hemskärmsfästning.
  6. Bygga, driftsätta och verifiera i produktion.