Sisteme de design construite pe tokens, cu reguli de compoziție explicite. Interfețe gândite pentru densitatea reală a informației operaționale, nu pentru efecte vizuale generice prezentate într-un Figma.
Echipe de produs care au depășit faza de design ad-hoc în Figma și au nevoie de un sistem coerent: tokens, componente, reguli de compoziție explicite. Tipic clienți cu produse SaaS, dashboard-uri operaționale sau aplicații enterprise complexe care necesită densitate informațională ridicată și consistență vizuală pe sute de ecrane.
Pornim de la inventarul componentelor existente și de la cazurile reale de utilizare, nu de la pagini de showcase. Definim tokenii (culori, spațiere, tipografie, elevație) ca strat fundamental, apoi compunem componentele. Documentația vie este parte din livrabil, nu o adăugare ulterioară. Fiecare componentă acoperă toate stările: default, hover, focus-visible, active, disabled, loading, error.
Componente, tokens, paterne, publicate ca bibliotecă în spațiul de lucru al clientului.
JSON, CSS variables și config Tailwind, sincronizați automat între design și cod.
React + Tailwind, accesibile WCAG AA, cu toate stările acoperite și testate.
Reguli de compoziție, do/don't, exemple de utilizare per componentă, livrate în repo.
Ambele. Designul există în paralel în Figma și în cod, cu sincronizare prin tokens. Nu credem în handoff-uri unidirecționale unde designerul nu vede rezultatul în browser.
Da, dacă există. Lucrăm cu sisteme branded (Rossmann, dm, Heinemann ca referințe vizuale) sau construim sisteme proprii pe baza identității clientului. Nu impunem un stil generic.
Tokens sunt agnostici, JSON sau CSS variables, deci utilizabili în orice stack. Componentele cod sunt React + Tailwind, dar pot fi portate la Vue sau Svelte fără efort major dacă proiectul cere.
Două niveluri: tokens primitive (culori brute, spațiere brută, scale tipografice) și tokens semantice (--surface-page, --text-primary, --intent-error). Componentele consumă doar tokens semantice, niciodată valori brute.
Pornim cu o discuție tehnică condusă de un inginer principal, sub acord de confidențialitate.
