NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia "Aforismo Lúmina" (aforismolumina.com), estudio fotográfico especializado en iluminaciones neón, usando solo HTML, Tailwind CSS CDN y JavaScript vanilla en un único archivo. Replicar la estructura y estilo del sitio analizado sin copiar texto ni imágenes originales; inventa contenido propio en español de España.
**Requisitos de stack**:
- Incluir `<script src="https://cdn.tailwindcss.com"></script>` en el head.
- Utilizar Tailwind V3 con configuración personalizada: paleta de colores oscuro (#0a0a0a, #111111), acento neón azul‑cian (#00f5d4) y rosa‑neón (#ff00ff).
- Fuente principal: "Inter", sans‑serif; título: "Montserrat", sans‑serif (cargar vía Google Fonts).
- JavaScript para animaciones: preloader rotativo, conteo animado de estadí
4.297 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.297 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 Barra de navegación fija con logo y enlaces dobles (texto estático y efecto hover)
- 1.2 Hero full‑width con imagen de alta resolución, título grande y subtítulo descriptivo
- 1.3 Preloader con 6 imágenes que se animan mientras carga la página
- 1.4 Bloque "Sobre nosotros" con título gradient, párrafo, imagen a la derecha y lista de logros (estadísticas numéricas animadas)
- 1.5 Botón primario "Explorar trabajo" centrado bajo el texto
- 1.6 Bloque "Trabajo" con encabezado H1, etiqueta y subtítulo gradient
- 1.7 Carrusel marquee horizontal que muestra miniaturas de proyectos, cada una con botón "Ver trabajo"
- 1.8 Footer minimalista con enlaces de navegación y datos de contacto
ABOUT
- 2.1 Sección completa con título grande, párrafo explicativo y foto del estudio
- 2.2 Cuatro tarjetas de estadísticas animadas (proyectos, premios, colaboraciones, marcas 2025)
- 2.3 Botón secundario "Explorar trabajo"
WORK
- 3.1 Encabezado principal y subtítulo descriptivo
- 3.2 Marquee de proyectos con imágenes, títulos y botón "Ver trabajo" para cada ítem
CONTACT
- 4.1 Formulario simple con campos Nombre, Email, Mensaje y botón de envío
- 4.2 Información de contacto y enlaces a redes sociales
PROMPTS RELACIONADOS · BEAUTY / SPA
