FOUNDATIONDesign system

EASYSMS DESIGN SYSTEM · 01

Claritate la viteza
unui mesaj.

Un sistem vizual construit pentru control, încredere și mișcare. Rozul arată traseul; neutrul păstrează atenția pe decizie.

SIGNAL
SYSTEM
01 / CULOARE

Signal, nu decor.

Pink Pulse este rezervat acțiunilor, traseelor și confirmărilor de canal.

#FF1F6DPink PulsePrimary · Action · Route
Night 950#050507
Night 850#121216
Graphite#2B2B31
Cloud#A7A7B0
Air#F5F5F7
Delivered#28C783
02 / TIPOGRAFIE

Voce umană,
date precise.

Bricolage Grotesque pentru momente de brand. DM Sans pentru produs și cifre.

DISPLAY / 64

Mesajele
prind viață.

H1 · 40/44Controlează fiecare traseu.H2 · 24/30O singură sursă de adevăr.BODY · 15/24

Construiește experiențe multicanal fără logică duplicată și fără ecrane inutile.

LABEL · 11/16 · +8%STATUS LIVRARE
03 / COMPONENTE

Unelte care explică
ce urmează.

Fiecare componentă are o stare dominantă, feedback imediat și contrast verificabil.

BUTOANE
STATUSURI
LivratÎn așteptareEșuat
INPUT
NOD DE CANAL
SMS · PASUL 03Confirmare comandă

Imediat · {{customer.phone}}

Configurat160 car.
04 / MOTION

Mișcarea arată
cauză și efect.

Traseele curg înainte. Confirmările se fixează. Nimic nu sare fără motiv.

120msapăsare240msschimbare de stare480msintrare în paginăcubic-bezier(.22, 1, .36, 1)