NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático de una startup AI SaaS llamado Stack Orion usando solo HTML, Tailwind CSS CDN y JavaScript vanilla en un único archivo.
- Marca ficticia: Stack Orion, dominio stackorion.com, claim "Herramientas de IA listas para integrar", email hola@stackorion.com, año 2026.
- Paleta de colores: #0F4C81 (azul principal), #1E7F9A (azul acento), #F0F4F8 (gris claro de fondo), #424242 (texto oscuro), #FFFFFF (blanco).
- Tipografía: Inter (Google Fonts) para títulos y cuerpo, peso 400‑600.
- Header: barra fija con logo a la izquierda, menú principal centrado (Inicio, Producto, Soluciones, Recursos, Sobre nosotros, Blog, Contacto). Implementar mega‑menu desplegable al pasar el cursor sobre "Producto" y "Recursos" con tres columnas de enlaces. Añadir iconos de redes sociales (Ins
3.748 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.748 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 principal y mega‑menu de varias páginas
- 1.2 Hero grande con título, subtítulo, botón CTA y visual de IA
- 1.3 Bloque de características con iconos y breves descripciones en tres columnas
- 1.4 Sección de números estadísticos (contadores) sobre adopción y rendimiento
- 1.5 Testimonios rotativos con foto y cita
- 1.6 Llamada a la acción final con formulario breve
- 1.7 Footer con enlaces de navegación, redes sociales y datos de contacto
OVERVIEW
- 2.1 Header (reutilizado)
- 2.2 Sección descriptiva del producto con imágenes y texto
- 2.3 Grilla de casos de uso en tarjetas
- 2.4 CTA secundaria
- 2.5 Footer
FEATURES
- 3.1 Header
- 3.2 Lista de funcionalidades con iconos y bloques expandibles
- 3.3 Demo de vídeo incrustada
- 3.4 CTA de registro
- 3.5 Footer
ABOUT
- 4.1 Header
- 4.2 Historia de la empresa y valores en bloques de texto e imágenes
- 4.3 Equipo en tarjetas con foto y posición
- 4.4 Estadísticas clave
- 4.5 CTA de contacto
- 4.6 Footer
BLOG
- 5.1 Header
- 5.2 Grid de artículos con imagen, título y resumen
- 5.3 Sidebar con categorías y newsletter
- 5.4 Footer
CONTACT
- 6.1 Header
- 6.2 Formulario de contacto sencillo
- 6.3 Mapa incrustado
- 6.4 Testimonios laterales
- 6.5 Footer
PROMPTS RELACIONADOS · SAAS / STARTUP
