Tablero del Sistema de Diseño de UI en Modo Claro

Genera una presentación integral de un sistema de diseño de UI que incluye paletas de colores, tipografía, componentes y maquetas responsivas con una estética futurista e iridiscente.

Instrucción
{ "type": "Tablero de presentación del Sistema de Diseño de UI", "theme": "ciencia óptica y refracción de la luz", "overall_aesthetic": "fondo blanco limpio, modo claro, futurista, premium, con acentos de arcoíris iridiscente, naranja pastel, amarillo, cian, morado, rosa", "header": { "title": "LIGHTCORE PRISM", "subtitle": "Sistema de Diseño de UI - Modo Claro", "tags": ["FUTURISTA", "PREMIUM", "ENFOQUE"], "hero_graphic": "anillo de vidrio transparente 3D refractando luz iridiscente" }, "layout": { "sections": [ { "title": "COLOR", "count": 5, "labels": ["BLANCO #FFFFFF", "NIEVE #FAFAFC", "PIZARRA #F2F4F8", "BORDE #E6E8EF", "NEGRO #0A0A0C"], "description": "5 muestras de color sólido en cuadrados redondeados" }, { "title": "GRADIENTES PRISMA", "count": 1, "description": "1 barra de gradiente horizontal larga con 5 códigos hex debajo" }, { "title": "TIPOGRAFÍA", "description": "'Aa' grande con 4 pesos de fuente listados (Light, Regular, Medium, Semibold) y alfabeto/números completos" }, { "title": "ICONOGRAFÍA", "count": 12, "description": "12 iconos minimalistas de arte lineal organizados en una cuadrícula de 2x6" }, { "title": "BOTONES", "count": 8, "categories": ["PRIMARIO", "SECUNDARIO", "TEXTO", "ICONO"], "description": "8 botones en total mostrando estados normal y deshabilitado para cada categoría. El botón primario presenta un borde iridiscente y el texto EMPEZAR." }, { "title": "NAVEGACIÓN", "count": 2, "variants": ["ESCRITORIO", "MÓVIL"], "description": "La navegación de escritorio tiene logo, 4 enlaces de texto, búsqueda, inicio de sesión y un botón. La navegación móvil tiene logo, búsqueda y menú hamburguesa." }, { "title": "COMPONENTES", "count": 6, "items": [ "TARJETA: 'Photon Engine' con gráfico iridiscente abstracto y botón", "CAMPO DE ENTRADA: Barra de búsqueda y entrada de correo electrónico con etiqueta", "PROGRESO: Barra de progreso iridiscente al 68%", "PESTAÑAS: Resumen, Analíticas, Configuración", "INTERRUPTOR: 2 interruptores (encendido/apagado)", "VISUALIZACIÓN DE DATOS: 1 gráfico de anillo con 3 elementos de leyenda, 1 gráfico de líneas sobre 7 días" ] }, { "title": "PÁGINA WEB", "description": "Maqueta de navegador de escritorio con el encabezado 'Construye el Futuro con Luz y Color', 2 botones, un gráfico de onda iridiscente 3D fluido y 5 logotipos de socios en la parte inferior." }, { "title": "APLICACIÓN MÓVIL", "description": "Maqueta de smartphone que muestra un saldo de $24,880, un gráfico de líneas, 4 iconos de acción rápida, una lista de actividad reciente con 3 elementos y una barra de navegación inferior con 4 iconos." } ] } }

Imágenes de referencia

Cómo usar este prompt

  1. 1

    Copia el prompt completo de arriba.

  2. 2

    Abre una plataforma compatible con GPT Image 2, como YouMind, y pega el prompt.

  3. 3

    Cambia el tema, el estilo o los detalles según tu idea y luego genera.

Este es un prompt de IA gratuito de la biblioteca de prompts de YouMind. Explora miles de prompts de imagen más, todos gratis para copiar y adaptar.

Explorar más prompts de imagen

Más funciones de prompts

Biblioteca de IA

Búsqueda de prompts con IA

Que la IA busque entre decenas de miles de prompts. Filtrá por modelo, rango de fechas y palabras clave, y ordená por interacción: vistas, guardados, reposts y más.

Herramientas de visión

Imagen a prompt

Convierte cualquier foto en un prompt de imagen IA detallado. El conversor gratuito de imagen a prompt analiza composición, estilo e iluminación para recrear cualquier estética en segundos.

Creado para creadores. Gratis para siempre.

YouMind es el copiloto creativo con IA en el que confían creadores de todo el mundo. Cada prompt está curado para ayudarte a crear mejor y más rápido.

Explorar más prompts