Brand book · identitatea v1 · „Hârtie și stejar”
Dăm lucrurilor valoarea înapoi.
Sistemul vizual și verbal al Loc de Troc, de la Asociația Micile Bucurii. Tot ce e aici e folosit, la fel, în aplicație.
Logo-ul spune deja povestea.
Două veverițe față în față și o ghindă între ele: doi oameni, un schimb, nimeni nu ia mai mult. Tot universul pornește de aici.
Ghinda
Simbolul valorii. Dă numele claselor, de la „o ghindă” la „un stejar”. Nu e monedă și nu se strânge.
Cântarul
Echilibrul dintre cele două veverițe. Inima fiecărui troc.
Pădurea
Comunitatea și tot ce face împreună: trocuri, cercuri, petreceri.
Pădurarii
Moderatorii și mediatorii voluntari. Oameni, nu algoritmi.
Veverițele ascund ghinde peste tot. Pe unele le uită, iar din ele cresc stejari. Așa funcționează și lucrurile date mai departe.
Același logo, curat și vectorial.
Veverițele sunt redesenate peste original, linie cu linie, cu grosime constantă. Ghinda primește culoarea ei. Fișierele sunt în logo/ (SVG) și logo/png/.
Înainte · captură de pe Facebook
Acum · vectorial
Insigna
Poza de profil, autocolante, Locuri de troc, tipărituri.
Lockup cu semnătură
Documente, email, prezentări. „de la Micile Bucurii” leagă platforma de asociație. Minimum 240 px lățime.
Lockup scurt
Antetul site-ului și locurile înguste. Sub 240 px semnătura nu se mai citește, așa că lipsește.
Simbolul
Stări goale, ecranul de încărcare, ștampila din Pașaport.
Iconițe
Aplicația: simbolul pe Stejar. Favicon: ghinda.
Cerneală + Ghindă pe Hârtie
Hârtie + Kraft pe Stejar
Hârtie + Ghindă pe Cerneală
Alb, pe fotografii
Așa da
- Spațiu liber în jur cât capacul ghindei.
- Minimum: insigna 64 px, lockup scurt 120 px, simbolul 32 px. Sub ele, ghinda.
- Ghinda în culoarea ei: Ghindă pe deschis, Kraft pe Stejar.
Așa nu
- Nu oglindim, nu rotim, nu deformăm o singură veveriță. Simetria e mesajul.
- Fără umbre, contururi sau degradeuri.
- Nu înlocuim ghinda cu bani, inimioare sau alte simboluri.
Naturale, cu contrast verificat.
In, hârtie kraft și lemn, ca în coperta grupului. Fiecare culoare de text are cel puțin 4,5:1 pe fundal (WCAG AA). Ghinda e prea deschisă pentru text mic, așa că are o nuanță separată pentru text.
Fraunces pentru voce, DM Sans pentru lucru.
Titlurile în Fraunces, cu axa „SOFT” care rotunjește colțurile ca linia veverițelor. Tot restul în DM Sans. Ambele au ș și ț cu virgulă (U+0219, U+021B), nu cu sedilă.
Propune un troc lui Bogdan
Pașaportul obiectului
Monstera deliciosa, 60 cm
Dai ce ai, primești ce-ți trebuie. Fără bani și fără prețuri.
Plantă sănătoasă, în ghiveci de teracotă. Crește repede, de aceea o dau mai departe.
Plante și grădină
„L-am purtat la două nunți, apoi a stat în dulap.”
Aceeași linie ca veverițele.
Iconițe de linie pe grila de 24 px, grosime 1,75, capete rotunjite (setul Lucide, licență MIT). Ghinda e desenată special din logo. În interfață nu folosim emoji: arată diferit pe fiecare telefon și fac totul să pară o jucărie.
Categorii
Troc și interfață
Clasele de valoare
De ce ghinde, nu cifre
Un șir de cinci ghinde arată treapta dintr-o privire, fără să pară un preț. Numele clasei stă mereu lângă, iar sumele apar doar ca ghid când alegi clasa.
Ghindele aprinse sunt în Ghindă, cele stinse în Kraft. Pe card-urile mici apare doar șirul, iar numele e în textul alternativ.
Piesele din care e făcut site-ul.
Exact aceleași clase CSS ca în aplicație (web/app/globals.css). Colțuri de 12 px la butoane și câmpuri, 18 px la carduri, linii fine în loc de umbre grele.
Card de anunț
Monstera deliciosa, 60 cm
Fără poză, cardul arată o „ștampilă” cu iconița categoriei pe kraft, nu un gol.
Cântarul: verdicte
Cântarul sugerează, nu decide. Tonul e de vecin, nu de arbitru.
Fișa de troc: ștampile și pași
- Acceptat
- Predare
- Încheiat
Mesaje de sistem
Troc încheiat. Încă un obiect a găsit o casă nouă.
Bifează o poză care arată defectul.
Mesajul pomenește bani, așa că nu l-am trimis.
Ca un vecin de încredere, nu ca un magazin.
Ne adresăm cu „tu”, cald, direct și cu umor blând. Mereu cu diacritice. Spunem ce s-a întâmplat și ce urmează.
| În loc de | Spunem |
|---|---|
| Tranzacție finalizată | Troc încheiat. Încă un obiect a găsit o casă nouă. |
| Adaugă produs | Pune ceva la troc |
| Preț | Clasa de valoare: o ghindă … un stejar |
| Cumpărător / vânzător | Partenerul tău de troc |
| Eroare 404 | Veverița a ascuns pagina asta prea bine. |
| Raportează utilizator | Cheamă un Pădurar |
Semnătura
Dăm lucrurilor valoarea înapoi.
Ce este
Dai ce ai, primești ce-ți trebuie.
Încredere
Troc cinstit, între oameni.
#sepoate
Așa arată, de fapt.
Capturi din aplicația reală, pe telefon. Pe mobil, navigarea stă jos, ca într-o aplicație, cu butonul „Pune la troc” în centru.
Pentru grup și pentru telefon.
Coperta grupului (1640 × 856, cu zona importantă la centru), poza de profil și iconița aplicației, gata exportate.
