Logo
Logo
Dwa moduły, jedna całość. Znak jest zapisany jako krzywe w jednym pliku wzorcowym i nie konstruuje się go ponownie.
- Stan rozdziału:
- gotowe
- Aplikacja dziś:
- rozjazd z brandbookiem
Znak podstawowy
Cytat
Fiolet pozostaje po lewej na dole, turkus po prawej na górze. Napis i odstęp między nim a znakiem stanowią stałą kompozycję.
Cytat
Geometria została odtworzona ze wskazanego wzoru. Proporcje i odstępy utrwala master SVG; nie konstruuj logo ponownie z siatki.
Plik wzorcowy to public/logo/medpass-logo.svg (w medpass-site i w Kanonie ten sam plik). Ma trzy ścieżki z identyfikatorami symbol-violet, symbol-turquoise i wordmark, wypełnione dokładnie kolorami z brandbooka. Proporcje pliku: 1197 na 246 jednostek, sam symbol zajmuje pierwsze 231 jednostek szerokości. Wszystkie podglądy na tej stronie powstają z tego jednego pliku.
Warianty
Brandbook (s. 5) przewiduje cztery warianty. Mamy plik tylko dla pierwszego. Pozostałe trzy Kanon generuje z pliku podstawowego na potrzeby podglądu, ale to nie zastępuje plików, które trzeba wyeksportować z projektu źródłowego.
| Wariant | Kiedy | Plik według brandbooka (s. 16) | Mamy? |
|---|---|---|---|
| Podstawowy | Jasne, spokojne tło. Strona, aplikacja, dokumenty. | medpass-logo.svg | tak |
| Odwrócony | Ciemne powierzchnie: etykieta inwentarzowa, stopka na atramencie, prezentacja. | medpass-logo-white.svg | brak |
| Jednokolorowy | Pieczątka, prosty druk, sytuacje bez koloru, znak na etykiecie. | medpass-logo-mono.svg | brak |
| Sam symbol | Favicon, ikona aplikacji, awatar, rozpoznawalny kontekst. Także biały i jednokolorowy. | medpass-symbol*.svg | brak |
| Podglądy rastrowe i favicon | PNG 16, 24, 32 i 48 px oraz ICO. Napis nie należy do favicony. | PNG + medpass-favicon.ico | brak |
Pole ochronne
Cytat
Minimalny odstęp od tekstu, zdjęć, krawędzi i innych znaków wynosi x. Przyjmujemy x = 1/4 wysokości symbolu.
- Skaluj całe logo proporcjonalnie. Pole ochronne dotyczy również samego symbolu.
- Duża ilość wolnego miejsca jest pożądana. Pole ochronne to minimum, nie cel.
- W kodzie: kontener logo dostaje
paddingrówny jednej czwartej wysokości symbolu, a nie sztywną liczbę pikseli.
Rozmiary minimalne
Cytat
Minimum dla samego symbolu: 16 px. W interfejsie zalecamy 24 px i więcej. Pełne logo stosuj od 144 px szerokości.
- 16 pxtylko favicon
- 24 pxinterfejs
- 32 pxinterfejs
- 48 pxinterfejs
144 px szerokości
| Zastosowanie | Minimum | Uwaga |
|---|---|---|
| Symbol na ekranie | 16 px | Tylko favicon i ikona systemowa. Brandbook pokazuje powiększenie rastra przy 16 px do oceny przerwy między modułami. |
| Symbol w interfejsie | 24 px i więcej | Nawigacja, awatar, nagłówek dokumentu. |
| Pełne logo na ekranie | 144 px szerokości | Poniżej tej szerokości zostaje sam symbol. |
| Pełne logo w druku | 28 mm szerokości | Przy chłonnym papierze i pieczątce wykonaj próbę odbicia. |
| Symbol w druku | 4 mm wysokości | Etykieta inwentarzowa, mała naklejka. |
Zastosowania
| Miejsce | Wariant | Zasada |
|---|---|---|
| Strona medpassapp.com | podstawowy | W pasku górnym symbol plus napis, wysokość 28 do 32 px. W stopce to samo, mniejsze. |
| Aplikacja, nawigacja | sam symbol | Symbol 24 do 32 px obok nazwy organizacji. Bez napisu z pliku, bo miejsca jest mało. |
| Protokół i paszport (PDF, druk) | podstawowy albo mono | Nagłówek dokumentu, linia pod spodem, tytuł dokumentu (brandbook s. 12). Układy są przykładami identyfikacji, nie wzorami wymaganych dokumentów. |
| Etykieta inwentarzowa z QR | podstawowy albo mono | Kod QR ma własne pole ciszy. Nie wstawiaj logo do środka kodu i nie ograniczaj jego marginesu. Znak na etykiecie może być jednokolorowy (s. 12). |
| Favicon, ikona aplikacji | sam symbol | Pakiet PNG 16, 24, 32, 48 px oraz ICO. Napis nie należy do favicony (s. 6). |
| Pieczątka | mono | Próba odbicia przed zamówieniem. |
| Wideo | podstawowy | Krótka przebitka 1 do 3 s. Logo w finale pozostaje czytelne przez co najmniej 2 s (s. 13). |
Niedozwolone użycia
Cytat
Nie dodawaj gradientów ani symboli klinicznych. Nie łącz znaku z krzyżem, sercem, EKG, tarczą lub kłódką. Zachowaj wolną przestrzeń między modułami.
Nie rozciągaj
Nie obracaj
Nie zmieniaj kolorów
Nie odtwarzaj napisu fontem
Nie dodawaj cieni
Nie zamieniaj kolorów modułów
- Nie rozciągaj. Zmiana proporcji w jedną oś zmienia kształt wcięcia i psuje tezę znaku.
- Nie obracaj. Fiolet zostaje po lewej na dole, turkus po prawej na górze.
- Nie zmieniaj kolorów. Dopuszczone są tylko: pełny kolor, biel, atrament.
- Nie odtwarzaj napisu fontem. Logotyp jest osobnym rysunkiem zapisanym jako krzywe (s. 9). Manrope w interfejsie to nie logotyp.
- Nie dodawaj cieni, obrysów, poświat ani gradientów.
- Nie zamieniaj kolorów modułów. Fiolet to urządzenie, turkus to dokumentacja. Zamiana odwraca historię znaku.
- Nie dokładaj symboli klinicznych. Krzyż, serce, EKG, tarcza, kłódka. Poza estetyką jest tu powód prawny: symbol kliniczny to deklaracja przeznaczenia, patrz Język marki.