Propozycja nowego logo BioChemik — jeden logotyp do aplikacji, strony internetowej, prezentacji i dokumentów. Wariant podstawowy to wordmark „BioChemik" z podwójnym pomarańczowym paskiem — spójny na jasnym i ciemnym tle. Pisownia zawsze BioChemik (wielkie „C").
Poniżej: analiza obecnego znaku, propozycja nowego, porównanie i zasady użycia. Ikona aplikacji / favicon = kafel z kolbą.
Obecne logo — analiza
- Tylko bitmapa (PNG 443×165) — brak pliku wektorowego. Rozmywa się w druku, na ekranach HiDPI i przy każdym powiększeniu.
- Dwuwierszowy, schodkowy układ — znak jest wysoki i „ciężki"; źle siedzi w poziomych nagłówkach strony i aplikacji.
- Niespójna typografia — „Bio" wielką literą, „chemik" małą; nazwa czyta się jak dwa słowa i rozjeżdża się z resztą identyfikacji.
- Zdeformowane proporcje „Bio" — słowo jest nienaturalnie spłaszczone (rozciągnięte w poziomie) względem „chemik": „o" robi się szeroką elipsą, a grubości kresek przestają zgadzać się z krojem. Żaden font nie wygląda tak sam z siebie — to ślad ręcznego, nieproporcjonalnego skalowania tekstu. W poprawnym znaku rangę słowa różnicuje się stopniem lub grubością pisma, nigdy deformacją liter.
- Trzy kreski o różnych długościach — dekoracja bez rytmu, w małej skali zlewa się w plamę i jest trudna do odtworzenia.
- Brak systemu wariantów — nie ma wersji na ciemne tła, pola ochronnego ani rozmiarów minimalnych; favicona to osobny znak (inicjały „B–C" ze schodkami), luźno powiązany z logo.
- Kolory bez definicji — odcienie granatu i pomarańczu nie są nigdzie ustandaryzowane, więc każdy kolejny materiał może „dryfować".
Kolory obecnego znaku (granat + pomarańcz) są dobrym fundamentem — problemem jest forma i brak systemu. Propozycja poniżej zachowuje DNA marki: to ewolucja, nie rewolucja.
Propozycja — nowe logo
Kolor wordmarku zależny od motywu: navy #203090 na jasnym, biały na ciemnym. Paski zawsze pomarańczowe #f05020. Pole ochronne wokół znaku ≥ wysokość litery „B". Minimalna wysokość wordmarku w interfejsie: 18 px.
Obecne ↔ nowe
Wdrożenie nowego znaku jest tanie: to tekst + dwa paski (CSS/SVG), więc działa wszędzie — od nagłówka aplikacji, przez stronę www i stopkę e-maila, po pieczątkę i papier firmowy. Kolory marki zostają.
Z sufiksem modułu
Sufiks (nazwa modułu) w kolorze pomocniczym, oddzielony środkową kropką „·". Wordmark bez zmian — moduły dzielą tę samą markę.
Ikona aplikacji / favicon
Kolba (Lucide flask-conical) w białym konturze na navy kaflu z zaokrąglonymi rogami. To jedyne miejsce, gdzie marka występuje jako sam symbol — nagłówki używają pełnego wordmarku.
Laboratorium BIOCHEMIK×Obecna favicona to osobny znak (inicjały „B–C" ze schodkami) — powiela problemy logo i w 16 px zlewa się w plamę. Do wyboru dwie propozycje na navy kaflu: A — kolba (symbol laboratorium, spójny z ikoną aplikacji powyżej; ta podstrona już jej używa, widać ją na bieżącej karcie przeglądarki) oraz B — linie raportu z pomarańczowym punktem (wyniki badań; wariant z wcześniejszych prac).
Na różnych tłach
Kolory marki
Zasady
Rób
- Pisz zawsze „BioChemik" (wielkie B i C).
- Trzymaj podwójny pasek pod „Bio".
- Zachowaj pole ochronne i min. wysokość.
- Na navy/ciemnym — wordmark biały, paski pomarańczowe.
Nie rób
- „Biochemik", „BIOCHEMIK", „Bio-Chemik".
- Inne kolory pasków ani gradienty.
- Ściskanie / pochylanie / cień pod wordmarkiem.
- Ikona kolby w nagłówku zamiast wordmarku.