Ierarhie
Spaceship Design System este construit în straturi, fiecare adăugând claritate, structură și scop. Acestea formează o ierarhie care ghidează modul în care proiectăm, construim și scalăm produsele — de la cea mai mică decizie vizuală până la cea mai amplă experiență a utilizatorului.
Urmând principiile Atomic Design, am structurat principalele noastre resurse în următoarele categorii, făcându-le mai ușor de utilizat pentru toate echipele.
Fundamente
Definim regulile de bază ale limbajului nostru vizual — culori, tipografie, spațiere, grile, mișcare și token-uri. Acestea ne oferă o bază coerentă de la care să pornim.
Componente
Pun în aplicare regulile de bază în elemente de interfață reutilizabile care rezolvă problemele de design de zi cu zi.
Șabloane
Demonstrează cum componentele și pattern-urile funcționează împreună în context, oferind structuri gata făcute pentru pagini și experiențe complete.
Pattern-uri
Surprind soluții dovedite și cele mai bune practici, asigurând că munca noastră rămâne consecventă, accesibilă și centrată pe utilizator în fiecare punct de contact.
Fundamente
Atomii esențiali ai Spaceship Design System. Ei definesc regulile vizuale și structurale pe care se bazează fiecare componentă și pattern.
Culoare
Definește paletele de brand și funcționale care asigură armonie, accesibilitate și flexibilitate în toate produsele.
Tipografie
Stabilește ierarhia și claritatea cu o scară tipografică ce face conținutul ușor de citit și scanat.
Spațiere
Oferă o scară sistematică pentru margini, padding și ritmul layout-ului pentru a menține interfețe consecvente.
Grile
Creează layout-uri responsive care se adaptează pe diferite dispozitive, menținând totodată structura și alinierea.
Mișcare
Folosește tranziții și animații pentru a ghida atenția, a comunica starea și a face interacțiunile să pară naturale.
Token-uri de design
Transpun valorile fundamentale în cod, servind drept sursă unică de adevăr și facilitând actualizări rapide și ușoare.
Fundamentele clare înseamnă mai puține bariere, mai multă incluziune și mai mult timp petrecut rezolvând probleme reale, nu pornind de la zero.
Componente
Acestea sunt elementele reutilizabile ale Spaceship Design System. Fiecare rezolvă o problemă specifică de interfață — de la butoane și câmpuri de introducere până la navigare și mesaje de feedback. Fiecare componentă este accesibilă, adaptabilă și ușor de ajustat pentru diferite contexte sau dispozitive.
Componentele reutilizabile asigură că fiecare produs pe care îl construim ajunge mai rapid la utilizatori și se simte conectat la imaginea de ansamblu.
Șabloane
Șabloanele sunt puntea dintre elementele de bază și experiența utilizatorului. Ele combină fundamentele și componentele în contexte de pagină completă, demonstrând modul în care sistemul funcționează în practică.
Șabloane de pagini de produs
Structuri de pagini la nivel înalt pentru landing page-uri și pagini de produs, unde designerii actualizează în principal conținutul și ajustează modulele pentru a se potrivi fiecărui context.
Componente partajabile
Structuri mai complexe și reutilizabile, precum tabele de comparație sau carduri de prețuri, sunt concepute pentru a gestiona scenarii specifice în mod consecvent în toate produsele.
Cu structuri gata făcute de la care să pornească, echipele se pot concentra mai puțin pe deciziile de layout și mai mult pe satisfacerea nevoilor reale ale utilizatorilor.
Pattern-uri
Pattern-urile surprind ceea ce am învățat din testare, feedback și utilizarea reală, transformându-le în soluții standardizate și reutilizabile. Fiecare pattern se bazează pe intenția utilizatorului, fie că este vorba de simplificarea procesului de checkout, gestionarea erorilor sau ghidarea utilizatorilor prin formulare.
Definind soluții dovedite, pattern-urile fac ca munca noastră să aibă scop, asigurând că fiecare experiență nu este doar funcțională, ci și gândită cu atenție.