NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia "MuroViva" (servicios de pintura y decoración) usando solo HTML, Tailwind CSS CDN y JavaScript vanilla en un único archivo. La web debe reproducir la estructura y estilo del template analizado:
- Paleta de colores: #0D2623 (verde oscuro), #F4F4F4 (gris claro), #FFFFFF (blanco), #1A202C (gris neutro), #E2E8F0 (azul tenue).
- Tipografía: "Inter" para cuerpo y "Playfair Display" para encabezados.
- Header: barra fija, fondo blanco, logo a la izquierda, menú de enlaces (Home, Demos, Inner Pages, Utility Pages, Authentication) con efecto hover subrayado, botón CTA primario "Comprar plantilla" con fondo #0D2623 y texto blanco.
- Hero: contenedor centrado, título grande en Playfair, párrafo descriptivo, dos botones (primario y secundario) con an
3.778 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.778 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 menú colapsable
- 1.2 Hero con título, párrafo y dos botones CTA
- 1.3 Galería de tres imágenes principales mostradas en carrusel estático
- 1.4 Sección de características "Qué incluye" con 3 bloques icono‑texto
- 1.5 Demos de home pages: título, párrafo y tarjetas de vista previa
- 1.6 Páginas internas: título, párrafo y tarjetas de vista previa
- 1.7 Footer con enlaces de navegación, redes y contacto
DEMO PAGES
- 2.1 Página demo home‑01: hero, secciones de servicios, testimonios, CTA
- 2.2 Página demo home‑02: hero con video, galería de proyectos, formulario
INNER PAGES
- 3.1 About Us: encabezado, texto descriptivo, equipo, imágenes
- 3.2 Contact Us: formulario de contacto, mapa, información de office
- 3.3 Services: listado de servicios con tarjetas y descripciones
- 3.4 Portfolio: cuadrícula de proyectos con filtro por categoría
- 3.5 Blog: listado de artículos con imágenes y extractos
- 3.6 FAQ: acordeón de preguntas frecuentes
- 3.7 Terms & Conditions: texto legal estructurado en secciones
- 3.8 Privacy Policy: información de privacidad y datos
- 3.9 404 Error: mensaje amigable y botón a inicio
- 3.10 Login: formulario de autenticación sencillo
- 3.11 Register: formulario de registro con campos básicos
- 3.12 Dashboard: panel de usuario con navegación lateral
- 3.13 Settings: formulario de configuración de cuenta
- 3.14 Checkout: resumen de compra y formulario de pago
- 3.15 Thank You: mensaje de confirmación de compra
PROMPTS RELACIONADOS · ARQUITECTURA
