NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia "Stack Cobalto" (dominio stackcobalto.com) siguiendo los patrones de UI del HTML proporcionado. Utiliza exclusivamente HTML estático, Tailwind CSS vía CDN y JavaScript vanilla en un solo archivo.
**Paleta de colores**:
- Primario: #3B82F6 (azul vibrante)
- Secundario: #10B981 (verde lima)
- Texto principal: #111827 (gris casi negro)
- Texto secundario: #6B7280 (gris medio)
- Fondo: #F9FAFB (gris muy claro)
- Accent: #F59E0B (ámbar)
**Tipografía**:
- Fuente principal: Inter (Google Fonts)
- Fuente secundaria: Roboto Mono para códigos o destacados
**Estructura**:
1. **Header** (sticky, shadow) con logo a la izquierda, menú centrado (Home, About, Pricing, Blog, Contact), botón primario "Get started" a la derecha y carrito modal c
4.718 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.718 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, botón "Get started" y carrito modal
- 2.1 Hero: título grande, descripción, botones primary y secondary, imagen decorativa
- 3.1 Sección de características: grid 3 columnas, icono + título + texto
- 4.1 Integraciones: logos de partners en fila horizontal
- 5.1 Precios: tarjetas de plan (Basic, Pro, Enterprise) con lista de features
- 6.1 Testimonios: carrusel de citas con foto, nombre y cargo
- 7.1 CTA final: fondo contrastante, mensaje breve y botón
- 8.1 Footer: columnas de enlaces, redes sociales, formulario suscripción
ABOUT
- 1.1 Header idéntico al Home
- 2.1 Hero interno con título y párrafo descriptivo
- 3.1 Misión y visión en bloques de texto con iconos
- 4.1 Equipo: tarjetas con foto, nombre y rol
- 5.1 CTA y footer comunes
PRICING
- 1.1 Header
- 2.1 Tabla de precios comparativa con tres columnas
- 3.1 FAQ acordeón
- 4.1 CTA y footer
BLOG
- 1.1 Header
- 2.1 Lista de artículos en grid 2 columnas con imagen, título, excerpt y botón leer más
- 3.1 Paginación
- 4.1 Footer
CONTACT
- 1.1 Header
- 2.1 Formulario de contacto (nombre, email, mensaje, botón enviar)
- 3.1 Información de contacto y mapa embed
- 4.1 Footer
PROMPTS RELACIONADOS · SAAS / STARTUP
