NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia Stack Éter, una plataforma SaaS de gestión empresarial. Utiliza HTML + Tailwind CSS CDN + JavaScript vanilla en un único archivo. Reproduce el diseño visual y la estructura del sitio de referencia sin copiar textos ni imágenes del original.
**Paleta de colores**
- Primary: #0A2540 (navy deep)
- Secondary: #1E3A5F (rich navy)
- Accent: #4A90E2 (bright blue)
- Background: #F5F7FA (soft gray)
- Text: #212B36 (dark charcoal)
**Tipografía**
- Headings: "Inter", sans-serif; weight 600‑700
- Body: "Inter", sans-serif; weight 400
- Buttons: uppercase, tracking wider
**Header**
- Barra superior fija con mensaje promocional "Ahorra 25% en suscripciones anuales" y enlaces a redes sociales (FB, LinkedIn, X, Instagram).
- Navbar con logo a la izqui
4.313 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.313 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 superior con anuncio promocional y enlaces sociales
- 1.2 Cabecera fija con logo, menú con dropdowns y botones de acción
- 1.3 Hero principal con texto destacado, marquee y CTA
- 1.4 Bloque de características (4 columnas)
- 1.5 Testimonios en carrusel (3 tarjetas)
- 1.6 Planes de precios (3 tarjetas comparativas)
- 1.7 CTA final con formulario de suscripción
- 1.8 Footer con navegación secundaria, contacto y redes
ABOUT
- 2.1 Hero interno con título y subtítulo
- 2.2 Historia de la empresa en bloques de texto e imagen
- 2.3 Valores destacados en cards
- 2.4 Equipo con fotos y breves bio
- 2.5 CTA a contacto
FEATURES
- 3.1 Lista de funcionalidades con íconos
- 3.2 Demo interactiva (placeholder)
- 3.3 Ventajas competitivas en columnas
- 3.4 CTA a prueba gratuita
PRICING
- 4.1 Tabla comparativa de planes (Básico, Pro, Enterprise)
- 4.2 Detalle de beneficios por plan
- 4.3 FAQ collapsable
- 4.4 CTA a registro
BLOG
- 5.1 Grid de artículos (tarjetas con imagen, título, resumen)
- 5.2 Barra lateral con categorías y newsletter
- 5.3 Paginación
CONTACT
- 6.1 Formulario de contacto completo
- 6.2 Mapa incrustado (placeholder)
- 6.3 Información de oficina y horario
- 6.4 CTA a redes sociales
PROMPTS RELACIONADOS · SAAS / STARTUP
