Вътрешно · Преглед на брандинг

Три концепции за лого

Сравнете трите концепции за маркировка на всеки размер, в който сайтът ще ги използва — favicon (16/32/64), хедър (28) и карта за споделяне в социалните мрежи (1200×630). Изберете една; процесът на смяна е документиран в дъното на страницата.

Архитектурен

A. Aperture

Плътна главна буква D с червена хоризонтална цепка на средна височина, простираща се отвъд десния ръб като редакционна линия. Чете се като: отваряне / достъпност / D за Disability. Редакционна тежест (в стил NYT, Bloomberg).

public/branding/option-1-aperture/ · 3 файла: mark.svg, favicon.svg, og.svg

Хедър — светла тема
Disability World
Хедър — тъмна тема
Disability World
Favicon — 16 / 32 / 64 px
Маркировка — 96 px · монохромни варианти
Open Graph карта — 1200×630
Преглед на карта за социално споделяне за A. Aperture

С код за увреждане

B. Cell

Три запълнени червени точки на позиции 1, 4, 5 на Брайлова клетка — буквата D на Брайл. Директно сигнализира за увреждане. Леки контури на фона загатват формата на клетката; версията за favicon ги изпуска за четимост при 16×16.

public/branding/option-2-cell/ · 3 файла: mark.svg, favicon.svg, og.svg

Хедър — светла тема
Disability World
Хедър — тъмна тема
Disability World
Favicon — 16 / 32 / 64 px
Маркировка — 96 px · монохромни варианти
Open Graph карта — 1200×630
Преглед на карта за социално споделяне за B. Cell

В глобален мащаб

C. Latitude

Контур на глобус + хоризонтална линия (простираща се отвъд глобуса като редакционна линия) + единичен червен маркер на позиция в горния десен квадрант. Сигнализира: свят / покритие / позиция. По-близо до текущата маркировка, но по-преднамерен.

public/branding/option-3-latitude/ · 3 файла: mark.svg, favicon.svg, og.svg

Хедър — светла тема
Disability World
Хедър — тъмна тема
Disability World
Favicon — 16 / 32 / 64 px
Маркировка — 96 px · монохромни варианти
Open Graph карта — 1200×630
Преглед на карта за социално споделяне за C. Latitude

След като изберете

Посочете кой вариант (A / B / C) и ще:

  1. Заменя public/favicon.svg с избрания favicon.svg.
  2. Рендира отново public/favicon.ico от новото SVG (мулти-размер: 16, 32, 48).
  3. Актуализира вградения SVG на маркировката в src/components/Header.astro с новия път от mark.svg.
  4. Добавя OG изображение (1200×630) като стандартна социална карта за сайта (в момента OG се връща към favicon).
  5. Добавя вариант за Apple touch icon (180×180 PNG) за закачане на начален екран в iOS.
  6. Компилира, публикува и проверява на продукционна среда.