NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia **NexiaPulse** (CRM SaaS) usando **HTML estático**, **Tailwind CSS vía CDN** y **JavaScript vanilla** en un solo archivo. Emplea la siguiente paleta de colores: #0F172A (azul marino profundo), #1E293B (gris azul oscuro), #3B82F6 (azul primario), #10B981 (verde esmeralda), #F3F4F6 (gris muy claro) y blanco #FFFFFF. Usa tipografía **Inter** para texto y **Poppins** para encabezados, cargadas desde Google Fonts.
### Estructura y componentes
1. **Header** fijo con logo (texto NexiaPulse) a la izquierda, menú de navegación horizontal (Home, About, Features, Pricing, Blog, Contact) y botón primario “Empezar prueba”. Menú colapsable en móvil con icono burger.
2. **Hero Section**: fondo blanco, columna izquierda con subtítulo "Nuevo" y "Tu CRM ami
4.902 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.902 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 con logo, navegación y botón CTA
- 1.2 Hero con subtítulo, título con hilight, párrafo descriptivo y botón CTA
- 1.3 Mockup del dashboard en la zona visual del hero
- 1.4 Carrusel de logos de marcas confiables y formas decorativas
- 1.5 Sección de características en grid 3x, cada feature con icono, título, texto y tarjetas ilustrativas
- 1.6 Sección de precios (tarjetas comparativas)
- 1.7 Bloque de blogs recientes (cards con imagen, título y extracto)
- 1.8 Formulario de contacto simple y footer con navegación secundaria y datos de contacto
ABOUT
- 1.1 Cabecera compartida
- 1.2 Imagen hero interior y texto de misión/visión
- 1.3 Equipo (grid de perfiles)
- 1.4 Valores de la empresa
- 1.5 CTA a demo
FEATURES
- 1.1 Cabecera compartida
- 1.2 Lista extendida de funcionalidades (grid 3 columnas)
- 1.3 Demo video embed
- 1.4 CTA a prueba gratuita
PRICING
- 1.1 Cabecera compartida
- 1.2 Tabla de precios con 3 planes (Básico, Pro, Enterprise)
- 1.3 Comparativa de características
- 1.4 FAQ corta
BLOG
- 1.1 Cabecera compartida
- 1.2 Lista de artículos (grid 2 columnas)
- 1.3 Sidebar con categorías y newsletter
CONTACT
- 1.1 Cabecera compartida
- 1.2 Formulario de contacto (nombre, email, mensaje)
- 1.3 Mapa incrustado
- 1.4 Información de empresa y redes sociales
PROMPTS RELACIONADOS · SAAS / STARTUP
