Design System
Design System
Direction épurée, en continuité visuelle avec Mews Kiosk : surfaces blanches, beaucoup d'espace, grandes cibles tactiles, action principale sombre, accents terracotta Nutchel. Aucun emoji (icônes Lucide), contraste WCAG AA.
Base de marque Nutchel utilisée sobrement. Neutres = échelle stone.
Forest 900 · #1E2522
Action principale (sombre, façon Mews), texte, sidebar active
Terracotta 500 · #A84B2B
Accent : prix, total, « Payer », états actifs (AA 5.6:1)
White / Stone-50
Surfaces & fond de page, beaucoup de blanc
Stone (neutres)
Bordures, libellés, textes secondaires
Sémantique
success · warning · danger · info
Chauds (parcimonie)
camel / cream / ambre — touches de chaleur uniquement
Texte courant, léger et lisible à distance sur la borne.
Libellé / valeur en semi-bold.
Logo récupéré du site Nutchel. Noir sur clair, blanc sur sombre. L'UI utilise Sofia Pro — pas de police manuscrite.
Jeu ligne (MIT), épuré, tactile. Aucun emoji. Couleur via currentColor. Pour la borne (offline) : auto-hébergées.
door-closed
key-round
shopping-basket
package
boxes
receipt
credit-card
banknote
plus
minus
trash-2
pencil
refresh-cw
search
users
layout-dashboard
settings
bell
clock
wifi-off
check-circle
alert-triangle
log-out
arrow-right
Adresse invalide.
Code reconnu.
Bandeau d'information discret, fond teinté doux — pour les messages contextuels.
Composants spécifiques à la caisse en libre-service, alignés sur les patterns Mews Kiosk.
Écran d'accueil
Identifiez-vous avec le code de votre cabane.
Pavé numérique — code cabane
Grille produits
Bière artisanale
Tomme des Ardennes
Jus de pomme bio
Tablette chocolat
Ticket cumulatif
Bière artisanale
Jus de pomme bio
Tomme des Ardennes
États de paiement (terminal Stripe)
Présentez votre carte
sur le terminal
Paiement en cours…
Paiement accepté
Merci, bon séjour !
Paiement refusé
Overlay d'inactivité
Toujours là ?
Retour à l'accueil dans 0:15. Votre ticket est sauvegardé.
Modale / dialog
Écart constaté sur « Bière artisanale » (cabane 12). Confirmer le réajustement à 10 unités ?
342,80 €
7
2
Succès. Produit enregistré.
Erreur. Stock insuffisant.
Aucun produit
Importez votre catalogue (CSV).
Skeleton