NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia Cogniva Labs, SaaS de IA, usando solo HTML, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. Mantén la paleta de colores basada en tonos azul profundo (#1E3A8A), gris claro (#F3F4F6), naranja vibrante (#F59E0B) y blanco puro (#FFFFFF). Tipografía: Inter (sans‑serif) para títulos y texto, peso 400‑600.
---
**Estructura global**
- `<header>` fijado, con logo a la izquierda, menú principal centrado (links: Overview, Feature, About, Blog, Contact) y dropdown multicolumna igual al original, y bloque de iconos sociales a la derecha.
- `<main>` contiene secciones enumeradas en el resumen, cada una con clase `section` y margen vertical.
- `<footer>` con tres columnas: navegación rápida, enlaces sociales y datos de empresa (email, di
4.382 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.382 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 fijo con logo, menú principal y enlaces sociales
- 1.2 Hero principal con titular, subtítulo y botón de acción
- 1.3 Grid de características (icono, título, descripción breve)
- 1.4 Bloque de métricas numéricas destacadas
- 1.5 Testimonios en carrusel sencillo
- 1.6 Llamado a la acción secundario con formulario de captura de email
- 1.7 Footer con enlaces de navegación, redes sociales y datos de contacto
FEATURES
- 1.1 Encabezado con breadcrumb
- 1.2 Lista detallada de funcionalidades en tarjetas con iconos
- 1.3 Sección de casos de uso con ilustraciones
- 1.4 CTA de prueba gratuita
- 1.5 Footer reutilizado
ABOUT
- 1.1 Encabezado con foto de equipo
- 1.2 Texto de misión y visión
- 1.3 Estadísticas de impacto
- 1.4 Equipo en tarjetas con foto y rol
- 1.5 Footer reutilizado
BLOG
- 1.1 Lista de artículos en tarjetas tipo card‑grid
- 1.2 Barra lateral con categorías y suscripción
- 1.3 Footer reutilizado
CONTACT
- 1.1 Formulario de contacto simple
- 1.2 Mapa incrustado (opcional)
- 1.3 Información de contacto y redes
- 1.4 Footer reutilizado
PROMPTS RELACIONADOS · SAAS / STARTUP
