Carrito Iniciar sesión
BLOG / REVISTA · Claude Design · HTML

Crónica Lúmina — Prompt de diseño web para Claude AI

Estudio creativo de diseño y branding Diseño que respira ideas.

↓ Descargar PROMPT.md
+0
0 0
GRATIS 0€
Crónica Lúmina — 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 "Crónica Lúmina" (cronicalumina.com) usando solo HTML, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. Reproduce fielmente la arquitectura visual del ejemplo analizado: un header con logo y menú hamburguesa que despliega un overlay con enlaces (About, Services, Work, Contact) y recursos sociales; un hero full‑width con título grande, subtítulo "Fundado en Madrid", y un collage de 6 imágenes sobrepuestas con efecto blur y desplazamiento sutil; una sección About con título "ABOUT" superpuesto en fondo y texto descriptivo al lado de una imagen dividida en dos partes con overlay y líneas decorativas; una zona de clientes con fondo oscuro, texto en blanco resaltado en tres bloques y dos imágenes laterales; una marquesina horizonta
3.229 caracteres · solo descargable completo ↓ Descargar PROMPT.md completo
3.229 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
Crónica Lúmina — 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 Header con logo y menú hamburguesa
  • 2.1 Hero con título, subtítulo y collage de imágenes
  • 3.1 Bloque "About" con título superpuesto y texto + imagen split
  • 4.1 Área de clientes con texto destacado y fotos
  • 5.1 Marquee de logotipos de clientes
  • 6.1 Footer con enlaces sociales y contacto

ABOUT

  • 1.1 Header replicado
  • 2.1 Título grande "SOBRE NOSOTROS"
  • 3.1 Texto institucional y galería de proyectos

SERVICES

  • 1.1 Header replicado
  • 2.1 Lista de servicios con iconos minimalistas
  • 3.1 CTA invitando a contactar

WORK

  • 1.1 Header replicado
  • 2.1 Grid de proyectos con hover reveal

CONTACT

  • 1.1 Header replicado
  • 2.1 Formulario sencillo (nombre, email, mensaje)
  • 3.1 Información de ubicación y horario
PROMPTS RELACIONADOS · BLOG / REVISTA

Otros prompts de la misma categoría