NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático completo que reproduzca el diseño visual y la estructura de la página analizada, pero con la marca ficticia Lúmen Creations. Usa solo HTML, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo.
- **Paleta de colores**: #0A0A0A (fondo principal), #FFFFFF (texto principal), #E0E0E0 (texto secundario), #FF6F61 (acentos y botones), #1A1A1A (cards y footer).
- **Tipografía**: "Inter" para todo el cuerpo, pesos 400 y 600; "Playfair Display" para títulos grandes.
- **Header**: barra de navegación fija, logo tipográfico "Lúmen", enlaces Home, Sobre, Proyectos, Servicios, Contacto; botón de menú hamburguesa colapsable en móviles.
- **Hero**: sección ocupa pantalla completa, fondo con elipse difusa (CSS radial-gradient + blur), título grande "Lúmen" en Playfair,
3.984 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.984 caracteres · licencia libre
Solo descarga completa disponible
CAPTURA COMPLETA · HOME
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 Navbar fijo con logo y menú hamburguesa
- 1.2 Hero con título grande, subtítulo, botón CTA y barra de marcas en marquee
- 1.3 Sobre nosotros con texto y imagen
- 1.4 Proyectos con galería de tarjetas
- 1.5 Servicios en columnas con iconos
- 1.6 Contacto con formulario y mapa
- 1.7 Footer con enlaces, redes y datos de contacto
SOBRE NOSOTROS
- 2.1 Cabecera con título y párrafo introductorio
- 2.2 Imagen decorativa lateral
- 2.3 Lista de valores en bloques
SERVICIOS
- 3.1 Cuadrícula de 3 columnas, cada una con icono, título y descripción corta
PROYECTOS
- 4.1 Galería tipo masonry de imágenes con overlay de título y botón ver más
CONTACTO
- 5.1 Formulario de nombre, email, mensaje y botón enviar
- 5.2 Mapa estático con pin de ubicación
- 5.3 Información de contacto rápida (teléfono, email, dirección)
FOOTER
- 6.1 Logotipo pequeño y claim
- 6.2 Enlaces de navegación rápidos
- 6.3 Íconos de redes sociales
- 6.4 Copyright y aviso legal
PROMPTS RELACIONADOS · AGENCIA DIGITAL
