Idea znaku
Znak łączy trzy sensy w jednej sylwetce: koszyk zakupowy, kiełek rośliny i złotą kropkę danych. Prosty do zbudowania na siatce, czytelny od faviconu po baner.
Kosz
Sylwetka koszyka - obietnica produktu: gotowy koszyk zakupów zbudowany za użytkownika. Fundament znaku i całej wartości aplikacji.
Kiełek
Łodyga z dwoma liśćmi wyrasta z kosza - zdrowie, świeżość, dieta prowadzona świadomie. To odróżnia NutriCart od zwykłej listy zakupów.
Kropka danych
Złota kropka nad kiełkiem to inteligencja: AI, które zamienia profil i cel w konkretny plan. Jedyny element w kolorze miodu - akcent, nie ozdoba.
Konstrukcja
Znak zbudowany jest na siatce, gdzie 1u = grubość kreski. Wszystkie zakończenia są zaokrąglone (linecap i linejoin round), kąty łagodne. Nie przerysowuj znaku z czcionek ani gotowych ikon - używaj plików źródłowych.
Kreska
Jednolita grubość 16u, zaokrąglone zakończenia. Ta sama waga optyczna co Manrope 800 - znak i logotyp siedzą razem.
Proporcje
Sygnet mieści się w polu o proporcji zbliżonej do kwadratu; kropka danych leży na osi pionowej, centralnie nad kiełkiem.
Zaokrąglenia
Bez ostrych narożników i bez cieni. Miękkość zakończeń niesie ton marki: opiekuńczy, spokojny, nie techniczny.
Logotyp
Zapis marki to NutriCart·AI - jedno słowo złożone, bez spacji, z kropką danych w roli separatora. Człon „AI" w kolorze bazylii, nigdy rozbijany do „A.I.".
Kropka danych jako separator
Złota kropka o średnicy 0,14 wysokości wersalika, uniesiona do połowy x-height. To ten sam element, co kropka nad kiełkiem w sygnecie - spójny sygnał „danych" w całym systemie.
Tracking i waga
Logotyp i nagłówki: Manrope 800 z trackingiem -2%. Zwarty, stabilny, z lekkim optycznym dociążeniem. Nie rozstrzelaj i nie ściskaj liter ręcznie.
Warianty znaku
Każde tło ma swój wariant. Nie odwracaj kolorów ręcznie i nie stawiaj wersji podstawowej na ciemnym tle - do tego jest wersja kremowa.
Kolor
Pięć kolorów, jasne role. Bazylia prowadzi, grafit pisze, krem daje światło, szałwia buduje powierzchnie. Miód to wyłącznie akcent. Kliknij wartość, aby skopiować.
| Zestawienie | Kontrast | Ocena (WCAG 2.1) |
|---|---|---|
| Grafit na kremie | 14,1:1 | AAA - tekst |
| Bazylia na kremie | 7,0:1 | AA - tekst |
| Krem na bazylii | 7,0:1 | AA - tekst |
| Grafit na szałwii | 13,7:1 | AAA - tekst |
| Miód na bazylii | 3,5:1 | tylko grafika / duży tekst |
| Miód na kremie | 2,0:1 | nie jako tekst |
Miód jest światłem, nie atramentem. Kontrast 2,0:1 na kremie dyskwalifikuje go jako kolor tekstu czy ikon roboczych. Używaj go jak kropki danych: mały akcent na spokojnym tle. Napis w kolorze miodu dopuszczalny tylko duży, na bazylii.
Typografia
Jeden krój niesie cały system: Manrope. Geometryczny, ciepły, z wysokim x-height - czytelny na małych ekranach i spójny z zaokrągleniami znaku. Licencja SIL OFL 1.1, bezpłatny komercyjnie.
Pole ochronne i rozmiary
Znak potrzebuje oddechu. Pole ochronne to trzy średnice złotej kropki z każdej strony - żaden element ani krawędź nie wchodzą w ten margines.
min. 24 px / 7 mm
używaj faviconu (kiełek)
Czego nie robimy
Osiem twardych zakazów. Spójność znaku jest ważniejsza niż jednorazowy pomysł na jego „ożywienie".
Nie rozciągaj, nie ściskaj, nie zmieniaj proporcji sygnetu ani logotypu.
Znak stoi pionowo. Bez przechyleń, obrotów i lustrzanych odbić.
Tylko warianty z tego brandbooka. Żadnych własnych zestawień ani tęczy.
Znak jest płaski. Cień, blask czy gradient łamią jego charakter.
Nie odtwarzaj znaku z czcionek ani ikon stockowych - używaj plików źródłowych.
Kolor miodu to akcent (kropka). Nigdy jako tekst na jasnym tle.
Nie umieszczaj znaku na niespokojnym zdjęciu bez pola ochronnego i kontrastu.
Zapis to NutriCart·AI. Bez „A.I.", bez spacji, bez zmiany członu na wersaliki inne niż wzór.
Zastosowania
Jak marka wygląda w produkcie: przyciski w bazylii, plakietki z kropką danych, karta wyniku z akcentem miodu na wartości liczbowej.
Przyciski i plakietki
Pobieranie
Pliki źródłowe w SVG - skalują się bez utraty jakości. Nie eksportuj znaku z tej strony zrzutem ekranu; pobierz oryginał.
