NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia "Lúmina Mantillo" (agencia de branding y desarrollo web) usando solo un archivo HTML que incluya Tailwind CSS vía CDN y JavaScript vanilla. Reproduce fielmente la estructura y el estilo del sitio analizado:
- **Paleta de colores**: fondo negro #000000, texto principal #FFFFFF, acentos azul eléctrico #0D6EFD, gris oscuro #1A1A1A, tonos secundarios #555555.
- **Tipografía**: "Inter" para títulos y cuerpo (importar desde Google Fonts), peso 400-700.
- **Header**: barra fija con logo a la izquierda, menú horizontal (Home, Servicios, Portafolio, Blog, Sobre Nosotros) y botón "Contactar" con estilo relleno azul.
- **Hero**: sección full‑height con título grande (h1) "Diseñamos experiencias visuales que perduran", párrafo descriptivo y botón C
3.391 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.391 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, menú y botón CTA.
- 1.2 Hero principal con título, párrafo y botón CTA.
- 1.3 Sección "Trabaja conmigo" – tarjetas de servicio con badge de precio, slider de imágenes y descripción.
- 1.4 Sección "Casos de estudio" – cuadrícula de portafolio con miniaturas, etiquetas y overlay.
PORTFOLIO
- 2.1 Cabecera interna (reutiliza la global).
- 2.2 Lista de proyectos en cuadrícula con filtros y paginación (simulada).
- 2.3 Footer repetido.
ABOUT
- 3.1 Cabecera.
- 3.2 Bloque de presentación con foto y texto descriptivo.
- 3.3 Valores y metodología en columnas.
- 3.4 Footer.
BLOG
- 4.1 Cabecera.
- 4.2 Lista de artículos en formato tarjeta con imagen, título, excerpt y fecha.
- 4.3 Sidebar con categorías y últimos posts.
- 4.4 Footer.
CONTACT
- 5.1 Cabecera.
- 5.2 Formulario de contacto con campos nombre, email, asunto y mensaje.
- 5.3 Información de contacto y mapa incrustado.
- 5.4 Footer.
PROMPTS RELACIONADOS · BEAUTY / SPA
