Księga znaku
Zasady stosowania logo Displuno
Wersja 1.0 · listopad 2026
Display systems for events, retail & trade fairs · displuno.com
Display systems for events, retail & trade fairs · displuno.com
Paczka zawiera logo w wersjach poziomej, pionowej i sygnet, favicon i ikony aplikacji, grafiki do mediów społecznościowych, stopkę e-mail, pliki do druku oraz krój Outfit. Opis katalogów: plik CZYTAJ_MNIE.txt.
Logo Displuno składa się z dwóch elementów: sygnetu (litera D z łukiem) i logotypu (nazwa „displuno”). Oba tworzą jedną, niezmienną całość.
Litera D z łukiem – jak światło lub sygnał rozchodzący się od ekspozycji. Sygnet może występować samodzielnie (ikona, awatar, favicon), ale nie zastępuje pełnego logo na stronie, w ofertach i dokumentach.
Nazwa zapisana małymi literami, krój bazowy Outfit Bold, przetworzony na krzywe. Dwa kolory: „displ” w granacie i „uno” w koralu (w negatywie „displ” jest biały). Nie składaj nazwy z klawiatury – zawsze używaj plików.
koral #FF5A36 granat #0E1B3D
Koral wyróżnia sygnet i końcówkę nazwy, granat niesie czytelność. Szczegóły i odpowiedniki do druku – rozdział 07.
Trzy układy na różne formaty. Proporcje i wzajemne położenie elementów w każdym układzie są stałe.
Ikona aplikacji i favicon to sygnet w białym kolorze na koralowym, zaokrąglonym kwadracie. Ta forma jest zarezerwowana dla ikon (przeglądarka, telefon, aplikacje, profile) – nie używaj jej jako logo w dokumentach. Gotowe pliki: katalog 04_favicon_i_ikony_aplikacji.
Każdy układ ma pięć wariantów. Dobieraj wariant do tła, nie odwrotnie – logo zawsze musi być czytelne w całości.
Wektor (SVG, PDF) skaluje się bez utraty jakości – zawsze wybieraj go do druku i www. PNG i JPG to obrazy o stałej liczbie pikseli – do programów biurowych i internetu.
| Zastosowanie | Plik | Katalog |
|---|---|---|
| Strona www, sklep, newsletter | SVG (ostre w każdym rozmiarze); awaryjnie PNG 1200 lub 2400 px | 01–03 › SVG, PNG |
| Karta przeglądarki, ekran telefonu, aplikacja | favicon.ico, favicon.svg, apple-touch-icon, android-chrome, site.webmanifest | 04 |
| Word, PowerPoint, Excel, Google Docs/Slides | PNG z przezroczystością 1200 lub 2400 px; gdy program źle pokazuje przezroczystość – JPG na tle | 01–03 › PNG, JPG |
| Facebook, LinkedIn, Instagram, Google | gotowe awatary, okładka, baner, obraz udostępniania (Open Graph) | 05 |
| Stopka e-mail | PNG 360 px wyświetlany w szerokości 180 px + gotowa stopka HTML | 06 |
| Drukarnia: wizytówki, ulotki, katalogi, papier firmowy | PDF CMYK (wektor) | 07_druk |
| Wielki format: roll-up, ścianka, baner, kaseton, flaga | PDF CMYK lub SVG – wektor, dowolne powiększenie bez utraty jakości | 07_druk, 01–03 › SVG |
| Folia wycinana (ploter), oklejanie witryn, aut, ścian | PDF lub SVG; kolor albo wersja jednobarwna; folie wg tabeli kolorów | 07_druk |
| Grawer, laser, tampodruk, sitodruk 1 kolor, pieczątka | wersja czarna (lub granatowa) jednobarwna – PDF/SVG | czarny / granat |
| Haft | PDF/SVG jako wzór dla hafciarni (ona przygotuje plik maszynowy) | kolor lub czarny |
| Projektant, agencja, media | cały katalog paczki + ta księga znaku | ZIP |
Wokół logo zostaw wolną przestrzeń – bez tekstu, innych znaków i krawędzi formatu. Jednostką jest x = połowa wysokości litery D w sygnecie. Minimalne pole ochronne to 1x z każdej strony.
Jak wyznaczyć x: zmierz wysokość korpusu litery D (bez łuku) i podziel na 2.
Logo poziome: x ≈ 7,7% szerokości logo
(np. logo 200 mm → x ≈ 15 mm).
Logo pionowe: x ≈ 18,5% szerokości logo.
Sygnet: x ≈ 38% jego wysokości.
Poniżej tych rozmiarów łuk sygnetu i litery tracą czytelność albo nie dadzą się poprawnie wyciąć lub wyhaftować.
| Wersja | Mierzymy | Ekran | Druk | Folia wycinana | Haft | Uwagi |
|---|---|---|---|---|---|---|
| Logo poziome | szerokość | 120 px | 30 mm | 120 mm | 90 mm | łuk przy 30 mm ≈ 0,42 mm; przy 120 mm ≈ 1,7 mm |
| Logo pionowe | szerokość | 100 px | 24 mm | 100 mm | 70 mm | napis ma wtedy tę samą wielkość co w logo poziomym |
| Sygnet | wysokość | 24 px* | 6 mm | 25 mm | 20 mm | łuk przy 25 mm ≈ 1,7 mm |
* Mniejsze ikony (16–48 px) – tylko gotowy favicon z katalogu 04 (sygnet na koralowym kwadracie). Folia: minimalna grubość linii do wycięcia i wybrania ok. 1,5 mm. Haft: linie cieńsze niż ok. 1–1,2 mm skonsultuj z hafciarnią.
| RGB | 255 / 90 / 54 |
| CMYK – papier powlekany FOGRA39 | 0 / 75 / 75 / 0 ≈ |
| CMYK – papier niepowlekany FOGRA29 | 0 / 75 / 80 / 0 ≈ |
| Pantone (C) | 171 C (alternatywnie 172 C) ≈ przybliżenie |
| RAL (lakier, konstrukcje) | RAL 2008 (alternatywnie RAL 2012) ≈ przybliżenie |
| Folia (oklejanie) | Oracal 641-047 Orange red / 641-034 Orange ≈ do wzornika wylewana: Oracal 751C-047 / 751C-034 |
| RGB | 14 / 27 / 61 |
| CMYK – papier powlekany FOGRA39 | 100 / 90 / 45 / 55 ≈ |
| CMYK – papier niepowlekany FOGRA29 | 100 / 85 / 40 / 50 ≈ |
| Pantone (C) | 289 C (alternatywnie 2768 C) ≈ przybliżenie |
| RAL (lakier, konstrukcje) | RAL 5013 (alternatywnie RAL 5011) ≈ przybliżenie |
| Folia (oklejanie) | Oracal 641-518 Steel blue / 641-050 Dark blue ≈ do wzornika wylewana: Oracal 751C-518 / 751C-050 |
Biały: RGB 255/255/255, CMYK 0/0/0/0 (bez farby; w druku UV na podłożach kolorowych – biały poddruk), RAL 9016, folia Oracal 641-010. Czarny jednobarwny: CMYK 0/0/0/100, RAL 9005, folia Oracal 641-070.
Uzupełniają kolory podstawowe na stronie www, w dokumentach i materiałach. Nie używaj ich w samym logo.
| Kolor | HEX | RGB | CMYK (FOGRA39) | Zastosowanie |
|---|---|---|---|---|
| Granat 2 | #16264F | 22 / 38 / 79 | 100 / 90 / 40 / 40 ≈ | tła drugiego planu na granacie, motyw łuku |
| Koral – tekst | #C23B17 | 194 / 59 / 23 | 15 / 85 / 100 / 5 ≈ | linki i krótkie teksty w koralu na białym (kontrast 5,3:1) |
| Koral – najechanie | #FF7250 | 255 / 114 / 80 | 0 / 65 / 65 / 0 ≈ | tylko www: przycisk po najechaniu |
| Tekst 2 | #4A5578 | 74 / 85 / 120 | 75 / 65 / 30 / 15 ≈ | tekst drugorzędny, podpisy, stopki |
| Mgła | #F4F6FA | 244 / 246 / 250 | 5 / 3 / 2 / 0 ≈ | jasne tła sekcji, karty, pola pod logo |
| Linia | #E3E6EE | 227 / 230 / 238 | 13 / 8 / 5 / 0 ≈ | linie, ramki, separatory |
Koral to akcent: przyciski, wyróżnienia, sygnet. Duże płaszczyzny – biel, mgła albo granat.
| biały tekst na granacie | 16,9:1 – bez ograniczeń |
| granat na białym | 16,9:1 – bez ograniczeń |
| koral #FF5A36 na białym | 3,1:1 – tylko duże napisy (od 24 px / 18 pt) |
| biały na koralu | 3,1:1 – tylko duże napisy i przyciski |
| koral – tekst #C23B17 na białym | 5,3:1 – także drobny tekst |
Krój marki to Outfit – nowoczesny, geometryczny, bezszeryfowy (licencja SIL Open Font License: bezpłatny także do zastosowań komercyjnych). Pliki: katalog 08_czcionka.
Gdy Outfit nie jest dostępny (maile, cudze komputery, proste dokumenty): Arial (Windows, Office), Helvetica (macOS). Nie mieszaj więcej niż dwóch krojów.
Zainstaluj odmiany z katalogu statyczne_do_Office (prawy przycisk › Zainstaluj dla wszystkich użytkowników). Wysyłając plik PowerPoint, włącz: Plik › Opcje › Zapisywanie › Osadź czcionki w pliku.
Logotyp powstał z kroju Outfit Bold, ale jest przetworzony na krzywe. Nigdy nie składaj go z klawiatury.
Logo stawiamy na spokojnym, jednolitym tle. Zdjęcie jest dozwolone tylko wtedy, gdy w miejscu logo jest gładkie, odpowiednio jasne lub ciemne i nie odbiera czytelności.
Każda zmiana w logo osłabia rozpoznawalność marki. Poniższe przykłady są niedozwolone.
displunoProste makiety pokazujące zasady w praktyce. Wizytówki w skali 1:1 (90 × 50 mm).
Awatary 1080 × 1080 px mają sygnet w bezpiecznej strefie – serwisy przycinają je do koła. Wersja koralowa jest podstawowa, granatowa – na zmianę sezonową lub dla kont firmowych.
Okładka Facebook 1640 × 624, baner LinkedIn 1584 × 396, obraz Open Graph 1200 × 630 (podgląd linku do strony). Treść jest na środku – telefony przycinają boki, a zdjęcie profilowe zasłania lewy dolny róg.
Displuno sprzedaje systemy wystawiennicze z grafiką zamówioną przez klienta. Grafika na produkcie należy do klienta – logo Displuno nie konkuruje z nią, a jego miejscem są strona, oferty i dokumenty.
| Sytuacja | Zasada |
|---|---|
| Sprzedaż detaliczna | Na produkcie – grafika klienta. Oznakowanie Displuno (etykieta, torba transportowa, instrukcja, opakowanie) pozostaje marki Displuno. |
| Sprzedaż hurtowa | Tylko w hurcie, na życzenie odbiorcy, oznakowanie produktu może nosić logo klienta zamiast Displuno. |
| Strona, oferty, faktury, dokumenty dostawy, e-maile | Zawsze Displuno – niezależnie od kanału sprzedaży. |
| Wspólne materiały (realizacje, referencje, oferty dla klienta) | Oba znaki obok siebie, w jednej linii, o zbliżonej wielkości optycznej, rozdzielone cienką linią; odstęp co najmniej 2x od linii z każdej strony. |
| Nigdy | Nie łączymy znaków w jeden, nie wstawiamy logo klienta w sygnet, nie zmieniamy kolorów Displuno pod klienta i nie dodajemy logo Displuno do grafiki klienta bez jego zgody. |
+ KLIENTPytania o stosowanie znaku: info@displuno.com · +48 22 113 14 16. Ta księga dotyczy wersji 1.0 logo (listopad 2026).