Przejdź do treści
222 500 844 Bezpłatna wycena

Księga znaku · wersja 2.0 · 2026

Księga znaku i identyfikacja wizualna

Sygnet, logo, kolory, typografia i zasady użycia marki oraz pełna identyfikacja: papeteria, plakaty, ulotki, roll-up, baner, gadżety, szablony do mediów społecznościowych, prezentacji i ofert. Wszystkie pliki pobierzesz z tej strony.

Pobierz całą identyfikację (ZIP · 9,1 MB)Księga znaku (PDF)

01 / Idea

Strona. Kropka.

Sygnet to litera T – od „tworzenia” – zamknięta kwadratową kropką. Kropka ma podwójne znaczenie: kończy zdanie jak zrealizowany projekt i przypomina migający kursor edytora, w którym strona powstaje.

Kropka i końcówka „www.pl” mają niebieski kolor akcentu. To jedyny kolor w palecie poza czernią i bielą, dlatego zawsze wskazuje to, co najważniejsze: kursor, adres, ostatnie słowo nagłówka i wezwanie do działania.

02 / Konstrukcja

Siatka 64 × 64

Znak zbudowany jest na siatce 64 × 64 jednostek. Belka T ma 34 × 8 jednostek, trzon 8 × 22, a kwadratowa kropka 8 × 8 i stoi na linii bazowej trzonu. Narożniki kafla mają promień 14 jednostek.

Jednostka siatki (moduł 8) wyznacza też pole ochronne i odstępy w logo. Logotyp złożony jest krojem Geist SemiBold ze światłem −3,5%.

34 8 22 8 r 14

03 / Wersje logo

Pięć układów, cztery wersje kolorystyczne

Wersja podstawowa na jasnych tłach, inwersja na ciemnych, czarna i biała do druku jednobarwnego oraz na zdjęciach i kolorowych tłach.

04 / Pole ochronne

Przestrzeń i minimalne rozmiary

Wokół logo zostaw wolne pole równe wysokości dwóch belek T (moduł 16 przy sygnecie 64). W tym polu nie umieszczaj tekstu, grafik ani krawędzi formatu.

  • Sygnet: min. 16 px na ekranie, 5 mm w druku
  • Logo poziome: min. 140 px szerokości, 30 mm w druku
  • Logo z hasłem: min. 240 px szerokości, 55 mm w druku
x = 16

05 / Kolory

Czerń, biel i niebieski

Paleta jest celowo oszczędna: neutralne tło i treść oraz jeden akcent – niebieski #0F62FE. Kliknij próbkę, aby skopiować kod HEX. Wartości CMYK są przybliżone – przed drukiem poproś drukarnię o proof.

Zmienne CSS1 KB Tokeny JSON1 KB Paleta Adobe (ASE)1 KB Paleta GIMP / Inkscape (GPL)1 KB

06 / Typografia

Geist i Geist Mono

Krój Geist (licencja SIL Open Font License) – geometryczny, techniczny, bardzo czytelny na ekranach. Geist Mono służy do etykiet, numeracji i elementów „kodowych”.

Geist

Aa Ąą Źź

AĄBCĆDEĘFGHIJKLŁMNŃOÓPRSŚTUWYZŹŻ
aąbcćdeęfghijklłmnńoóprsśtuwyzźż 0123456789

  • Regular 400 – tekst
  • Medium 500 – interfejs
  • SemiBold 600 – nagłówki, logotyp

Geist Mono

{ www.pl }

01 / ETYKIETY · NUMERACJA
$ tsw start --cel=sprzedaż

  • Regular 400 – etykiety, kod
  • Medium 500 – wyróżnienia

H1 · 64/1.05 · −0,045 emStrony gotowe na Google

H2 · 44/1.1 · −0,04 emOd projektu po integracje

H3 · 20/1.3 · −0,02 emOpieka techniczna i bezpieczeństwo

Tekst · 17/1.65Projektujemy i wdrażamy strony, sklepy i integracje na dziewięciu platformach.

Etykieta · Mono 12 · +0,08 em01 / USŁUGI

07 / Tła

Logo na różnych tłach

Biel – wersja podstawowa
Jasna szarość – wersja podstawowa
Ink – inwersja
Niebieski – wersja biała

08 / Błędy

Czego nie robić ze znakiem

Nie rozciągaj i nie zmieniaj proporcji
Nie zmieniaj kolorów elementów
Nie obracaj znaku
Nie dodawaj cieni, poświat i efektów
Nie stawiaj na tłach o słabym kontraście
Nie zamieniaj na kontur ani nie zmieniaj kroju

09 / Elementy graficzne

Język wizualny marki

Cztery powtarzalne elementy budują rozpoznawalność wszystkich materiałów – od faviconu po baner. Używaj ich oszczędnie i zawsze razem z logo.

