SZYBKA·GRUCHAIdentyfikacja
wizualna
Marka giełdy ad-hoc zleceń i nadwyżek betonu. Ton budowy, nie startupu: żółty roboczy, grafit, twarde krawędzie, liczby czytelne w słońcu i w rękawicy.
Podstawa marki
Co robimy
Łączymy kierowców betoniarek ze zleceniami, które trzeba obsłużyć dziś, i pozwalamy upłynnić nadwyżkę, zamiast ją wyrzucić.
Obietnica
Zlecenie na beton w promieniu 30 km. Bez telefonowania na ślepo.
Dla kogo
Kierowcy i właściciele betoniarek, węzły betoniarskie, wykonawcy i kierownicy budów. Zawodowcy, więc mówimy do nich jak do fachowców.
Cechy marki
| Jesteśmy | Nie jesteśmy |
|---|---|
| konkretni, liczbowi | marketingowi, ogólnikowi |
| szybcy, liczy się godzina | korporacyjni, formalni |
| użyteczni w kabinie | ozdobni, „ładni na deck” |
| lokalni, po polsku | anglojęzyczni bez potrzeby |
Znak
Sygnet to betoniarka widziana z boku: kabina licowana z ramą, bęben w kształcie gruszki z dwoma pasami spirali, trzy koła. Zawsze w żółtym kwadracie (lub kontra na graficie). Kwadrat jest częścią znaku, nie kadrujemy samej sylwetki.
Wolno
- Sygnet solo, w awatarze, na naklejce, jako favicon.
- Wersja pozioma bez taglinu, gdy szerokość spada poniżej 140 px.
- Sygnet mono w druku jednokolorowym i na tłoczeniu.
- Znak na zdjęciu, wyłącznie sygnet w pełnym kwadracie.
Nie wolno
- Zmieniać proporcji, obracać, pochylać, dodawać cieni i obrysów.
- Wycinać sylwetki z kwadratu ani zmieniać kąta bębna.
- Podmieniać żółtego na inny kolor, wypełniać gradientem.
- Przepisywać logotypu innym krojem ani rozstrzeliwać liter.
Rozmiary minimalne
| Wersja | Ekran | Druk | Uwaga |
|---|---|---|---|
| Sygnet | 16 px | 6 mm | Poniżej 32 px sylweta gubi zsyp i drugi pas spirali (osobne pliki PNG). |
| Pozioma z taglinem | 200 px | 45 mm | Tagline musi być czytelny, inaczej użyj wersji bez niego. |
| Pozioma bez taglinu | 140 px | 32 mm |
Kolory
Dwa kolory prowadzą markę: żółty roboczy i grafit. Reszta to skala szarości interfejsu i trzy kolory statusów. Maksymalnie dwa tła w jednym materiale.
RGB 255 196 0
CMYK 0 25 100 0
Pantone 116 C (≈)
RGB 224 168 0
hover, linki, akcenty
RGB 21 23 28
CMYK 75 65 60 80
Pantone Black 6 C (≈)
RGB 244 244 241
tło stron i kart
etykiety, opisy
obramowania, separatory
zgłoszenie przyjęte
wygasa, błąd zapisu
- Proporcja: żółty to akcent, nie tło całych stron: maks. 20% powierzchni (wyjątek: tył wizytówki i naklejki).
- Tekst na żółtym: zawsze grafitowy, nigdy biały (kontrast poniżej AA).
- Bez gradientów: płaskie plamy koloru. Żadnych przejść żółć→pomarańcz.
- Statusy: tylko w interfejsie i dokumentach, nigdy w logo ani w materiałach reklamowych.
Typografia
Trzy kroje, każdy z jasną rolą. Wszystkie darmowe (SIL OFL) i dostępne w Google Fonts, więc identyczne w apce, w druku i w prezentacjach.
Waga 600–700. Wersaliki dla logotypu i etykiet (letter-spacing .14 em), mieszany zapis dla nagłówków. Nigdy do dłuższych akapitów.
Waga 400–600. Podstawa: 14 px w apce, 12 pt w druku. Interlinia 1,45–1,55.
Zawsze z tabular-nums. Każda liczba, którą kierowca czyta w pośpiechu, jest w tym kroju.
Skala
| Zastosowanie | Krój | Ekran | Druk |
|---|---|---|---|
| Hasło / nagłówek strony | Barlow Condensed 700 | 38–64 px | 24–40 pt |
| Nagłówek sekcji | Barlow Condensed 700 | 22–26 px | 14–18 pt |
| Etykieta (wersaliki) | Barlow Condensed 600 | 10,5 px | 5,5–6 pt |
| Tekst bieżący | Barlow 400 | 14 px | 9–12 pt |
| Dane i telefony | IBM Plex Mono 500 | 13–19 px | 8–12 pt |
Język formy
- Promień 2 px: guziki, pola, chipy. Nic nie jest zaokrąglone „miękko”, żadnych pigułek.
- Lewa krawędź 3 px: jako sygnał: żółta = wybrane, ciemnożółta = nadwyżka, szara = zwykłe.
- Linie włosowe: zamiast cieni. Cień tylko pod elementem unoszonym: 0 2px 10px rgba(0,0,0,.06).
- Siatka 4 px: odstępy z gap, nigdy z marginesów pojedynczych elementów.
- Cel dotyku min. 44 px: apka jest używana w rękawicy, w ruchu.
- Ikony: liniowe, grubość 1,8, zakończenia zaokrąglone, siatka 24. Bez emoji.
Hierarchia: najpierw ilość i klasa, potem czas, na końcu człowiek i odległość. Tak samo w powiadomieniu, SMS-ie i na ulotce.
Ton wypowiedzi
Krótko, w drugiej osobie, bez żargonu marketingowego. Zdanie ma się dać przeczytać na światłach.
| Tak | Nie |
|---|---|
| „Zlecenie na beton w promieniu 30 km.” | „Innowacyjna platforma optymalizująca logistykę betonu.” |
| „Wystaw ogłoszenie, wygasa samo.” | „Skorzystaj z opcji publikacji ogłoszenia.” |
| „Zgłoszenie wysłane. Zlecający ma Twój numer.” | „Twoja aplikacja została pomyślnie zarejestrowana w systemie.” |
| „7,5 m³, C20/25, pompa, Piaseczno.” | „Atrakcyjne zlecenie w Twojej okolicy!” |
- Liczby cyframi: jednostki po spacji nierozdzielającej: 7,5 m³, 30 km, 2,5 min.
- Przecinek dziesiętny: nie kropka. Klasy betonu zawsze pełne: C20/25.
- Telefon: w formacie +48 502 696 255, trójkami, zawsze klikalny.
- Bez ozdób: bez wykrzykników, bez emoji, bez „Drogi Użytkowniku”.
Zastosowania
SZYBKA·GRUCHA
betonu?
- Naklejka na pojazd: sygnet grafitowy na jasnym lakierze, żółty kwadrat na ciemnym. Minimalna wysokość 60 mm, folia mat.
- Odzież robocza: sygnet mono, haftowany lub sitodruk 1 kolor; nie kładziemy logo na elementach odblaskowych.
- Dokumenty: logo poziome w lewym górnym narożniku, wysokość 10 mm, margines 15 mm.
- Kod QR: zawsze na białym polu, minimum 16 mm, z 4 modułami białej otuliny (jest już w pliku).
- Fotografia: realne budowy i pojazdy w naturalnym świetle, bez stockowych uśmiechów i bez filtrów. Kadry ciasne: gruszka, zsyp, wylewka.
Pliki
| Plik | Zastosowanie |
|---|---|
| logo-lockup.svg · logo-lockup-dark.svg | Logo poziome z taglinem, strona, dokumenty, stopki. |
| logo-mark.svg · -dark · -mono | Sygnet: awatary, naklejki, druk jednokolorowy. |
| favicon.svg · favicon-16/32/48.png | Favicon strony; PNG dla starszych przeglądarek. |
| apple-touch-icon.png · favicon-192/512.png | Ikona na ekranie telefonu, instalacja PWA. |
| site.webmanifest | Nazwa, kolory i ikony aplikacji progresywnej. |
| qr-szybkagrucha.svg · .png | Kod QR do szybkagrucha.pl (korekcja M, otulina 4 moduły). |
szybkagrucha.pl · identyfikacja wizualna wer. 1.0 · kroje Barlow i IBM Plex Mono na licencji SIL OFL