Carrito Iniciar sesión
AGENCIA DIGITAL · Claude Design · HTML

Lúmina Growth — Prompt de diseño web para Claude AI

Agencia de branding y diseño digital Ideas que hacen visible tu esencia.

↓ Descargar PROMPT.md
+0
0 0
GRATIS 0€
Lúmina Growth — vista previa
NUEVO PROMPT
PROMPT

Cópialo y pégalo en Claude Design

↓ Descargar PROMPT.md
Crea un sitio web estático para la marca ficticia "Lúmina Growth" (agencia digital) usando exclusivamente HTML5, Tailwind CSS (CDN) y JavaScript vanilla en un solo archivo. El proyecto debe reproducir fielmente la arquitectura visual del sitio analizado, sin copiar textos ni imágenes, generando contenido original en español de España. ## Paleta de colores - Primario: #1E3A8A (azul profundo) - Secundario: #F59E0B (ámbar vibrante) - Texto principal: #111827 (gris muy oscuro) - Texto secundario: #6B7280 (gris medio) - Fondo: #FFFFFF - Fondo alterno: #F9FAFB ## Tipografía - Fuente principal: "Inter", sans-serif (cargada desde Google Fonts) - Fuente secundaria (para destacados): "Playfair Display", serif ## Estructura global - `<header>` con clase `fixed w-full bg-white shadow` que contiene
4.937 caracteres · solo descargable completo ↓ Descargar PROMPT.md completo
4.937 caracteres · licencia libre Solo descarga completa disponible
CLAUDE DESIGN

Convierte este prompt en diseño real

Instala Claude Design, pega el prompt y ve la interfaz cobrar forma al instante.

Instalar Claude Design ↗
CAPTURA COMPLETA · HOME
Lúmina Growth — home completa
Para que Claude replique el diseño con máxima fidelidad, descarga la imagen y adjúntala en tu chat. Descargar captura
ESTRUCTURA DEL SITIO

Tabla de secciones

HOME

  • 1.1 Barra de navegación fija con logo y menú hamburguesa
  • 1.2 Hero principal con título destacado, subtítulo y llamado a la acción circular
  • 1.3 Bloque de servicios en tres columnas con iconos animados
  • 1.4 Grid de proyectos destacados con imágenes y overlay
  • 1.5 Sección de testimonios en carrusel simple
  • 1.6 Llamado a la acción secundario con botón resaltado
  • 1.7 Footer con enlaces rápidos, redes sociales y datos de contacto

ABOUT

  • 2.1 Hero interno con título y breve descripción
  • 2.2 Texto de historia con imagen al lado
  • 2.3 Valores de la agencia en tarjetas
  • 2.4 Equipo con tarjetas de perfil
  • 2.5 Footer replicado

SERVICES

  • 3.1 Hero interno con título de servicios
  • 3.2 Lista de servicios en bloques con iconos y descripciones
  • 3.3 Proceso de trabajo en pasos numerados
  • 3.4 CTA final
  • 3.5 Footer replicado

WORK

  • 4.1 Hero interno con título de portfolio
  • 4.2 Grid de proyectos con filtros por categoría
  • 4.3 Modal de detalle de proyecto (placeholder)
  • 4.4 CTA para contactar
  • 4.5 Footer replicado

CONTACT

  • 5.1 Hero interno con título de contacto
  • 5.2 Formulario de contacto con campos nombre, email, mensaje
  • 5.3 Mapa embebido (placeholder)
  • 5.4 Información de contacto directo
  • 5.5 Footer replicado
PROMPTS RELACIONADOS · AGENCIA DIGITAL

Otros prompts de la misma categoría