Wewnętrzne · Podgląd brandingu

Trzy koncepcje logo

Porównaj trzy koncepcje znacznika w każdym rozmiarze, w jakim witryna będzie ich używać — favicon (16/32/64), nagłówek (28) i karta udostępniania w mediach społecznościowych (1200×630). Wybierz jedną; proces zamiany jest udokumentowany na dole strony.

Architektoniczne

A. Aperture

Masywna wielka litera D z czerwoną poziomą szczeliną na średniej wysokości, rozciągającą się poza prawą krawędź jak linia redakcyjna. Odczytywana jako: otwarcie / dostępność / D od Disability. Ciężar redakcyjny (w stylu NYT, Bloomberg).

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

Nagłówek — jasny motyw
Disability World
Nagłówek — ciemny motyw
Disability World
Favicon — 16 / 32 / 64 px
Znacznik — 96 px · warianty monochromatyczne
Karta Open Graph — 1200×630
Podgląd karty udostępniania społecznościowego dla A. Aperture

Z kodem niepełnosprawności

B. Cell

Trzy wypełnione czerwone kropki na pozycjach 1, 4, 5 komórki Braille'a — litera D w Braille'u. Bezpośrednio sygnalizuje niepełnosprawność. Delikatne kontury tła sugerują kształt komórki; wersja favicon pomija je dla czytelności przy 16×16.

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

Nagłówek — jasny motyw
Disability World
Nagłówek — ciemny motyw
Disability World
Favicon — 16 / 32 / 64 px
Znacznik — 96 px · warianty monochromatyczne
Karta Open Graph — 1200×630
Podgląd karty udostępniania społecznościowego dla B. Cell

W skali globalnej

C. Latitude

Kontur globu + pozioma linia (rozciągająca się poza glob jak linia redakcyjna) + pojedynczy czerwony znacznik na pozycji w prawym górnym kwadrancie. Sygnalizuje: świat / zasięg / pozycję. Bliżej obecnego znacznika, lecz bardziej zamierzony.

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

Nagłówek — jasny motyw
Disability World
Nagłówek — ciemny motyw
Disability World
Favicon — 16 / 32 / 64 px
Znacznik — 96 px · warianty monochromatyczne
Karta Open Graph — 1200×630
Podgląd karty udostępniania społecznościowego dla C. Latitude

Po dokonaniu wyboru

Wskaż, który wariant (A / B / C), a nastąpi:

  1. Zamiana public/favicon.svg na wybrany favicon.svg.
  2. Ponowne wygenerowanie public/favicon.ico z nowego SVG (wielorozmiarowy: 16, 32, 48).
  3. Aktualizacja osadzonego SVG znacznika w src/components/Header.astro nową ścieżką z mark.svg.
  4. Dodanie obrazu OG (1200×630) jako standardowej karty społecznościowej witryny (obecnie OG wraca do favicon).
  5. Dodanie wariantu Apple touch icon (180×180 PNG) do przypinania na ekranie głównym w iOS.
  6. Kompilacja, publikacja i weryfikacja w środowisku produkcyjnym.