NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia **Obras Lúmina** (estudio de diseño digital) usando **HTML**, **Tailwind CSS CDN** y **JavaScript vanilla** en un único archivo. Reproduce fielmente la estructura y estilo del sitio analizado:
- **Paleta de colores**: #0A0A0A (negro profundo), #FFFFFF (blanco), #F5F5F5 (gris muy claro), #E63946 (rojo vibrante para acentos), #1D3557 (azul marino para textos secundarios).
- **Tipografía**: "Inter" para texto y encabezados, peso 400‑700, tamaños responsivos (h1 48px, h2 36px, p 18px).
- **Header**: barra fija con logo a la izquierda, menú horizontal (Works, Products, Pricing, About) y botón destacado “Get Started”. Menú colapsable en móvil con icono hamburguesa.
- **Hero**: fondo con imagen difuminada, badge circular con icono y texto “Dispon
3.640 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.640 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 navegación
- 1.2 Hero con badge, título, subtítulo y CTA
- 1.3 Badge de clientes felices + mini‑gallery de retratos
- 1.4 Galería horizontal de proyectos (tres columnas de imágenes con efecto scroll)
- 1.5 Lista de servicios como badges
PORTFOLIO
- 2.1 Cabecera reutilizada
- 2.2 Grid de proyectos (tarjetas con imagen, título y descripción breve)
- 2.3 Botón cargar más
PRODUCTS
- 3.1 Cabecera reutilizada
- 3.2 Lista de productos en tarjetas con imagen, nombre y breve copy
- 3.3 CTA "Descubrir más"
PRICING
- 4.1 Cabecera reutilizada
- 4.2 Tabla de precios con tres columnas, título, características y botón
ABOUT
- 5.1 Cabecera reutilizada
- 5.2 Sección sobre la empresa con foto y texto descriptivo
- 5.3 Equipo en mini‑gallery
CONTACT
- 6.1 Cabecera reutilizada
- 6.2 Formulario de contacto (nombre, email, mensaje, botón enviar)
- 6.3 Información de contacto y mapa embebido
PROMPTS RELACIONADOS · PORTFOLIO
