Internal · Branding preview

Three logo concepts

Compare the three candidate marks at every size the site will use them — favicon (16/32/64), header (28), and the 1200×630 social-share card. Pick one; the swap process is documented at the bottom of the page.

Architectural

A. Aperture

Solid capital D with a red horizontal gap mid-height, extending past the right edge as an editorial rule. Reads as: opening / accessibility / D for Disability. Editorial weight (think NYT, Bloomberg).

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

Header — light theme
Disability World
Header — dark theme
Disability World
Favicon — 16 / 32 / 64 px
Mark — 96 px · monochrome variants
Open Graph card — 1200×630
Social-share card preview for A. Aperture

Disability-coded

B. Cell

Three filled red dots at positions 1, 4, 5 of a Braille cell — the letter D in Braille. Directly signals disability. Subtle ghost outlines hint at the cell shape; favicon version drops them for clarity at 16×16.

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

Header — light theme
Disability World
Header — dark theme
Disability World
Favicon — 16 / 32 / 64 px
Mark — 96 px · monochrome variants
Open Graph card — 1200×630
Social-share card preview for B. Cell

Globe-scale

C. Latitude

Globe outline + horizon line (extending past the globe as an editorial rule) + a single red position marker in the upper-right quadrant. Signals world / coverage / position. Closer to the current mark but more deliberate.

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

Header — light theme
Disability World
Header — dark theme
Disability World
Favicon — 16 / 32 / 64 px
Mark — 96 px · monochrome variants
Open Graph card — 1200×630
Social-share card preview for C. Latitude

Once you pick one

Tell me which option (A / B / C) and I'll:

  1. Replace public/favicon.svg with the chosen favicon.svg.
  2. Re-render public/favicon.ico from the new SVG (multi-size: 16, 32, 48).
  3. Update the inline brand-mark SVG in src/components/Header.astro with the new mark.svg path.
  4. Drop in the 1200×630 OG image as the site's default social card (currently the OG falls back to the favicon).
  5. Add an Apple touch icon variant (180×180 PNG) for iOS home-screen pins.
  6. Build, deploy, verify on production.