craiyon logo

A modern user interface for a beverage sequence configuration, showing settings for water temperature, extraction cinematics, and water volume.

A modern user interface for a beverage sequence configuration, showing settings for water temperature, extraction cinematics, and water volume.

"Génère une interface utilisateur moderne et élégante pour un logiciel de configuration de séquences de boissons, avec les spécifications suivantes : Style visuel premium : Design minimaliste et épuré (inspiration Notion/Linear) Palette : fond blanc cassé (#FAFAFA), accents café (#6F4E37), bleu (#4ECDC4), or rose (#B76E79) Typographie sans-serif moderne (Poppins/Inter) Ombres douces (box-shadow: 0 2px 8px rgba(0,0,0,0.08)) Coins arrondis (border-radius: 12px) Espacement généreux (padding: 24px) Structure de l'interface à générer : En-tête (hauteur 60px) : Bouton retour "←" à gauche Titre centré avec icône : "[icône] Séquence [Nom]" (typographie grande, semi-bold) Toggle "🔇 Mode Silencieux" à droite (style switch iOS) Section Sélection de Type : Radio buttons élégants avec icônes et labels Exemples : "☕ CoffeeGrinderSequence", "💧 WaterSequence", "🌡️ SteamMilkSequence" État sélectionné : bordure colorée + fond légèrement teinté Section Paramètres (cartes blanches avec ombre douce) : Pour WaterSequence : Carte "🌡️ Température de chauffe" Slider horizontal moderne avec thumb rond Graduation : 80°C à 100°C Valeur affichée en grand à droite : "92°C" Barre de progression colorée (gradient bleu-rouge selon température) Carte "💨 Cinématique d'extraction" Slider avec indicateur pourcentage Range : 0% à 100% Valeur : "65%" en grand Carte "💧 Volume d'eau" Slider avec icône goutte Range : 50ml à 500ml Jauge visuelle remplie proportionnellement Aperçu Timeline (section en bas) : See more