Système de conception d'interface utilisateur en mode clair

{ "type": "Projet de démonstration de système de conception d'interface utilisateur", "theme": "{argument name=\"theme visuel\" default=\"Sciences optiques et réfraction de la lumière\"}", "overall_aesthetic": "Un fond blanc épuré, un mode couleur clair, une ambiance futuriste et sophistiquée ; sa caractéristique distinctive réside dans les {argument name=\"couleurs dégradées primaires\" default=\"Iridescent, orange doux, jaune, cyan, violet, rose\"} embellissements", "header": { "title": "{argument name=\"nom du système\" default=\"LIGHTCORE PRISM\"}", "subtitle": "Système de conception d'interface utilisateur - Mode clair", "tags": [ "Futuriste", "sens de sophistication", "Focus" ], "hero_graphic": "Anneau en verre transparent 3D qui réfracte la lumière irisée" }, "layout": { "sections": [ { "title": "couleur", "count": 5, "labels": [ "Blanc #FFFFFF", "Neige #FAFAFC", "Ardoise #F2F4F8", "Couleur de bordure #E6E8EF", "Noir #0A0A0C" ], "description": "5 blocs carrés arrondis de couleur unie" }, { "title": "Dégradé prismatique", "count": 1, "description": "Une longue barre de dégradé horizontale avec cinq codes de couleur hexadécimaux en dessous." }, { "title": "Mise en page", "description": "La grande police 'Aa' est disponible en quatre graisses (Light, Regular, Medium, Semibold) avec l'alphabet complet et les chiffres." }, { "title": "icône", "count": 12, "description": "12 icônes minimalistes de style ligne disposées dans une grille 2x6." }, { "title": "Bouton", "count": 8, "categories": [ "main", "secondary", "text", "icon" ], "description": "Il y a un total de 8 boutons, affichant les états normal et désactivé pour chaque catégorie. Le bouton principal présente une bordure irisée et le texte {argument name=\"primary button text\" default=\"Commencer à utiliser\"}." }, { "title": "Navigation", "count": 2, "variants": [ "Desktop", "mobile" ], "description": "La navigation sur ordinateur comprend un logo, quatre liens texte, une barre de recherche, un bouton de connexion et une barre de navigation mobile." }, { "title": "Composants", "count": 6, "items": [ "Carte : 'Photon Engine' avec des graphismes arc-en-ciel abstraits et des boutons", "Zones de saisie : une barre de recherche étiquetée et une zone de saisie d'adresse e-mail.", "Barre de progression : barre de progression arc-en-ciel à 68 %, "Onglets : Vue d'ensemble, Analyse, Paramètres", "Interrupteurs : 2 interrupteurs (marche/arrêt)", "Visualisation des données : un graphique circulaire avec 3 éléments de légende et un graphique linéaire sur 7 jours." ] }, { "title": "Page Web", "description": "Modèle pour navigateur de bureau, incluant le titre '{argument name=\"hero headline\" default=\"Construire l'avenir avec la lumière et la couleur\"} Le design comprend deux boutons, un graphisme 3D fluide représentant une vague arc-en-ciel et cinq logos de partenaires en bas." }, { "title": "Application mobile", "description": "Le modèle pour smartphone affiche un solde de 24 880 $, un graphique linéaire, quatre icônes d'accès rapide, une liste des activités récentes avec trois éléments et une barre de navigation inférieure avec quatre icônes." } ] } }