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, ne-am structurat resursele principale în următoarele categorii, făcându-le mai ușor de utilizat pentru toate echipele.
Fundamente
Definesc regulile de bază ale limbajului nostru vizual — culori, tipografie, spațiere, grile, mișcare și tokenuri. Ele ne oferă o bază consecventă de la care să lucrăm.
Componente
Dau viață regulilor fundamentale în elemente de interfață reutilizabile care rezolvă probleme de design de zi cu zi.
Șabloane
Demonstrează cum funcționează împreună componentele și modelele în context, oferind structuri gata făcute pentru pagini și experiențe complete.
Modele
Surprind soluții dovedite și 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 este construită fiecare componentă și fiecare model.
Culoare
Definește palete de brand și funcționale care asigură armonie, accesibilitate și flexibilitate în toate produsele.
Tipografie
Stabilește ierarhia și claritatea printr-o scară tipografică ce face conținutul ușor de citit și de parcurs.
Spațiere
Oferă o scară sistematică pentru margini, spațiere interioară și ritmul layoutului, pentru a menține interfețe consecvente.
Grile
Creează layouturi responsive care se adaptează pe diferite dispozitive, menținând în același timp structura și alinierea..
Mișcare
Folosește tranziții și animație pentru a ghida atenția, a comunica starea și a face interacțiunile să pară naturale.
Design Tokens
Transpun valorile fundamentale în cod, servind drept sursă unică de adevăr și facilitând în același timp 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, în loc să pornim 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ă, responsivă și ușor de adaptat la contexte sau dispozitive diferite.
Componentele reutilizabile asigură că fiecare produs pe care îl construim este livrat mai rapid și pare conectat la imaginea de ansamblu.
Șabloane
Șabloanele sunt puntea dintre blocurile de construcție și experiența utilizatorului. Ele combină fundamentele și componentele în contexte de pagină completă, demonstrând cum funcționează sistemul în practică.
Șabloane de pagini de produs
Structuri de pagină de 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 reutilizabile mai complexe, cum ar fi tabelele comparative sau cardurile de prețuri, sunt concepute pentru a gestiona scenarii specifice în mod consecvent în toate produsele.
Având structuri gata făcute de la care să pornească, echipele se pot concentra mai puțin pe deciziile de layout și mai mult pe răspunsul la nevoile reale ale utilizatorilor.
Modele
Modelele surprind ceea ce am învățat din testare, feedback și utilizarea în lumea reală, transformând totul în soluții reutilizabile și standardizate. Fiecare model se bazează pe intenția utilizatorului, fie că este vorba despre simplificarea procesului de checkout, gestionarea erorilor sau ghidarea utilizatorilor prin formulare.
Prin definirea unor soluții dovedite, modelele fac ca munca noastră să aibă un scop clar, asigurând că fiecare experiență nu este doar funcțională, ci și concepută cu grijă.