SiatkaCienkie linie co 1/20 szerokości formatu, krycie 5–8%. Tło nagłówków, okładek i plakatów.
PoświataNiebieski #0F62FE, krycie 45–60%, zawsze z jednego narożnika – najczęściej prawego górnego.
EtykietaGeist Mono, wersaliki, światło +8%, kwadrat w kolorze akcentu przed tekstem.
KursorAkcent tylko na ostatnim słowie nagłówka i kropce – jak kursor w edytorze.

10 / Ikony

Favicony i ikony aplikacji

16 px
32 px
48 px
64 px
128 px
favicon.ico3 KB favicon.svg1 KB Apple 180 px1 KB Android 192 px2 KB Android 512 px6 KB Maskable 512 px2 KB site.webmanifest1 KB

11 / Media społecznościowe

Profile, posty, relacje i tła

Grafiki do profili i gotowe szablony publikacji. Pliki SVG możesz otworzyć w Figmie, Illustratorze lub Inkscape i podmienić tekst.

Obraz udostępniania (Open Graph) – podgląd
Obraz udostępniania (Open Graph)1200 × 630 pxPNG118 KB
Awatar profilu – podgląd
Awatar profilu1080 × 1080 pxPNG5 KB
Baner LinkedIn – podgląd
Baner LinkedIn1584 × 396 pxPNG94 KB
Awatar w kolorze akcentu – podgląd
Awatar w kolorze akcentu1080 × 1080 pxPNG5 KB
Okładka Facebook – podgląd
Okładka Facebook1640 × 624 pxPNG142 KB
Relacja z wezwaniem do działania – podgląd
Relacja z wezwaniem do działania1080 × 1920 pxJPG122 KBSVG48 KB
Post – porada – podgląd
Post – porada1080 × 1080 pxJPG108 KBSVG42 KB
Post – cytat z bloga – podgląd
Post – cytat z bloga1080 × 1080 pxJPG150 KBSVG45 KB
Post LinkedIn – podgląd
Post LinkedIn1200 × 627 pxJPG65 KBSVG42 KB
Baner YouTube – podgląd
Baner YouTube2560 × 1440 pxJPG75 KBSVG29 KB
Nagłówek profilu X – podgląd
Nagłówek profilu X1500 × 500 pxJPG67 KBSVG25 KB
Tło do wideorozmów – ciemne – podgląd
Tło do wideorozmów – ciemne1920 × 1080 pxJPG72 KB
Tło do wideorozmów – jasne – podgląd
Tło do wideorozmów – jasne1920 × 1080 pxJPG59 KB
Grafika wyróżniająca wpisu – podgląd
Grafika wyróżniająca wpisu1600 × 900 pxJPG98 KBSVG36 KB
Stopka e-mail (HTML)1 KB

12 / Papeteria

Wizytówka, papier, koperty, teczka i notes

Pliki do druku to wektorowe PDF ze spadem, tekst zamieniony na krzywe. Przed drukiem poproś drukarnię o proof.

Wizytówka – przód – podgląd
Wizytówka – przód90 × 50 mm + 2 mm spaduPDF do druku12 KBPNG 300 dpi34 KB
Wizytówka – tył – podgląd
Wizytówka – tył90 × 50 mm + 2 mm spaduPDF do druku23 KBPNG 300 dpi44 KB
Papier firmowy – podgląd
Papier firmowyA4, 300 dpiPDF do druku49 KBPNG 300 dpi126 KB
Koperta DL – podgląd
Koperta DL220 × 110 mmPDF do druku23 KBSVG33 KB
Koperta C4 – podgląd
Koperta C4229 × 324 mmPDF do druku23 KBSVG33 KB
Teczka ofertowa – przód – podgląd
Teczka ofertowa – przódA4 + 3 mm spaduPDF do druku32 KBSVG42 KB
Teczka ofertowa – tył – podgląd
Teczka ofertowa – tyłA4 + 3 mm spaduPDF do druku25 KBSVG35 KB
Okładka notesu – podgląd
Okładka notesuA5 + 3 mm spaduPDF do druku23 KBSVG30 KB
Identyfikator – podgląd
Identyfikator54 × 86 mm + 2 mm spaduPDF do druku16 KBSVG20 KB
Tabliczka na drzwi – podgląd
Tabliczka na drzwi200 × 100 mmPDF do druku20 KBSVG24 KB

13 / Plakaty i ulotki

Plakaty A3 i B2, ulotki A5 i DL

Kod QR na plakatach i ulotkach prowadzi do formularza kontaktowego.

