NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia **NimbusStack** (SaaS de gestión de productos digitales) usando **HTML estático**, **Tailwind CSS CDN** y **JavaScript vanilla** en un único archivo. El proyecto debe reproducir fielmente la estructura y estilo del sitio analizado, sin copiar textos ni imágenes originales.
**Alcance**
- Generar todas las páginas listadas en la tabla: HOME, ABOUT, FEATURES, PRICING, BLOG, CONTACT.
- Cada página debe incluir los bloques descritos, siguiendo el orden y número de secciones.
- Implementar un **header** fijo con logo (SVG placeholder), menú principal, dropdown "Pages" con enlaces a todas las secciones y botón de carrito que abre un **modal** simulando el carrito (lista vacía, subtotal 0). El carrito debe cerrarse con botón X.
- Hero de Home: tít
5.135 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
5.135 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, menú principal, dropdown de páginas y botón de carrito modal
- 1.2 Hero principal con título, subtítulo, botones CTA y visual de producto
- 1.3 Sección de características en columnas con iconos y texto descriptivo
- 1.4 Testimonios en carrusel simple
- 1.5 Llamada a suscripción al boletín
- 1.6 Footer con bloques de enlaces, redes sociales y datos de contacto
ABOUT
- 2.1 Cabecera interna con título de página y breadcrumb
- 2.2 Texto descriptivo de la empresa y valores
- 2.3 Equipo en tarjetas con foto y rol
- 2.4 CTA a contacto
- 2.5 Footer replicado de home
FEATURES
- 3.1 Cabecera interna con título y breve introducción
- 3.2 Lista de funcionalidades en bloques con icono, título y descripción
- 3.3 Imagen resaltada a la derecha
- 3.4 CTA a prueba gratuita
- 3.5 Footer replicado de home
PRICING
- 4.1 Cabecera con título y comparativa de planes
- 4.2 Tarjetas de precios en grid, cada una con características y botón de selección
- 4.3 FAQ en acordeón
- 4.4 CTA secundario
- 4.5 Footer replicado de home
BLOG
- 5.1 Lista de artículos en grid, cada uno con imagen, título, extracto y fecha
- 5.2 Paginación inferior
- 5.3 Sidebar con categorías y suscripción
- 5.4 Footer replicado de home
CONTACT
- 6.1 Formulario de contacto con campos nombre, email, mensaje
- 6.2 Mapa embebido
- 6.3 Información de contacto y redes sociales
- 6.4 Footer replicado de home
PROMPTS RELACIONADOS · SAAS / STARTUP
