NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático con HTML, Tailwind CSS (CDN) y JavaScript vanilla en un único archivo que reproduzca el diseño y la estructura de la web analizada, pero usando la marca ficticia MudanzaNova.
**ALCANCE**
- Header: barra superior fija, fondo oscuro (#0F172A). Logo a la izquierda (texto MudanzaNova en tipografía 'Inter', peso 700, color #FFFFFF). Menú de navegación centrado con enlaces: Home, Demo, Características, Figma, Usabilidad. En versión tablet y móvil, colapsar en hamburguesa (icono SVG). Botón a la derecha con texto "Contactar" fondo #2563EB, texto #FFF, hover #1D4ED8.
- Hero: sección ocupando toda la altura de la ventana, fondo con imagen difusa (uso de Tailwind `bg-gradient-to-r from-indigo-900 to-gray-900`). Título grande (h1) con tipografía 'Inter' 800, tamaño 4xl en
5.392 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
5.392 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 Header con logo, navegación y botón de contacto.
- 2.1 Hero con título, subtítulo, botones y carrusel de imágenes.
- 3.1 Sección Demo con captura y descripción.
- 4.1 Sección Características con iconos y textos.
- 5.1 Sección Figma gratuito con CTA.
- 6.1 Sección Usabilidad con lista de ventajas.
- 7.1 Footer con enlaces, redes y copyright.
DEMO
- 1.1 Título de la página Demo.
- 1.2 Galería de imágenes del producto.
- 1.3 Botón de volver a Home.
CARACTERISTICAS
- 1.1 Título de la página.
- 1.2 Cuatro columnas con icono, título corto y descripción.
- 1.3 Botón de descarga de PDF.
FIGMA
- 1.1 Página de descarga de recurso Figma.
- 1.2 Formulario simple (email y botón).
- 1.3 Testimonios rotativos.
USABILIDAD
- 1.1 Página de test de usabilidad.
- 1.2 Lista de puntos clave.
- 1.3 Botón de contacto.
FOOTER
- 1.1 Enlaces de navegación secundaria.
- 1.2 Íconos de redes sociales.
- 1.3 Aviso legal y año.
PROMPTS RELACIONADOS · BIENES RAÍCES
