NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático totalmente autocontenido para la marca ficticia Lúmina Visual usando solo HTML, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo.
**Objetivo**: Reproducir la estética de un portfolio fotográfico moderno: fondo negro, acentos neón (#00FFC8, #FF00A8), tipografía principal "Inter" (sans) y secundaria "Playfair Display" (serif) para títulos. Utiliza animaciones suaves al cargar (fade‑in, slide‑up) y efectos hover en imágenes y botones.
**Paleta de colores**:
- Fondo principal: #0A0A0A
- Texto principal: #FFFFFF
- Acento 1: #00FFC8
- Acento 2: #FF00A8
- Gris suave: #AAAAAA
**Tipografía**:
- <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Playfair+Display:wght@700&display=swap" rel="stylesheet">
- Clase Tailw
4.907 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.907 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, enlaces internos y iconos sociales
- 1.2 Hero principal con título, subtítulo, imagen destacada y botón de acción
- 1.3 Bloque de introducción con texto descriptivo y foto de fondo
- 1.4 Sección de servicios en cuadrícula de tres tarjetas con iconos
- 1.5 Galería de portafolio con imágenes en mosaico y efecto hover
- 1.6 Área de testimonios con estrellas y número de clientes
- 1.7 Últimos artículos del blog en formato tarjetas
- 1.8 Pie de página con enlaces rápidos, datos de contacto y redes sociales
SERVICIOS
- 2.1 Título de la sección y descripción breve
- 2.2 Tres tarjetas de servicio con icono, título y párrafo explicativo
PORTAFOLIO
- 3.1 Título de la sección y filtro de categorías
- 3.2 Cuadrícula de imágenes con efecto overlay al pasar el cursor
TESTIMONIOS
- 4.1 Título y subtítulo de confianza
- 4.2 Carrusel de testimonios con foto, nombre y valoración de estrellas
BLOG
- 5.1 Título de la sección y enlace a archivo completo
- 5.2 Tres tarjetas de artículo con imagen, título, extracto y botón leer más
FOOTER
- 6.1 Bloque de contacto rápido y formulario breve
- 6.2 Enlaces de navegación secundaria y políticas
- 6.3 Íconos de redes sociales y copyright
PROMPTS RELACIONADOS · FOTOGRAFÍA
