LOGO I FAVICON: POZYCJONOWANIE STRON

W PACZCE
logo/                  logo w SVG (do strony i do druku)
logo/png/              to samo w PNG, na przezroczystym tle
favicon/               ikona strony we wszystkich rozmiarach
media-spolecznosciowe/ awatar do Facebooka, LinkedIn, Instagrama i YouTube

KTÓRY PLIK GDZIE
Nagłówek strony (jasne tło)   logo/pozycjonowanie-stron-logo.svg, wysokość 20-24 px
Stopka i ciemne tła           logo/pozycjonowanie-stron-logo-negatyw.svg
Na niebieskim tle i zdjęciach logo/pozycjonowanie-stron-logo-biale.svg
Druk w jednym kolorze         logo/pozycjonowanie-stron-logo-czarne.svg
Papier firmowy, prezentacje   logo/pozycjonowanie-stron-logo-z-dopiskiem.svg
Reklamy i banery              logo/pozycjonowaniestron-pl-reklama.svg
Tam, gdzie nie działa SVG     logo/png/pozycjonowanie-stron-logo-600.png ustawione na 300 px szerokości

Jeśli WordPress nie pozwala wgrać pliku SVG, trzeba włączyć obsługę SVG
(np. wtyczką Safe SVG) albo użyć wersji PNG.

IKONA STRONY (FAVICON), NAJPROŚCIEJ
WordPress: Wygląd > Dostosuj > Tożsamość witryny > Ikona witryny,
plik favicon/ikona-witryny-512.png. WordPress sam przygotuje mniejsze rozmiary.

IKONA STRONY, WERSJA NAJOSTRZEJSZA (dla programisty)
Pliki z folderu favicon/ wgrać do głównego katalogu strony, a do sekcji <head> dodać:
<link rel="icon" href="/favicon.ico" sizes="48x48">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">
Rozmiary 16 i 32 px są rysowane piksel po pikselu, dlatego w karcie przeglądarki
są ostrzejsze niż ikona pomniejszona przez WordPressa.

ZASADY
Pole ochronne: wokół logo tyle wolnego miejsca, ile wynosi odstęp między znakiem a nazwą.
Najmniejszy rozmiar: logo 140 px szerokości na ekranie, 35 mm w druku. Poniżej sam znak.
Kolory: niebieski #0f62fe, grafit #161616, na ciemnym tle nawiasy #4589ff.
Krój: IBM Plex Sans Medium. Licencja SIL Open Font License pozwala używać go w logo i materiałach firmy.

POZOSTAŁE FOLDERY
ksiega-znaku-pozycjonowanie-stron.pdf   zasady używania znaku, kolory, krój, favicony, zastosowania (10 stron)
media-spolecznosciowe/                  okładki: Facebook 1640x624, LinkedIn firma 1128x191 i profil 1584x396,
                                        X 1500x500, YouTube 2560x1440 (treść w strefie bezpiecznej), obraz OG 1200x630,
                                        baner do grup 1080x1350, kwadrat 1080x1080, awatar 1000x1000
druk/                                   wizytówka przód i tył: PDF 85x55 mm ze spadem 3 mm i znacznikami cięcia (plus SVG),
                                        papier firmowy jako szablon Word (papier-firmowy.docx)
e-mail/                                 sygnatura.html i JAK-WSTAWIC.txt
