Sisäinen · Branding-esikatselu

Kolme logokonseptia

Vertaa kolmea merkkikonseptia kaikissa ko'oissa, joissa sivusto käyttää niitä — favicon (16/32/64), ylätunniste (28) ja sosiaalisen median jakamiskortti (1200×630). Valitse yksi; vaihtoprosessi on dokumentoitu sivun alaosassa.

Arkkitehtoninen

A. Aperture

Tukeva iso D-kirjain punaisella vaakaraolla puolivälissä, joka ulottuu oikean reunan yli toimituksellisena viivana. Luetaan: avautuminen / saavutettavuus / D kuten Disability. Toimituksellinen paino (ajattele NYT, Bloomberg).

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

Ylätunniste — vaalea teema
Disability World
Ylätunniste — tumma teema
Disability World
Favicon — 16 / 32 / 64 px
Merkki — 96 px · yksivärisiä variantteja
Open Graph -kortti — 1200×630
Sosiaalisen median jakamiskortin esikatselu: A. Aperture

Vammakoodattu

B. Cell

Kolme täytettyä punaista pistettä pistekirjoitussolun kohdissa 1, 4, 5 — kirjain D pistekirjoituksessa. Viittaa suoraan vammaan. Haaleat ääriviivat taustalla vihjailevat solun muotoa; favicon-versio jättää ne pois selkeyden vuoksi koossa 16×16.

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

Ylätunniste — vaalea teema
Disability World
Ylätunniste — tumma teema
Disability World
Favicon — 16 / 32 / 64 px
Merkki — 96 px · yksivärisiä variantteja
Open Graph -kortti — 1200×630
Sosiaalisen median jakamiskortin esikatselu: B. Cell

Maailmanlaajuinen

C. Latitude

Maapallon ääriviiva + horisonttilinja (joka ulottuu maapallon ohi toimituksellisena viivana) + yksittäinen punainen paikannusmerkki oikeassa yläkvadrantissa. Viestii: maailma / kattavuus / sijainti. Lähempänä nykyistä merkkiä, mutta harkitumpi.

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

Ylätunniste — vaalea teema
Disability World
Ylätunniste — tumma teema
Disability World
Favicon — 16 / 32 / 64 px
Merkki — 96 px · yksivärisiä variantteja
Open Graph -kortti — 1200×630
Sosiaalisen median jakamiskortin esikatselu: C. Latitude

Kun olet valinnut

Kerro mikä vaihtoehto (A / B / C) ja teen seuraavaa:

  1. Korvaa public/favicon.svg valitulla favicon.svg-tiedostolla.
  2. Renderöi public/favicon.ico uudelleen uudesta SVG:stä (moniherkkyys: 16, 32, 48).
  3. Päivittää sisäisen merkki-SVG:n src/components/Header.astro-tiedostossa uudella mark.svg-polulla.
  4. Lisää 1200×630 OG-kuvan sivuston oletusjakamiskortiksi (tällä hetkellä OG käyttää varakeinona faviconia).
  5. Lisää Apple touch icon -variantin (180×180 PNG) iOS-aloitusnäytön pikakuvakkeita varten.
  6. Rakentaa, julkaisee ja tarkistaa tuotantoympäristössä.