Design system
ANALYTICS LAB / DESIGN SYSTEMVersione 0.1

LE BASI DEL PROGETTO

Un linguaggio comune.
Per ogni interazione.

Colori, componenti e comportamenti per Daniel Meloni Analytics Lab. Una raccolta di riferimento da esplorare e provare.

01 / DESIGN SYSTEMAnteprima UI · nessun account o tracking attivo
01

Fondamenti

Una base essenziale, riconoscibile e leggibile.

Navy 950#071426
Navy 900#0B1C33
Blue 600#1570EF
Blue 100#D1E9FF
Slate 500#667085
Gray 50#F9FAFB

TIPOGRAFIA

La chiarezza viene prima.

Font di sistema · titoli compatti · testo arioso

02

Componenti essenziali

Azioni chiare, informazioni ordinate, feedback immediato.

BUTTON

Un'azione, un'intenzione

Le varianti definiscono la gerarchia. Apri il dialogo per provarle.

SecondariaTestuale
NeutroCompletatoDa verificareErrore

INPUT & VALIDAZIONE

Il prossimo passo è chiaro

Usa un nome inventato. Nessun dato viene salvato.

03

Interazioni prevedibili

Naviga con il mouse o con la tastiera: il percorso resta chiaro.

TABS

Un contesto alla volta

Anteprima

Tutto al suo posto

Le schede raggruppano contenuti collegati. Usa le frecce per passare da una scheda all'altra.

ACCORDION

Approfondisci, quando serve

04

Layout e stati

Gli stessi componenti, dal desktop allo schermo più piccolo.

Navigazione prevista per l'area riservata — anteprima, non funzionalità attive
SezioneFunzione previstaStato
DashboardRiepilogo del percorsoPrevisto
AccountEmail, password e sessioniPrevisto
ProfiloIdentità e preferenzePrevisto
GTMConfigurazione del containerPrevisto
EserciziPercorsi guidatiPrevisto
ProgressiAvanzamento e risultatiPrevisto
ImpostazioniPreferenze applicativePrevisto