Versiunea 1 · pentru aprobare

Un singur limbaj vizual pentru toate cele șase module.

Culori, fonturi, spațieri, colțuri, umbre, animații și componente — definite o singură dată, ca tokens, și folosite peste tot. Tema luminoasă și cea întunecată se schimbă din butonul din dreapta sus.

Vezi fundamentele Deschide exemplul de site

Conținut

Ce găsești aici

Fundamente Culori, tipografie, spațiere, colțuri, umbre, mișcare, iconițe Componente Butoane, câmpuri, selecții, insigne, notificări, erori, toasturi, paginare, dialoguri Carduri și tipare Carduri de anunț și profil, chat, oferte, recenzii, navigare, filtre

Pagina principală Mesaj, module, anunțuri promovate Căutare și filtre Auto, filtre în panou de jos, hartă Pagina anunțului Galerie, detalii, vânzător, raportare Mesaje și oferte Chat, ofertă, acceptare, recenzie Profil public Insigne, galerie lucrări, recenzii Publică anunț Formular, fotografii, promovare, autentificare Contul meu Statistici, anunțurile mele, facturi Administrare Rapoarte, verificări, utilizatori, jurnal

Principii

Cum e gândit

Totul e un token

Nicio culoare sau dimensiune scrisă „de mână” în componente. Schimbăm culoarea verde într-un singur loc și se schimbă peste tot.

Două teme, aceleași nume

Tema întunecată nu e o copie: aceleași nume de tokens primesc alte valori. Respectă setarea telefonului, iar alegerea se ține minte.

Lizibil pentru oricine

Contrast de minim 4,5:1 pentru text, butoane de cel puțin 44 px pe telefon, focus vizibil la tastatură, animații oprite dacă telefonul cere „mișcare redusă”.

Numele și logo-ul sunt provizorii

„Marketplace Costin” și marca grafică țin locul brandului final. Numele, logo-ul și culorile de brand stau într-un singur fișier de configurare, așa că schimbarea lor nu atinge restul aplicației. Fotografiile sunt înlocuite de imagini-substitut colorate pe module.