O nas · Zasoby brandingowe
Logotypy, locki i paleta — wszystko w jednym miejscu.
Dla dziennikarzy, partnerów, organizatorów konferencji i wszystkich innych, którzy prezentują Disability World wspólnie. Każdy plik poniżej jest hostowany w tym serwisie pod stabilnym adresem URL; można linkować bezpośrednio do niego z witryny partnerskiej, jeśli jest to wygodniejsze niż pobieranie. SVG to format podstawowy; warianty PNG są udostępniane dla kontekstów wymagających formatu rastrowego.
Znak
Komórka Braille'a dla litery D — punkty 1, 4 i 5 — przedstawiona w naszym czerwonym kolorze akcentowym, z małymi atramentowymi kotwicami na trzech pustych pozycjach, dzięki czemu kształt komórki jest czytelny w każdym rozmiarze.
-
Znak podstawowy — przezroczyste tło
Do użytku na białym lub jasnym tle. SVG skaluje się bez ograniczeń; warianty PNG są udostępniane dla kontekstów wymagających formatu rastrowego (prezentacje, podpisy e-mail, dolne paski wideo).
-
Znak podstawowy — na kremowym tle
Do użytku na kremowym tle serwisu (#fbf9f4) lub innym zbliżonym do bieli kolorowym tle.
-
Znak inwersyjny — na ciemnym tle
Do użytku na ciemnym tle. Czerwony kolor jest rozjaśniany do #f87171, aby utrzymać kontrast około 5:1; kotwice pustych komórek są przekształcane w przytłumioną mglistą biel.
Locki
Znak plus wordmark, wstępnie ułożone. Stosować w nagłówkach, blokach sponsorskich, ścianach partnerów i napisach końcowych. Nigdy nie przerysowywać wordmarku; używać dostarczonego pliku, aby zachować spójność odstępów.
-
Lockup poziomy — znak + wordmark
Stosować w nagłówkach, blokach sponsorskich, cytatach redakcyjnych i programach konferencji, gdy dostępna jest przestrzeń pozioma.
-
Lockup pionowy — znak nad wordmarkiem
Stosować, gdy przestrzeń pionowa jest bardziej ograniczona lub gdy lockup musi zmieścić się w kwadratowym polu — ściany partnerów, sieci sponsorów, napisy końcowe.
Karta społecznościowa
Domyślny obraz Open Graph; tak wyglądają podglądy linków, gdy nasze adresy URL są udostępniane w X, LinkedIn, Slack lub Facebook.
-
Open Graph / karta społecznościowa
Karta o rozmiarze 1200×630, która wyświetla się, gdy ktoś udostępni adres URL disabilityworld.org w mediach społecznościowych (X, LinkedIn, Slack, Facebook i in.). Serwis wysyła ją automatycznie; zasób jest dostępny tutaj dla partnerów, którzy chcą osadzić tę samą kartę we własnych komunikacjach.
Paleta kolorów
Sześć tokenów stosowanych spójnie w całym serwisie, w naszej grafice redakcyjnej i we wspólnie markowanych materiałach.
-
Atrament
#1a1a1aTekst podstawowy, kropki znaku
-
Krem
#fbf9f4Tło serwisu, tła zasobów brandingowych
-
Czerwony akcentowy
#dc2626Znak brandingowy (jasne tło), cytaty akcentowe, linie akcentowe
-
Czerwony akcentowy — tryb ciemny
#f87171Znak brandingowy na ciemnym tle (kontrast około 5:1)
-
Przytłumiony atrament
#636363Tekst meta, slogany, podpisy drugorzędne
-
Obramowanie
#e5e5e5Obramowania kart, linie podziału
Wytyczne użytkowania
W skrócie: nie przerysowywać znaku, nie przerabiać wordmarku, nie zmieniać czerwieni.
Zalecane
- Używać dostarczonego pliku SVG, gdy tylko jest to możliwe — skaluje się bez utraty jakości.
- Pozostawiać co najmniej jedną szerokość znaku wolnej przestrzeni wokół logotypu z każdej strony.
- Używać wariantu inwersyjnego na ciemnym tle, gdy tło jest ciemniejsze niż #555.
- Minimalny rozmiar: 24 px wysokości dla znaku, 120 px szerokości dla lockupu poziomego. Poniżej tych rozmiarów wzór komórki Braille'a przestaje być czytelny.
- Łączyć ze stosem czcionek systemowych (lub innym neutralnym sans-serifem), gdy tekst ma być umieszczony obok wordmarku.
Niezalecane
- Nie zmieniać koloru czerwonych kropek — kolor akcentowy jest tokenem brandingowym. (#dc2626 na jasnym tle, #f87171 na ciemnym.)
- Nie dodawać efektów (cieni, obrysów, połysku). Znak jest z założenia płaski.
- Nie przerysowywać wordmarku ani nie zamieniać czcionki — używać dostarczonego lockupu SVG/PNG.
- Nie obracać, nie pochylać, nie deformować. Komórka Braille'a jest czytelna wyłącznie w kanonicznym układzie 2 kolumny × 3 rzędy.
- Nie przycinać znaku do jednej lub dwóch kropek; komórka potrzebuje trzech wypełnionych pozycji, aby być rozpoznawalna jako litera D.
Znaczenie znaku
Trzy czerwone kropki w prawym górnym rogu siatki 2×3 reprezentują komórkę Braille'a dla litery D. Zapamiętaj to mięśniowo: górna lewa kropka, górna prawa kropka, środkowa prawa kropka.
Trzy małe atramentowe kropki na pustych pozycjach to nie dekoracja — to kotwice, które sprawiają, że komórka jest czytelna jako komórka. Bez nich czerwone kropki unoszą się swobodnie; z nimi struktura Braille'a zachowuje się w każdym rozmiarze.
Braille daje nam znak, który jest jednocześnie czytelny (to litera) i cicho znaczący (to alfabet piśmiennictwa w obszarze niepełnosprawności). Skaluje się od 16-pikselowych ikon w przeglądarce do 3-metrowych banerów konferencyjnych, nie tracąc sensu.