Tablero del sistema de diseño de interfaz de usuario en modo claro

{ "type": "Proyecto de demostración del sistema de diseño de interfaz de usuario", "theme": "{argument name=\"visual theme\" default=\"Optical Science and Light Refraction\"}", "overall_aesthetic": "Un fondo blanco limpio, modo de color claro, sensación futurista y sofisticada; su característica distintiva reside en el adorno {argument name=\"primary gradient colors\" default=\"Iridescent, soft orange, yellow, cian, purple, pink\"}", "header": { "title": "{argument name=\"system name\" default=\"LIGHTCORE PRISM\"}", "subtitle": "Sistema de diseño de interfaz de usuario - Modo claro", "tags": [ "Futurista", "sensación de sofisticación", "Enfoque" ], "hero_graphic": "Anillo de vidrio transparente 3D que refracta la luz iridiscente" }, "layout": { "sections": [ { "title": "color", "count": 5, "labels": [ "White #FFFFFF", "Snowy #FAFAFC", "Slate color #F2F4F8", "Border color #E6E8EF", "Black #0A0A0C" ], "description": "5 bloques de color sólido cuadrados redondeados" }, { "title": "Prism Gradient", "count": 1, "description": "Una larga barra de degradado horizontal con cinco códigos de color hexadecimales debajo." }, { "title": "typesetting", "description": "La fuente grande 'Aa' se muestra en cuatro pesos (Light, Regular, Medium, Semibold) junto con el alfabeto/números completos." }, { "title": "icon", "count": 12, "description": "12 iconos minimalistas de estilo lineal dispuestos en una cuadrícula de 2x6." }, { "title": "Botón", "count": 8, "categories": [ "main", "secondary", "text", "icon" ], "description": "Hay un total de 8 botones, que muestran los estados normal y deshabilitado para cada categoría. El botón principal presenta un borde iridiscente y el texto {argument name=\"primary button text\" default=\"Start using\"}." }, { "title": "navigation", "count": 2, "variants": [ "Desktop", "mobile" ], "description": "La navegación de escritorio incluye un logotipo, cuatro enlaces de texto, una barra de búsqueda, un botón de inicio de sesión y una barra de navegación móvil." }, { "title": "Componentes", "count": 6, "items": [ "Tarjeta: 'Photon Engine' con gráficos abstractos de arcoíris y botones", "Cajas de entrada: una barra de búsqueda etiquetada y una casilla de entrada de correo electrónico.", "Barra de progreso: barra de progreso de arcoíris del 68%", "Pestañas: Resumen, Análisis, Configuración", "Interruptores: 2 interruptores (encendido/apagado)", "Visualización de datos: un gráfico circular con 3 elementos de leyenda y un gráfico de líneas de 7 días." ] }, { "title": "Página web", "description": "Modelo de navegador de escritorio, incluyendo el título '{argument name=\"hero headline\" default=\"Construyendo el futuro con luz y color\"} El diseño incluye dos botones, un gráfico de onda de arcoíris 3D fluido y cinco logotipos de socios en la parte inferior." }, { "title": "Aplicación móvil", "description": "El modelo para smartphone muestra un saldo de 24.880 dólares, un gráfico de líneas, cuatro iconos de acción rápida, una lista de actividades recientes con tres elementos y una barra de navegación inferior con cuatro iconos." } ] } }