NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa que reproduzca el diseño visual y la estructura de la plantilla descrita, pero con la marca ficticia **Stack Neon**. Utiliza únicamente HTML, Tailwind CSS (CDN) y JavaScript vanilla en un único archivo. No uses ninguna librería externa ni fuentes distintas a las proporcionadas por Google Fonts.
**Requisitos de estilo**
- Paleta de colores:
- Primario: #0D3B66 (azul oscuro)
- Secundario: #FAF0CA (crema claro)
- Accent: #F4D35E (amarillo dorado)
- Texto principal: #212529 (gris casi negro)
- Fondo: #FFFFFF.
- Tipografía: `Inter` para títulos y cuerpo, cargada desde Google Fonts.
- Todas las animaciones deben ser CSS‑only (fade‑in, slide‑up) y activarse al hacer scroll (utiliza `IntersectionObserver`).
**Estructura**
1. **Header / Navbar** (sticky, z‑
3.823 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.823 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, enlaces principales y botones “Sign Up” y “Get Started”.
- 1.2 Hero principal con badge "#1 Product of the Day", título grande, subtítulo y botones CTA "Customize template" y "Buy now".
- 1.3 Bucle de imágenes superior (marquee) con desplazamiento continuo en sentido normal.
- 1.4 Bucle de imágenes inferior (marquee) con desplazamiento continuo inverso.
- 1.5 (Opcional) Footer con columnas de enlaces y datos de contacto.
ABOUT
- 2.1 Encabezado reutilizado.
- 2.2 Sección de presentación de la empresa con texto e imágenes.
- 2.3 Equipo y valores.
- 2.4 CTA para contactar.
CONTACT
- 3.1 Encabezado reutilizado.
- 3.2 Formulario de contacto con campos nombre, email, mensaje.
- 3.3 Información de ubicación y redes sociales.
- 3.4 CTA adicional.
BLOG
- 4.1 Lista de artículos con tarjetas, imagen, título, extracto y botón leer más.
- 4.2 Sidebar con categorías y tags.
- 4.3 Paginación.
PRICING
- 5.1 Tabla comparativa de planes con características y botones de selección.
- 5.2 FAQ acordeón bajo la tabla.
- 5.3 CTA final.
PROMPTS RELACIONADOS · SAAS / STARTUP
