Sistemul de design
Aceleasi culori si aceleasi componente ca in aplicatie. Pagina asta e referinta vie: daca ceva se schimba in stil, se schimba aici intai.
Culori
--bg#070c18
--panel#0c1526
--line#1b2a44
--txt#e6edf7
--dim#8a9bb8
--blue#3b82f6
--green#22c55e
--red#ef4444
--amber#f59e0b
Tipografie
Paragraf introductiv: mai mare, mai deschis la culoare, o singura fraza.
Paragraf normal. Fontul este cel al sistemului, ca sa nu incarcam nimic de la terti si pagina sa se deseneze imediat.
Text secundar, pentru note si explicatii.
Componente
Actiune principala Actiune secundara PRO+ doar adnotare
Card
Blocul folosit pentru grupuri de functii.
Card
Doua sau trei pe rand pe ecran lat, unul pe telefon.
Avertisment. Blocul folosit pentru risc si pentru limitari.
Reguli
Mobile first: totul se scrie intai pentru 320 de pixeli si abia apoi creste. Contrast minim 4.5:1 pe text. Nicio culoare nu poarta singura o informatie: langa verde si rosu exista intotdeauna si un cuvant.