NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia **Cogniflow** (cogniflow.com), una SaaS de IA para desarrolladores, usando **HTML**, **Tailwind CSS CDN** y **JavaScript vanilla** en un único archivo. Reproduce fielmente la estructura y el estilo del sitio de referencia sin copiar textos ni imágenes.
**Paleta de colores** (hex):
- Primario: #ED7472 (rosa coral)
- Secundario: #2C3E50 (azul gris oscuro)
- Accent: #4A90E2 (azul brillante)
- Fondo claro: #F9FAFB
- Texto oscuro: #1F2937
**Tipografía**:
- Fuente principal: "Inter", sans-serif (cargar vía Google Fonts).
- Fuente secundaria para títulos: "Poppins", sans-serif.
**Header**: barra superior con anuncio (texto de ejemplo y botón "Leer más"), logo SVG estilizado, menú de navegación horizontal con dropdowns (Home, Products, Resou
4.318 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.318 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 Banner superior con anuncio y botón de cierre
- 1.2 Header con logo y menú principal
- 1.3 Hero principal con título, subtítulo, formulario y CTA
- 1.4 Características en tres columnas con iconos
- 1.5 Vídeo explicativo con descripción
- 1.6 Testimonios en carrusel
- 1.7 Tabla de planes comparativa
- 1.8 CTA de newsletter
- 1.9 Footer con enlaces, redes y suscripción
PRODUCTOS
- 2.1 Header reutilizado
- 2.2 Hero de producto con encabezado, descripción y CTA
- 2.3 Lista de funcionalidades con iconos y texto
- 2.4 Demo interactiva o captura de pantalla
- 2.5 Casos de uso y testimonios
- 2.6 CTA de prueba gratuita
- 2.7 Footer reutilizado
RECURSOS
- 3.1 Header
- 3.2 Hero de recursos con buscador
- 3.3 Grid de artículos/blog con tarjetas
- 3.4 Categorías en tabs
- 3.5 CTA a newsletter
- 3.6 Footer
BLOG
- 4.1 Header
- 4.2 Lista de entradas en formato listado con imágenes
- 4.3 Barra lateral con categorías y posts recientes
- 4.4 Paginación
- 4.5 Footer
CONTACTO
- 5.1 Header
- 5.2 Formulario de contacto con campos nombre, email, mensaje
- 5.3 Mapa incrustado
- 5.4 Información de empresa y redes
- 5.5 Footer
PROMPTS RELACIONADOS · SAAS / STARTUP
