NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático en un único archivo HTML que reproduzca el diseño visual de una plataforma SaaS de gestión de proyectos, usando la marca ficticia **Soft Cobalto**. Utiliza Tailwind CSS vía CDN y JavaScript vanilla (sin bundlers). Mantén la siguiente paleta de colores: primario #0D47A1, secundario #1976D2, acento #FFC107, fondo #F5F5F5, texto #212121. Tipografía: **Inter** para títulos y cuerpo, con pesos 400 y 600.
Estructura del sitio:
- **Header** fijo con logo (SVG placeholder), menú de navegación con dropdowns (Home, Precios, Blog, Contacto, Páginas) y botón de carrito (ícono + contador). El menú debe ser responsivo, colapsando en un toggle hamburguesa en móviles.
- **Hero** centrado, fondo degradado primario→secundario, título grande (Inter 600, 48px), subtítulo (Inter 400
3.897 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.897 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 Barra de navegación con logo, menús desplegables y acceso a carrito
- 1.2 Hero con título, subtítulo y botones CTA
- 1.3 Cuatro columnas de beneficios con íconos
- 1.4 Sección de video explicativo con imagen de fondo
- 1.5 Tarjetas de planes de precios
- 1.6 Testimonios de clientes en slider
- 1.7 Blog destacado con tres artículos
- 1.8 Formulario de suscripción al boletín
- 1.9 Footer con enlaces, redes y copyright
ABOUT
- 2.1 Header interno con título de la página
- 2.2 Texto descriptivo de la empresa y su misión
- 2.3 Equipo con fotos y breves biografías
- 2.4 Valores organizacionales en iconos
- 2.5 CTA a prueba gratuita
- 2.6 Footer
PRICING
- 3.1 Header con título y breve explicación
- 3.2 Tres tarjetas de precios con características
- 3.3 Comparativa de planes en tabla
- 3.4 Preguntas frecuentes en acordeón
- 3.5 CTA de registro
- 3.6 Footer
BLOG
- 4.1 Lista de entradas con imagen, título y extracto
- 4.2 Sidebar con categorías y newsletter
- 4.3 Paginación
- 4.4 Footer
CONTACT
- 5.1 Formulario de contacto con campos nombre, email, mensaje
- 5.2 Mapa incrustado
- 5.3 Información de contacto y horarios
- 5.4 Footer
PROMPTS RELACIONADOS · TECNOLOGÍA
Otros prompts de la misma categoría
PROMPTTecnología
Lumenova Labs
★★★★★ 885 descargas
GRATIS0€
PROMPTTecnología
LumenSpark
★★★★★ 2.148 descargas
GRATIS0€
PROMPTTecnología
Lumenova Apps
★★★★★ 2.277 descargas
GRATIS0€
google/gemini-2.5-flash-image
PROMPTTecnología
Lectorio
★★★★★ 3.191 descargas
GRATIS0€
google/gemini-2.5-flash-image