NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático de una sola página (HTML) usando Tailwind CSS vía CDN y JavaScript vanilla (sin dependencias externas) que reproduzca el diseño visual de la plantilla SaaS descrita. Marca ficticia: Saas Coral (dominio saascoral.com). Paleta de colores: #0F172A (azul noche), #1E293B (gris oscuro), #3B82F6 (azul brillante), #F3F4F6 (gris claro), #FFFFFF (blanco). Tipografía: 'Inter', sans-serif para cuerpo y títulos, pesos 400‑600.
Estructura:
- **Header**: barra fija, logo a la izquierda (svg simple), menú horizontal con enlaces Home, Sobre nosotros, Funcionalidades, Precios, Blog, Contacto y un botón primario "Solicita demo". Menú desplegable bajo "Más" con enlaces a Carreras, Integraciones, Cambios, Licencia. Incluye versión mobile con hamburguesa y overlay.
- **Hero**: fondo
3.882 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.882 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, menú principal y botón destacado
- 1.2 Hero con título, subtítulo y botón principal
- 1.3 Bloque de beneficios en tres columnas con íconos
- 1.4 Sección de características con imágenes y texto alternado
- 1.5 Tabla comparativa de planes de precios
- 1.6 Testimonios tipo carousel
- 1.7 Call‑to‑action final
- 1.8 Footer con enlaces de navegación, redes sociales y formulario de suscripción
ABOUT US
- 2.1 Header reutilizado
- 2.2 Hero interno con título y texto descriptivo
- 2.3 Nuestra misión en tres bloques de texto + imágenes
- 2.4 Equipo con tarjetas de perfil
- 2.5 Footer reutilizado
FEATURES
- 3.1 Header reutilizado
- 3.2 Hero interno con título y descripción breve
- 3.3 Lista de funcionalidades en rejilla de tarjetas con íconos
- 3.4 Demo interactiva (placeholder)
- 3.5 Footer reutilizado
PRICING
- 4.1 Header reutilizado
- 4.2 Hero interno con llamado a la acción
- 4.3 Tabla de planes con comparativa de características
- 4.4 Preguntas frecuentes en acordeón
- 4.5 Footer reutilizado
BLOG
- 5.1 Header reutilizado
- 5.2 Lista de artículos en grid responsive
- 5.3 Sidebar con categorías y newsletter
- 5.4 Footer reutilizado
PROMPTS RELACIONADOS · SAAS / STARTUP
