Scheda di sistema per la progettazione dell'interfaccia utente in modalità chiara

{ "tipo": "progetto dimostrativo del sistema di progettazione UI", "tema": "{nome argomento="tema visivo" predefinito="Scienza ottica e rifrazione della luce"}", "estetica generale": "Uno sfondo bianco pulito, modalità colore chiaro, sensazione futuristica e sofisticata; la sua caratteristica distintiva risiede nell'abbellimento {nome argomento="colori gradienti primari" predefinito="iridescente, arancione tenue, giallo, ciano, viola, rosa"}", "intestazione": { "titolo": "{nome argomento="nome sistema" predefinito="LIGHTCORE PRISM"}", "sottotitolo": "Sistema di progettazione UI - Modalità chiara", "tag": [ "Futuristico", "senso di sofisticazione", "Focus" ], "hero_graphic": "Anello di vetro trasparente 3D che rifrange la luce iridescente" }, "layout": { "sezioni": [ { "titolo": "colore", "conteggio": 5, "etichette": [ "Bianco #FFFFFF", "Nevoso #FAFAFC", "Colore ardesia #F2F4F8", "Colore del bordo #E6E8EF", "Nero #0A0A0C" ], "descrizione": "5 blocchi di colore pieno a forma di quadrato arrotondato" }, { "titolo": "Sfumatura prismatica", "conteggio": 1, "descrizione": "Una lunga barra di sfumatura orizzontale con cinque codici colore esadecimali sottostanti." }, { "titolo": "composizione tipografica", "descrizione": "Il grande carattere 'Aa' è elencato in quattro pesi (leggero, normale, medio, semigrassetto) insieme all'alfabeto/numeri completi." }, { "titolo": "icona", "conteggio": 12, "descrizione": "12 icone minimaliste in stile lineare disposte in una griglia 2x6." }, { "title": "Pulsante", "count": 8, "categories": [ "principale", "secondario", "testo", "icona" ], "descrizione": "Ci sono in totale 8 pulsanti, che mostrano gli stati normale e disabilitato per ogni categoria. Il pulsante principale presenta un bordo iridescente e il testo {argument name=\"primary button text\" default=\"Start using\"}." }, { "title": "navigazione", "count": 2, "varianti": [ "Desktop", "mobile" ], "descrizione": "La navigazione desktop include un logo, quattro link di testo, una barra di ricerca, un pulsante di accesso e una barra di navigazione mobile." }, { "title": "Componenti", "count": 6, "items": [ "Scheda: 'Photon Engine' con grafica astratta arcobaleno e pulsanti", "Caselle di input: una barra di ricerca etichettata e una casella di input e-mail.", "Barra di avanzamento: barra di avanzamento arcobaleno al 68%", "Schede: Panoramica, Analisi, Impostazioni", "Interruttori: 2 interruttori (on/off)", "Visualizzazione dati: un grafico a torta con 3 elementi della legenda e un grafico a linee di 7 giorni." ] }, { "title": "Pagina Web", "description": "Modello del browser desktop, incluso il titolo '{argument name=\"hero headline\" default=\"Costruire il futuro con luce e colore\"} Il design include due pulsanti, una grafica fluida a onda arcobaleno 3D e cinque loghi dei partner in basso." }, { "title": "Applicazione mobile", "description": "Il modello di smartphone visualizza un saldo di $ 24.880, un grafico a linee, quattro icone di azione rapida, un elenco di attività recenti con tre elementi e una barra di navigazione inferiore con quattro icone." } ] } }