Applications — Digital

Brand the experience, not every pixel.

Produsele digitale exprimă identitatea prin ierarhie, tipografie, interacțiuni previzibile și câteva momente cromatice controlate.

Exemplu interfață

Un formular clar

Nume complet

Mesajele de eroare folosesc text și icon, nu doar culoare.

Produse proprii

Identitate completă, acolo unde controlăm designul.

Outfit ca font de interfață.
Purple primar, lavender secundar, orange accent controlat.
Suprafețe pe lavandă pală, text în Ink.
Raze 8 px, 12 px pentru containere mari.
Grilă de 8 px și iconografie outline.
Fără paletă dark mode separată deocamdată.

Butoane

Un singur nivel primar per context.

Nivel	Aspect	Utilizare
Primary	Fundal purple, text alb	Acțiunea principală a ecranului.
Secondary	Fundal alb sau transparent, contur și text purple	Acțiuni alternative.
Tertiary	Doar text purple	Acțiuni discrete, linkuri de acțiune.
Orange CTA	Fundal orange, text Ink	Rar și deliberat, pentru un singur moment-cheie.

Formulare

Eticheta este obligatorie.

Eticheta rămâne vizibilă permanent.
Placeholder-ul nu înlocuiește niciodată eticheta.
Stare de focus mov, clar vizibilă.
Erorile se marchează prin text și icon, nu doar prin culoare.
Marcajul pentru câmp obligatoriu este consecvent în tot produsul.
Câmpurile au dimensiuni confortabile pentru atingere și click.

Focus vizibil

Navigarea cu tastatura rămâne evidentă în orice moment.

Acțiune clară

Un singur nivel primar per context.

Feedback complet

Text, icon și culoare lucrează împreună.

Ecosistem

Produsele noastre par înrudite.

Membership Hub
Project Hub
Doc Hub

Acolo unde designul este controlabil, aceste produse folosesc aceeași tipografie, aceleași raze, aceeași scară de spațiere și aceleași tipare de navigație.

Element	Regulă
Avatar organizațional	Logo color complet, cu margine albă.
Favicon / micro-mark	Activ dedicat în viitor; fără improvizație până la aprobare.
Dark mode	Nu există paletă oficială separată deocamdată.
Motion	Subtil și funcțional, compatibil cu reduced motion.