Plakat A3 – ciemny – podgląd
Plakat A3 – ciemnyA3 + 3 mm spaduPDF do druku61 KBSVG90 KB
Plakat A3 – jasny – podgląd
Plakat A3 – jasnyA3 + 3 mm spaduPDF do druku83 KBSVG125 KB
Plakat B2 – podgląd
Plakat B2500 × 707 mm + 3 mm spaduPDF do druku58 KBSVG81 KB
Ulotka A5 – przód – podgląd
Ulotka A5 – przódA5 + 3 mm spaduPDF do druku33 KBSVG43 KB
Ulotka A5 – tył – podgląd
Ulotka A5 – tyłA5 + 3 mm spaduPDF do druku133 KBSVG212 KB
Ulotka DL – przód – podgląd
Ulotka DL – przód99 × 210 mm + 3 mm spaduPDF do druku28 KBSVG39 KB
Ulotka DL – tył – podgląd
Ulotka DL – tył99 × 210 mm + 3 mm spaduPDF do druku108 KBSVG170 KB

14 / Duże formaty

Roll-up i baner

Na roll-upie najważniejsze treści trzymaj powyżej 1800 mm – dolną część zasłania kaseta. Na banerze zostaw 50 mm marginesu na oczka.

Roll-up – podgląd
Roll-up850 × 2000 mmPDF do druku67 KBSVG95 KB
Baner – podgląd
Baner3000 × 1000 mmPDF do druku38 KBSVG44 KB

15 / Gadżety

Kubek, koszulka, torba, naklejki i smycz

Kubek – podgląd
Kubekpole zadruku 200 × 90 mmPDF do druku20 KBSVG26 KB
Koszulka – podgląd
Koszulkanadruk z przodu 100 mm, na plecach 280 × 300 mmPrzód (PDF)5 KBPlecy (PDF)19 KB
Torba bawełniana – podgląd
Torba bawełniana300 × 340 mm, dwa koloryPDF do druku20 KBSVG25 KB
Naklejka okrągła – podgląd
Naklejka okrągłaØ 50 mm + 2 mm spaduPDF do druku14 KBSVG12 KB
Naklejka prostokątna – podgląd
Naklejka prostokątna80 × 30 mm + 2 mm spaduPDF do druku13 KBSVG16 KB
Smycz – podgląd
Smycz900 × 20 mm, wzór powtarzalnyPDF do druku46 KBSVG66 KB

16 / Prezentacje i dokumenty

Szablony prezentacji i oferty

Teksty w plikach PowerPoint i Word są edytowalne. Do poprawnego wyglądu zainstaluj kroje Geist i Geist Mono z paczki.

Szablon prezentacji 16:9 – podgląd
Szablon prezentacji 16:96 układów slajdówPowerPoint (PPTX)562 KBPDF246 KB
Szablon oferty – podgląd
Szablon ofertyA4, 4 stronyWord (DOCX)108 KBPDF228 KB
Slajd – agenda – podgląd
Slajd – agenda1920 × 1080 pxSVG58 KB
Slajd – sekcja – podgląd
Slajd – sekcja1920 × 1080 pxSVG30 KB
Slajd – treść – podgląd
Slajd – treść1920 × 1080 pxSVG114 KB
Slajd – myśl przewodnia – podgląd
Slajd – myśl przewodnia1920 × 1080 pxSVG44 KB
Slajd – kontakt – podgląd
Slajd – kontakt1920 × 1080 pxSVG55 KB

17 / Pobierz

Cała identyfikacja wizualna w jednym pliku

Księga znaku, logo i sygnet w SVG i PNG, favicony, grafiki i szablony do mediów społecznościowych, papeteria, plakaty, ulotki, roll-up, baner, gadżety, szablony prezentacji i oferty, stopka e-mail, palety kolorów i kroje Geist.

Pobierz ZIP · 9,1 MB Księga znaku PDF · 4,2 MB

Potrzebujesz innego formatu? Napisz: biuro@tworzeniestronwww.pl

Bezpłatna wycena

Opisz swój projekt

Kilka zdań wystarczy. Odpowiemy z bezpłatną wyceną i opisanym zakresem prac.

Po starcie strony możemy też poprowadzić jej pozycjonowanie i marketing – wybierz temat w formularzu.

Twoja wycenaco dostajesz w odpowiedzi Bezpłatnie

  • Zakres prac rozpisany na etapy
  • Dobrana platforma i rozwiązania
  • Proponowany harmonogram
  • Koszt bez ukrytych pozycji
  1. Opisujesz projektFormularz, telefon albo e-mail
  2. Dopytujemy o szczegółyKrótko i konkretnie
  3. Dostajesz wycenęZ zakresem prac i planem

Wolisz porozmawiać?

222 500 844 biuro@tworzeniestronwww.pl

Formularz wyceny

Wymagane pola: 0 z 4

Twoje dane

Czego dotyczy zapytanie?

Opisz projekt

0 / 4000 znaków
Dodaj do opisu:

  • Bez zobowiązań
  • Dane tylko do odpowiedzi
  • Wolisz rozmowę? 222 500 844