Design system

Identitatea vizuală a platformei este construită în jurul unei idei simple: reciclarea trebuie să se simtă ca o acțiune plăcută, nu ca o obligație. Sistemul de design nu înseamnă doar cum arată aplicația, ci și cum se simte în utilizare — de la prima culoare până la felul în care răspunde la fiecare apăsare:

• un verde-lime energic ca accent, nu un verde corporate stins
• forme rotunjite și umbre "dure", pentru un ton prietenos
• animații cu rol funcțional, nu decorativ
• feedback imediat la fiecare acțiune, ca aplicația să pară mereu rapidă

Paleta de culori

Accentul lime apare pe butoane, linkuri și indicatoare — chiar și selecția de text din pagină este verde-lime, nu albastrul implicit al browserului. Panourile importante folosesc un gradient verde-închis ca fundal de contrast, pe care accentul lime iese în evidență.

Tipografia

Fontul aplicației este Geist, încărcat automat prin Next.js — optimizat din start, fără salt vizual la încărcarea paginii.

Iconografia

Fiecare zonă a aplicației folosește o familie de iconițe consecventă, nu un amestec de stiluri — limbajul vizual rămâne coerent dintr-un ecran în altul.

Forme și umbre

Colțurile foarte rotunjite pe carduri și panouri dau un ton prietenos, iar butoanele primare au o umbră "dură", nu difuză, care se "apasă" vizual la click — un detaliu tactil care face interfața să se simtă reactivă.

Micro-interacțiuni

Animațiile au un rol precis: indicatorul de postare activă din header pulsează discret cât timp o tranzacție este în desfășurare, meniurile apar cu o tranziție scurtă, nu brusc. Fiecare mișcare din interfață comunică o stare.

Stări de încărcare și feedback

O interfață bună nu doar arată bine când totul este încărcat, ci și comunică clar în momentele în care o acțiune este în curs. Recash tratează aceste momente ca parte din design, nu ca un gol lăsat la voia întâmplării.

Skeletons

Când o pagină își așteaptă datele, nu apare un spinner gol pe ecran, ci un skeleton — o schiță pulsatorie care imită exact forma conținutului ce urmează: dreptunghiuri în locul textului, cercuri în locul avatarurilor. Utilizatorul înțelege din start cum va arăta pagina, iar când datele sosesc, ele iau locul schiței fără ca layout-ul să fie afectat. Feed-ul, clasamentul, notificările, profilul — toate au propriul skeleton, potrivit formei lor.

Optimistic UI

Pentru acțiunile în care rezultatul este aproape sigur, interfața nu așteaptă confirmarea serverului ca să reacționeze. Când marchezi o notificare drept citită sau pornești un radar, schimbarea apare pe ecran instantaneu, iar cererea către server pleacă în fundal. Dacă serverul confirmă — cazul obișnuit — nu se schimbă nimic vizibil; interfața a fost deja actualizată. Rezultatul este o aplicație care pare instantanee, pentru că nu-ți cere să aștepți dus-întorsul rețelei la fiecare clic mărunt.

Ecranul de încărcare

La tranzițiile mai mari, un ecran de încărcare acoperă momentul de așteptare. Este afișat un scurt clip video, pre-încărcat din timp ca să pornească instant, cu un timp minim de afișare, ca ecranul să nu clipească deranjant dacă datele vin foarte repede, și cu o stingere lină la final.

Bara de progres la navigare

La schimbarea paginii, o bară subțire apare în partea de sus: sare rapid la un sfert, apoi avansează lent cât timp pagina se pregătește și se completează în momentul în care aceasta este gata. Este semnalul discret că aplicația a înregistrat click-ul și lucrează — chiar înainte ca noul conținut să apară.

Feedback prin toast-uri

Rezultatul unei acțiuni — cerere trimisă, postare anulată, cod copiat — este confirmat printr-un mesaj scurt de tip toast, care apare peste conținut, indiferent de pagină, și dispare singur. Erorile folosesc aceeași cale, cu un ton distinct, ca utilizatorul să știe imediat dacă ceva a mers sau nu, fără să caute confirmarea pe pagină.

Spații publicitare

Platforma rezervă două spații pentru parteneri și reclame, integrate în design astfel încât să nu strice experiența utilizatorului:

• Banner-ul de deasupra header-ului
• Sloturile de pe pagina principală

Scopul și abordarea

Aceste spații sunt sursa prin care platforma se poate susține din parteneriate — firesc într-un context SGR, unde lanțurile de retail, care oricum operează aparatele de returnare, sunt potențiali parteneri. Câteva principii ghidează felul în care sunt integrate:

• clar marcate ca reclame sau sponsorizări, niciodată deghizate în conținut propriu, iar link-urile către partener sunt semnalate corect pentru motoarele de căutare (sponsored)
• neintruzive — pot fi închise, se dau la o parte la derulare și nu acoperă niciodată conținutul
• degradare grațioasă — când un slot nu este ocupat, afișează un discret „Spațiu publicitar disponibil”, nu un gol care strică layout-ul