Caricamento in corso…
Design system FITROOM
Ogni token di questa pagina viene da .workflow/DESIGN.md: colori del logo, struttura del riferimento Refero, pulsanti con raggio 10px.
Colori
Un solo colore cromatico per l'azione principale; menta e ambra solo per gli stati.
primary
Azione principale, slot selezionato, focus
accent-on-dark
Unico colore sulle sezioni scure
ink
Sezioni scure, barra in alto, pulsante secondario
silver
Testo e icone secondarie su scuro
surface
Fondo chiaro
surface-alt
Righe e sezioni alternate
success
Badge: prenotazione confermata
warning
Badge: prenotazione in attesa
Tipografia
Titoli condensati da poster sportivo; interfaccia nel carattere del logo.
display-xl
Oswald · 64 / 0.9 · 700
LA SALA È TUA DALLE 7:00
display
Oswald · 48 / 0.95 · 700
ORE VUOTE: 14
metric
Oswald · 40 / 1 · 600
82%
headline
Oswald · 32 / 1 · 600
MARTEDÌ 14 OTTOBRE
title
Montserrat · 20 / 1.3 · 700
Prenota la sala
body-lg
Montserrat · 16 / 1.5 · 400
Martedì 14 ottobre · 07:00–08:00 · sala principale
body
Montserrat · 14 / 1.45 · 400
Rimborso completo se disdici entro lunedì alle 7:00.
label-caps
Montserrat · 12 · 600 · 0.12em
Studio PT
caption
Montserrat · 12 / 1.35 · 400
Tempo di cambio incluso: 15 minuti
Pulsanti
Raggio 10px, altezza 44px, Montserrat semibold.
Card
Bordo da 1px su chiaro, livello rialzato su scuro.
07:00–08:00
Mancano 19 ore da vendere questo mese
Il codice del portone arriva 2 ore prima dell'inizio.
Campi
Evita lo zoom su iOS; errore in rosso con testo di aiuto.
La partita IVA deve avere 11 cifre.
Badge
Menta e ambra solo qui.
Forme e spazi
Tag 6px, pulsanti 10px, card 14px, sheet 20px.
xs · 6px
md · 10px
lg · 14px
xl · 20px
Spaziature
Da fare e da non fare