Co-branding i oznaczenie TU

Nasz znak stoi obok znaku towarzystwa ubezpieczeniowego wszędzie tam, gdzie pokazujemy jego ofertę: w porównywarce, w rekomendacji, na potwierdzeniu zakupu, w materiale sprzedażowym. Reguły niżej są wspólne dla wszystkich towarzystw i nie zależą od tego, jak wygląda ich znak.

Kolejność

Nasz znak stoi pierwszy. To my prowadzimy relację z klientem, a towarzystwo odpowiada za konkretną ofertę.

Przy jednej ofercie zestawienie ma dwa znaki: nasz i tego towarzystwa. Przy wielu ofertach naraz znaki towarzystw są równorzędne między sobą: żaden nie stoi wyżej, nie jest większy i nie idzie pierwszy.

Miary

Jednostką jest x, ta sama co w polu ochronnym znaku: liczy się z wysokości lwa h jako x = h/5. Dziś h ma 130 px, więc x to 26 px. Wszystkie odstępy zestawienia są jej wielokrotnościami, więc nowa dostawa znaku przelicza je sama.

Wielkość	Reguła	Dziś
h	wysokość lwa	130 px
x	h/5	26 px
pole ochronne całości	x	26 px
odstęp znak↔separator i separator↔partner	2x	52 px
pole glifu separatora	x	26 px
wysokość znaku partnera	h	130 px

Separatorem jest × — znak mnożenia (U+00D7). Nie wersalik „X”, nie pionowa kreska, nie myślnik.

Kompozycję wyrównujemy do poziomej osi napisu „Polisoteka®” — całego napisu, razem z ®. Lew sięga wyżej i niżej niż napis, więc te dwie osie nie leżą w jednym miejscu: oś napisu ma dziś y = 84,5 px i stoi nad osią lwa. Mierzymy cały napis, nie sam wordmark: ® sięga ponad wersaliki i wchodzi do pomiaru, a wordmark bez ® dałby oś praktycznie równą osi lwa.

Wysokość znaku partnera równa się h — wysokości naszego lwa. Znaki partnerów mają różne proporcje, więc wyrównujemy wysokość, a nie szerokość czy pole.

Przykład

Prostokąt po prawej to miejsce na znak partnera, nie znak konkretnego towarzystwa. Logotypy towarzystw dostajemy od nich; nasza paczka ich nie wydaje.

Logotyp bierzemy w wersji -trim: pole ochronne całości wnosi kompozycja, więc plik z polem w środku dołożyłby drugi odstęp z lewej strony (logotypy).

Czego nie robimy

Nie robimy	Tak to wygląda	Dlaczego
Odstępu mniejszego niż 2x		Znaki zaczynają czytać się jak jeden; poniżej pola ochronnego nasz znak przestaje stać sam
Znaku partnera wyższego od naszego		Relacja jest równorzędna, a wyższy znak czyta się jako ważniejszy
Zestawienia bez separatora		Sam odstęp nie mówi, w jakiej relacji stoją dwa znaki
Innego znaku w miejscu separatora		Wersalik „X” to litera nazwy, nie znak mnożenia
Składania obu znaków w jeden rysunek		Dwa znaki stoją obok siebie, nienaruszone

Granice

• Zestawienie pokazuje dwie niezależne marki w relacji dystrybutor↔towarzystwo. Układ, z którego da się wyczytać, że Polisoteka® jest oddziałem towarzystwa albo odwrotnie, jest błędem niezależnie od odstępów.
• Znak towarzystwa nie jest referencją klienta ani rekomendacją produktu. Stoi przy ofercie, której dotyczy, i znika razem z nią.
• Zasady znaku po stronie partnera obowiązują nas tak samo jak nasze własne. Przed publikacją sprawdzamy, czego wymaga konkretne towarzystwo: wersję pliku, minimalną wielkość, tło, pole ochronne.
• Plików znaków partnerów nie trzymamy w paczce znaku. Nasz znak ma jedno źródło i tylko ono jest tutaj opisane.

Weryfikacja

Na gotowym zestawieniu sprawdź pięć rzeczy:

1. Nasz znak stoi pierwszy, a znaki towarzystw są równorzędne między sobą.
2. Odstęp po obu stronach separatora wynosi 2x, czyli 52 px przy dzisiejszej wielkości znaku.
3. Separatorem jest ×, a nie litera ani kreska.
4. Znak partnera ma wysokość h i stoi na osi napisu „Polisoteka®”, nie na osi lwa.
5. Wokół całości zostaje pole ochronne x i nic w nie nie wchodzi.

Bramka pnpm -F @polisoteka/design-brand run check:brand pilnuje plików i plansz: ich odtwarzalności i tego, że wymiary opisane w manifeście zgadzają się z rysunkiem. Tego, czy gotowe zestawienie trzyma te reguły, nie zmierzy. To zostaje przy review.

Źródła

Logotypy i pole ochronne, Sygnet, favicon i awatary, Dowody i rekomendacja, paczka znaku — źródło w repo: packages/design/brand/README.md.