NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web para la marca ficticia **Suite Cobalto** (SaaS de gestión de datos) usando **HTML estático**, **Tailwind CSS CDN** y **JavaScript vanilla** en un único archivo. Reproduce fielmente la siguiente estructura y estilo basados en el análisis:
**Paleta de colores**:
- Primario: #1E3A8A (azul oscuro)
- Secundario: #3B82F6 (azul brillante)
- Fondo: #F9FAFB (gris muy claro)
- Texto principal: #111827 (casi negro)
- Texto secundario: #6B7280 (gris medio)
- Énfasis/hover: #6366F1 (índigo)
**Tipografía**:
- Fuente principal: Inter, sans‑serif (cargar vía Google Fonts)
- Tamaños: h1 48 px, h2 36 px, cuerpo 16 px, botones 14 px, caption 12 px.
**Header**
- Logo a la izquierda (SVG placeholder).
- Menú de navegación con ítems: Home, Pricing, Resources (desplegable con Blog, Docs), P
4.662 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.662 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 Cabecera (logo, menú desplegable, enlaces de login/signup)
- 1.2 Hero (título destacado, subtítulo, botón principal)
- 1.3 Imagen hero lateral
- 1.4 Bloque de características (grid de 3‑4 columnas, iconos y texto)
- 1.5 Testimonios (carrusel horizontal)
- 1.6 Footer (links de producto, empresa, recursos y redes)
ABOUT
- 1.1 Cabecera común
- 1.2 Sección de historia con imagen y texto
- 1.3 Equipo (tarjetas con foto y bio)
- 1.4 Valores (iconos y descripción)
- 1.5 Footer
PRICING
- 1.1 Cabecera común
- 1.2 Tabla de planes (tres columnas, detalle de características)
- 1.3 Preguntas frecuentes (acordeón)
- 1.4 Footer
CONTACT
- 1.1 Cabecera común
- 1.2 Formulario de contacto (nombre, email, mensaje, botón)
- 1.3 Mapa incrustado
- 1.4 Footer
PROMPTS RELACIONADOS · SAAS / STARTUP
