NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia **Lumené Studio** (lumene.studio) usando **HTML estático**, **Tailwind CSS vía CDN** y **JavaScript vanilla** en un solo archivo. La web debe reproducir el diseño visual y la estructura del sitio analizado, sin copiar texto ni imágenes originales.
**Objetivo**: Página tipo portafolio creativo con secciones: cabecera, hero, galería de trabajos, llamado a acción, descripción personal, servicios destacados y pie de página.
**Paleta de colores** (usar variables CSS):
- --c1: #0A0A0A (casi negro, fondo principal)
- --c2: #FFFFFF (texto principal)
- --c3: #F5F5F5 (gris claro para fondos secundarios)
- --c4: #1E40AF (azul profundo, acentos y botones)
- --c5: #2563EB (azul medio, hover de botones)
**Tipografía**:
- Fuente principal: `Inter`,
4.782 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.782 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 Cabecera con logo y menú de navegación
- 1.2 Hero con título principal y subtítulo
- 1.3 Galería de proyectos (miniaturas en cuadrícula)
- 1.4 Botón de llamado a acción «Ver todos los trabajos»
- 1.5 Texto descriptivo sobre la experiencia del creador
- 1.6 Sección «Qué hago mejor» con cuatro tarjetas de servicio
- 1.7 Pie de página con enlaces de navegación y datos de contacto
PROYECTOS
- 2.1 Lista de proyectos en formato rejilla con miniaturas y títulos
- 2.2 Filtro de categorías (opcional)
- 2.3 Paginación o carga incremental
SERVICIOS
- 3.1 Detalle de cada servicio con título, icono y breve descripción
- 3.2 Lista de categorías dentro del servicio
SOBRE MÍ
- 4.1 Texto biográfico con foto
- 4.2 Lista de habilidades y herramientas
BLOG
- 5.1 Lista de artículos con imagen destacada, título y extracto
- 5.2 Categorías y archivo
CONTACTO
- 6.1 Formulario de contacto simple (nombre, email, mensaje)
- 6.2 Información de contacto y enlaces a redes sociales
PROMPTS RELACIONADOS · BELLEZA / SPA
