NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia **NexoCRM** (software SaaS de gestión de clientes). Usa únicamente **HTML estático**, **Tailwind CSS vía CDN** y **JavaScript vanilla** en un único archivo. Reproduce fielmente la estructura y el estilo visual del sitio analizado, sin copiar textos ni imágenes originales.
**Alcance**
- Header fijo con logo (texto "NexoCRM" en tipografía principal), menú de navegación (Home, About, Features, Pricing, Blog, Contact) y botón primario "Comenzar". Menú móvil colapsable con icono hamburger y cierre.
- Hero section: fondo blanco, subtítulo pequeño "Nuevo", título grande "Tu CRM esencial para el crecimiento del negocio" con la palabra "CRM" en color de resaltado, párrafo descriptivo y botón CTA "Prueba gratis". A la derecha, una imagen mockup de d
4.467 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.467 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, menú y botón CTA.
- 2.1 Hero con subtítulo, título resaltado, texto y botón CTA.
- 3.1 Imagen de dashboard animada.
- 4.1 Bloque de confianza con logotipos de clientes.
- 5.1 Sección de características: subtítulo, título, 3 columnas de cards con iconos y miniaturas.
- 6.1 Footer con enlaces institucionales y contactos.
ABOUT
- 1.1 Cabecera (reutilizada).
- 2.1 Hero interno con título y párrafo.
- 3.1 Historia de la empresa en dos columnas.
- 4.1 Equipo con tarjetas de perfil.
- 5.1 Footer.
FEATURES
- 1.1 Cabecera.
- 2.1 Lista de funcionalidades en grid de 4 columnas.
- 3.1 Demo interactiva (placeholder).
- 4.1 Footer.
PRICING
- 1.1 Cabecera.
- 2.1 Tabla de planes con tarjetas comparativas.
- 3.1 FAQ accordion.
- 4.1 Footer.
BLOG
- 1.1 Cabecera.
- 2.1 Grid de artículos con imágenes y extractos.
- 3.1 Sidebar con categorías y newsletter.
- 4.1 Footer.
CONTACT
- 1.1 Cabecera.
- 2.1 Formulario de contacto con campos básicos.
- 3.1 Mapa incrustado.
- 4.1 Footer.
Image generated with OpenRouter · Nano Banana (Gemini 2.5 Flash Image) · google/gemini-2.5-flash-image · 12/06/2026
PROMPTS RELACIONADOS · EDUCATION
