Wolno
Bochenek dojrzewa 36 godzin i nikt go nie poganiał.
Identyfikacja wizualna, piekarnia na zakwasie, Kraków
Skibka
Znak, który można przybić na torbie, a nie tylko wydrukować.
- Branża
- piekarnia rzemieślnicza na zakwasie
- Miejsce
- Kraków, Podgórze
- Zakres
- strategia, logo, system, makiety, animacja, brand book
Klient i zadanie
Skibka to mała piekarnia na krakowskim Podgórzu. Chleb piecze na własnym zakwasie, w jednym piecu, w rytmie trzydziestu sześciu godzin: ciasto dojrzewa dwa dni, zanim trafi do pieca.
Sprzedaje przez okno od ulicy i wozi pieczywo do czterech kawiarni. Do tej pory torby podpisywała długopisem, a w witrynie wisiała kartka z cenami.
Zadanie: identyfikacja, którą piekarnia zrobi sama, tanio i szybko, jedną pieczątką i jedną drukarką, i która nie będzie wyglądać jak sieć sklepów.
- Odbiorcy
- sąsiedzi z Kazimierza i Podgórza oraz cztery kawiarnie
- Zadanie
- jeden znak, który da się przybić na torbie i wydrukować na wizytówce
- Wynik
- logo, system, druk, media, animacja i brand book w jednej paczce
Kierunek i strategia
Rzemiosło zamiast gładkości
Chleb na zakwasie jest niedoskonały z założenia. Każdy bochenek wychodzi trochę inny i właśnie za to ludzie go lubią. Identyfikacja ma tę samą cechę: nie ma w niej prostej linii ani idealnego koła. Brzeg pieczątki, papier i wzór powstały z szumu, który za każdym razem układa się odrobinę inaczej.
Kolory biorą się z mąki, skórki i żyta, a nie z palety technologicznej. Krój nagłówkowy ma charakter ręcznie ciętej litery, a tekst jest zwykły i czytelny. Odbiorca kupuje chleb dwa, trzy razy w tygodniu i chce wiedzieć, co je. Pieczątka mówi to wprost: jest ręczna, jest z Krakowa, jest od człowieka.
wolnozakwasmąka
Z mąki i wody
Mąka, woda, sól i zakwas. Nic więcej nie trafia do ciasta.
Po sąsiedzku
Piekarka stoi w oknie, zna imiona i odkłada bochenek na później.
- Odbiorcy
- Sąsiedzi z Kazimierza i Podgórza, którzy kupują chleb dwa lub trzy razy w tygodniu i chcą wiedzieć, co jest w środku, oraz kawiarnie, które zamawiają bochenki na rano.
- Osobowość
- ciepła, uczciwa, trochę niedoskonała
- Czego unikamy
- idealnej geometrii, błyszczącej techniki, neonów i wszystkiego, co wygląda jak sieć sklepów
Skibka piecze chleb na własnym zakwasie w małym piecu na Podgórzu, wolno i bez dodatków, dla ludzi, którzy lubią wiedzieć, co jedzą.
Proces
Zaczęliśmy od trzech szkiców, narysowanych szybko i surowo. Każdy odpowiada na inne pytanie: czy znak ma być pieczątką, kromką czy kłosem.
Kromka z literą S
Sylwetka kromki z wyciętą literą S.
Odpadła, bo litera w środku ginie już przy 24 pikselach, a kromka kojarzy się z chlebem tostowym z supermarketu, nie z bochenkiem na zakwasie.
Kłos z trzech kresek
Trzy ręcznie cięte kreski układają się w kłos nad nazwą.
Odpadł, bo kłos jest najczęstszym znakiem piekarni w Polsce. Niczego nie mówi o zakwasie ani o Podgórzu i nie da się go przybić na torbie.
Pieczątka
Pieczątka działa na trzech poziomach jednocześnie: jako sygnet na awatarze i w karcie przeglądarki, jako odcisk na papierowej torbie i jako znak jakości na dostawie dla kawiarni. Ma nieregularny brzeg, więc pasuje do chleba, który też nie jest idealny.
Ręczny kerning
Pary Sk i ka zostały ściągnięte, a ki, ib i bk rozsunięte o kilka jednostek, żeby szeryfy nie zlewały się w jedną szynę, a kolor tekstu w słowie Skibka był równy.
Test czytelności
Pełna pieczątka działa od 48 pikseli. Poniżej niej zastępuje ją uproszczony sygnet z bochenkiem w grubym kole, który czyta się w 16 pikselach.
sygnet uproszczony, 16 px- 24 px
- 48 px
pełna pieczątka, 48 px- 96 px
- 192 px
Okrągłe litery wystają ponad linię o ułamek wysokości, a szeryfy k i b leżą na jednej linii podstawowej.
System identyfikacji
Logo w sześciu wersjach
Głównepieczątka i napis, gdy jest miejsce
Poziomeuproszczony sygnet, paski i nagłówki
Pionowetorby, naklejki, kwadratowe pola
Sygnetsama pieczątka, awatary i pieczątka na torbie
Jednokoloroweczarne, do druku w jednym kolorze
Negatywjasne na żytnim tle
Pole ochronne i rozmiary
Pole ochronne jest równe wysokości litery S z napisu Skibka. Żaden tekst ani brzeg strony nie wchodzi w ten obszar.
- Sygnet: 16 px na ekranie, 6 mm w druku (uproszczony sygnet).
- Pełna pieczątka: 48 px na ekranie, 18 mm w druku.
- Logo główne: 120 px szerokości, 32 mm w druku.
Kolor
- Żyto#3A3128tekst, znak, ciemne tło
- Skórka#8F5530akcent w tekście i na przyciskach
- Łan#4F5B33zielony akcent w tekście
- Łan jasny#6B7A4Awypełnienia, wzór, bez tekstu
- Kraft#C9AD83papier na torby i etykiety
- Mąka biała#FAF7F0karty i okładki
- Mąka#F2EDE2tło strony
- Otręby#E4D7BCtło sekcji i tabel
- Miąższ#A08B6Dcienkie linie, bez tekstu
- Popiół#6A5D4Dtekst drugorzędny
| Kolor | HEX | RGB | OKLCH | CMYK (przybliżony) |
|---|---|---|---|---|
| Żyto | #3A3128 | 58 49 40 | oklch(32% 0.02 67) | C 0 M 16 Y 31 K 77 |
| Skórka | #8F5530 | 143 85 48 | oklch(50.8% 0.093 51.8) | C 0 M 41 Y 66 K 44 |
| Łan | #4F5B33 | 79 91 51 | oklch(45% 0.062 122.5) | C 13 M 0 Y 44 K 64 |
| Łan jasny | #6B7A4A | 107 122 74 | oklch(55.5% 0.072 122.9) | C 12 M 0 Y 39 K 52 |
| Kraft | #C9AD83 | 201 173 131 | oklch(76.2% 0.065 77.6) | C 0 M 14 Y 35 K 21 |
| Mąka biała | #FAF7F0 | 250 247 240 | oklch(97.7% 0.01 87.5) | C 0 M 1 Y 4 K 2 |
| Mąka | #F2EDE2 | 242 237 226 | oklch(94.7% 0.016 86.4) | C 0 M 2 Y 7 K 5 |
| Otręby | #E4D7BC | 228 215 188 | oklch(88.3% 0.039 85.3) | C 0 M 6 Y 18 K 11 |
| Miąższ | #A08B6D | 160 139 109 | oklch(64.8% 0.049 76.5) | C 0 M 13 Y 32 K 37 |
| Popiół | #6A5D4D | 106 93 77 | oklch(48.6% 0.03 72.8) | C 0 M 12 Y 27 K 58 |
Kontrast
Każda para tekstu i tła w systemie ma policzony stosunek kontrastu. Teksty spełniają WCAG AA, a elementy dekoracyjne są oznaczone osobno.
| Użycie | Para | Kontrast | Wymóg | Poziom |
|---|---|---|---|---|
| tekst podstawowy na tle strony | Aa#3A3128 na #F2EDE2 | 10,9:1 | 4,5:1, tekst | AAA |
| tekst na kartach | Aa#3A3128 na #FAF7F0 | 11,9:1 | 4,5:1, tekst | AAA |
| tekst w tabelach i na tle sekcji | Aa#3A3128 na #E4D7BC | 8,94:1 | 4,5:1, tekst | AAA |
| tekst na papierze kraft, etykiety i torba | Aa#3A3128 na #C9AD83 | 5,93:1 | 4,5:1, tekst | AA |
| tekst drugorzędny, podpisy | Aa#6A5D4D na #F2EDE2 | 5,47:1 | 4,5:1, tekst | AA |
| podpisy na kartach | Aa#6A5D4D na #FAF7F0 | 5,97:1 | 4,5:1, tekst | AA |
| linki i akcenty w tekście | Aa#8F5530 na #F2EDE2 | 5,12:1 | 4,5:1, tekst | AA |
| linki na kartach | Aa#8F5530 na #FAF7F0 | 5,59:1 | 4,5:1, tekst | AA |
| zielony akcent w tekście | Aa#4F5B33 na #F2EDE2 | 6,25:1 | 4,5:1, tekst | AA |
| negatyw: jasny tekst na żytnim tle | Aa#F2EDE2 na #3A3128 | 10,9:1 | 4,5:1, tekst | AAA |
| jasny tekst na przycisku w kolorze skórki | Aa#F2EDE2 na #8F5530 | 5,12:1 | 4,5:1, tekst | AA |
| jasny tekst na zielonym tle | Aa#F2EDE2 na #4F5B33 | 6,25:1 | 4,5:1, tekst | AA |
| obrys fokusu i ramki pól formularza | Aa#8F5530 na #F2EDE2 | 5,12:1 | 3:1, element interfejsu | AA |
| duże nagłówki | Aa#3A3128 na #F2EDE2 | 10,9:1 | 3:1, duży tekst | AAA |
| wzór i kłosy w tle | Aa#6B7A4A na #F2EDE2 | 3,99:1 | brak | dekoracja |
| cienkie linie podziału | Aa#A08B6D na #F2EDE2 | 2,81:1 | brak | dekoracja |
Typografia
Young Serif
Mąka, woda, sól i zakwas. Chleb dojrzewa trzydzieści sześć godzin.
Nagłówki. Jedna grubość, 400. Licencja OFL.
Karla
Mąka, woda, sól i zakwas. Chleb dojrzewa trzydzieści sześć godzin.
Tekst. Grubości 400, 500, 700 i kursywa. Licencja OFL.
- Tytuł56 px, interlinia 1,05. okładki, hasła, nagłówek strony
- Nagłówek34 px, interlinia 1,12. sekcje i karty
- Podtytuł20 px, interlinia 1,3. wstępy i lead
- Tekst17 px, interlinia 1,55. akapity, opisy, menu
- Podpis14 px, interlinia 1,4. podpisy, etykiety, adresy
ĄĆĘŁŃÓŚŹŻ ąćęłńóśźż 0123456789 „”·×
Ikony i wzór
adres
chleb
koszyk
kromka
mąka
nóż
piec
telefon
torba
zakwas
zegar
ziarno
Wzór z odcisków
Nieregularne nacięcia, ziarna i kropki rozsypane bez rytmu. Wzór nie ma osi, a szew kafla jest niewidoczny.
Faktura papieru
Drobne ziarno z szumu, nałożone na mąkę i kraft. Tylko na ekranie i w druku z rastra, nigdy w plikach logo.
Karty z krzywym brzegiem
Każda karta jest lekko przechylona, o jeden do dwóch stopni, a jej brzeg jest nierówny jak rwany papier.
- Jedna kolumna tekstu, szerokość do 62 znaków.
- Pieczątka stoi samotnie, z polem ochronnym równym wysokości litery S.
- Karty i zdjęcia pochylamy o najwyżej dwa stopnie, tekstu nie pochylamy nigdy.
- Linii i ramek rysowanych linijką nie używamy. Linie rysujemy kreską o nierównej grubości.
Zdjęcia i ton głosu
Zdjęć w tym projekcie nie generujemy. Opis stylu dla fotografa: światło dzienne z okna, boczne i miękkie. Bochenki w całości i w przekroju, na drewnie, kraftowym papierze lub lnianej ściereczce. Mąka na blacie jest widoczna i nieuprzątnięta. Ręce w kadrze są prawdziwe, bez rękawiczek i bez pozowania. Kolory ciepłe, bez filtrów i bez wysokiego kontrastu. Zdjęcia kadrujemy od góry albo z wysokości blatu, nigdy z perspektywy żabiej.
Mówimy, co jest w chlebie
Skład podajemy wprost, bez przymiotników.
TakMąka żytnia, woda, sól, zakwas. Nic więcej.
NieWyselekcjonowane składniki najwyższej jakości.
Czas jest składnikiem
Pokazujemy, ile chleb dojrzewa, i nie udajemy pośpiechu.
TakCiasto rośnie 36 godzin. Nie poganiamy go.
NieSzybko, świeżo i zawsze na czas!
Po sąsiedzku
Piszemy tak, jak mówi się przez okno piekarni.
TakZosia piecze od piątej. Wpadnij po ciepły.
NieZapraszamy do skorzystania z naszej oferty.
Krótko i bez wykrzykników
Jedno zdanie na jedną informację, bez wykrzykników.
TakDziś: żytni, pszenny, bułki. Do 14:00.
NieDziś w ofercie same pyszności!!!
Animacja
Pieczątka opada na papier, tusz rozlewa się odrobinę i brzeg się uspokaja. Całość trwa trzy sekundy. Przy ustawieniu ograniczenia ruchu strona pokazuje nieruchome logo.
- Czas
- trzy sekundy, w pętli
- Format
- 1080 na 1080 px
- Pliki
- MP4 (H.264), 602 KB
WebM (VP9), 546 KB
Przybij pieczątkę
Zastosowania
- Format
- A4, 210 na 297 mm
- Plik
- PDF do druku, 35 KB, kroje osadzone
- Układ
- logo i dane w nagłówku, adres w stopce, tekst w jednej kolumnie
Media społecznościowe
Awatar
Dziś w oknie
Mąka, woda, sól.
Piekarnia czynna
Pliki do pobrania
Logo, kolory, kroje, wzór, ikony, druk, grafiki do mediów, podpis e-mail i brand book leżą w jednej paczce ZIP. Makiety i animacja są osobnymi plikami. Wszystko jest też na liście poniżej, rozwiń grupę, żeby zobaczyć pliki z wymiarami.
Sama paczka ZIP waży 4,9 MB. Makiety i animacja nie wchodzą do niej, leżą osobno na liście poniżej, razem całość to 12.4 MB.
skibka-identyfikacja.zip4,9 MB
LogoPDF, PNG, SVG, PNG 512, 1024, 2048 px30 plików1,1 MB
- skibka-horizontal.pdf1 str.5,4 KB
- skibka-mono-black.pdf1 str.9,6 KB
- skibka-negative.pdf1 str.9,6 KB
- skibka-primary.pdf1 str.9,6 KB
- skibka-symbol.pdf1 str.6,4 KB
- skibka-vertical.pdf1 str.9,1 KB
- skibka-horizontal-1024.png1024×211 px24 KB
- skibka-horizontal-2048.png2048×423 px54 KB
- skibka-horizontal-512.png512×106 px12 KB
- skibka-mono-black-1024.png1024×261 px30 KB
- skibka-mono-black-2048.png2048×523 px65 KB
- skibka-mono-black-512.png512×131 px13 KB
- skibka-negative-1024.png1024×261 px39 KB
- skibka-negative-2048.png2048×523 px84 KB
- skibka-negative-512.png512×131 px18 KB
- skibka-primary-1024.png1024×261 px38 KB
- skibka-primary-2048.png2048×523 px83 KB
- skibka-primary-512.png512×131 px17 KB
- skibka-symbol-1024.png1024×1024 px87 KB
- skibka-symbol-2048.png2048×2048 px194 KB
- skibka-symbol-512.png512×512 px41 KB
- skibka-vertical-1024.png1024×847 px67 KB
- skibka-vertical-2048.png2048×1693 px150 KB
- skibka-vertical-512.png512×423 px31 KB
- skibka-horizontal.svg4,4 KB
- skibka-mono-black.svg9,5 KB
- skibka-negative.svg9,5 KB
- skibka-primary.svg9,5 KB
- skibka-symbol.svg6,2 KB
- skibka-vertical.svg9,2 KB
Ikona stronyPNG, ICO, SVG, PNG 180 px3 pliki8,9 KB
- apple-touch-icon.png180×180 px4,2 KB
- favicon.ico16, 32, 48 px3,0 KB
- favicon.svg1,7 KB
KolorJSON, CSS2 pliki7,3 KB
- skibka-palette.json7,0 KB
- skibka-tokens.css286 B
KrojeWOFF2, TXT7 plików98 KB
- Karla-400-italic.woff215 KB
- Karla-400.woff215 KB
- Karla-500.woff215 KB
- Karla-700.woff215 KB
- OFL-Karla.txt4,3 KB
- OFL-YoungSerif.txt4,3 KB
- YoungSerif-400.woff229 KB
WzórSVG1 plik4,0 KB
- skibka-pattern.svg4,0 KB
IkonySVG13 plików16 KB
- skibka-icons.svg118 B
- skibka-icon-adres.svg1,3 KB
- skibka-icon-chleb.svg1,3 KB
- skibka-icon-koszyk.svg1,6 KB
- skibka-icon-kromka.svg1,2 KB
- skibka-icon-maka.svg1,4 KB
- skibka-icon-noz.svg1,4 KB
- skibka-icon-piec.svg1,6 KB
- skibka-icon-telefon.svg1,2 KB
- skibka-icon-torba.svg1,7 KB
- skibka-icon-zakwas.svg1,1 KB
- skibka-icon-zegar.svg1,1 KB
- skibka-icon-ziarno.svg1,1 KB
DrukPDF2 pliki68 KB
- skibka-business-card.pdf2 str.33 KB
- skibka-letterhead.pdf1 str.35 KB
Media społecznościowePNG, PNG 1080 px4 pliki1,4 MB
- skibka-avatar.png1080×1080 px399 KB
- skibka-post-1.png1080×1350 px419 KB
- skibka-post-2.png1080×1350 px254 KB
- skibka-post-3.png1080×1350 px341 KB
Podpis e-mailHTML1 plik1,2 KB
MakietyJPG5 plików1,0 MB
- skibka-application.jpg251 KB
- skibka-card-back.jpg220 KB
- skibka-card-front.jpg185 KB
- skibka-email-signature.jpg132 KB
- skibka-letterhead.jpg250 KB
Animacja logoMP4, WEBM2 pliki1,1 MB
- skibka-logo.mp41080×1080 px602 KB
- skibka-logo.webm1080×1080 px546 KB
Brand bookPDF1 plik2,4 MB
- skibka-brandbook.pdf29 str.2,4 MB
CMYK w tabeli kolorów jest przybliżony. Do druku zamów próbny wydruk. Odpowiedników Pantone nie podajemy.
Twoja pieczątka też może być ręczna
Opowiedz mi o swojej firmie i o ludziach, którzy ją znają. Zaproponuję kierunek, pokażę trzy szkice logo i dowiozę komplet plików na każdą okazję.
Zobacz ofertę dla klientów