NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia Saas Marea, una plataforma SaaS de automatización de procesos empresariales. Usa únicamente HTML, Tailwind CSS (CDN) y JavaScript vanilla en un único archivo. Aplica la siguiente paleta de colores: #0F172A (azul marino profundo), #1E293B (gris oscuro), #3B82F6 (azul primario), #F3F4F6 (gris muy claro), #FFFFFF (blanco). Tipografía: Inter (cargada desde Google Fonts) para títulos y body, peso 400‑600.
Estructura requerida (siguiendo el análisis de la web original):
HEADER: barra de navegación fija con logo a la izquierda, menú principal con enlaces Home, About, Features, Pricing, Integration, Blog, Contact y botones Sign In / Sign Up a la derecha. Menú tiene mega‑dropdowns para Home (tres variantes) y Pages (lista completa de secciones co
4.311 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.311 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 Encabezado con logo, menú principal y mega‑dropdowns
- 1.2 Hero con título, descripción breve y botón principal
- 1.3 Bloque de características principales con iconos y texto
- 1.4 Sección de integraciones destacadas en grid
- 1.5 Testimonios y métricas de confianza
- 1.6 Comparador de planes de precios
- 1.7 Llamada a la acción de registro
- 1.8 Pie de página con enlaces útiles y datos de contacto
ABOUT
- 1.1 Encabezado
- 1.2 Texto descriptivo de la empresa
- 1.3 Equipo o valores
- 1.4 CTA a contacto
- 1.5 Footer
FEATURES
- 1.1 Encabezado
- 1.2 Lista de funcionalidades con iconos
- 1.3 Vídeo o ilustración
- 1.4 CTA a prueba gratuita
- 1.5 Footer
PRICING
- 1.1 Encabezado
- 1.2 Tabla comparativa de planes
- 1.3 Preguntas frecuentes
- 1.4 CTA a registro
- 1.5 Footer
INTEGRATION
- 1.1 Encabezado
- 1.2 Grid de logotipos de integraciones compatibles
- 1.3 Detalle de una integración típica
- 1.4 CTA a documentación
- 1.5 Footer
BLOG
- 1.1 Encabezado
- 1.2 Lista de artículos con imágenes, título y excerpt
- 1.3 Sidebar con categorías y búsqueda
- 1.4 Footer
CONTACT
- 1.1 Encabezado
- 1.2 Formulario de contacto y mapa
- 1.3 Información de soporte
- 1.4 Footer
PROMPTS RELACIONADOS · SAAS / STARTUP
