NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia **NexoTask** (software SaaS de gestión de tareas). Utiliza exclusivamente HTML estático, Tailwind CSS vía CDN y JavaScript vanilla en un solo archivo. Reproduce fielmente la estructura visual del sitio analizado, pero con contenido original en español de España.
**Alcance**
- Header fijo con fondo primario (#0F4C75), logo textual "NexoTask" (fuente Inter, peso 700), menú principal: Home, About, Service, Pages (mega‑menu), Blog, Contact. El mega‑menu debe desplegar tres columnas de enlaces con iconos SVG simples y una llamada a la acción interna (botón con borde). En móvil, colapsar a hamburger que revela el mismo árbol.
- Hero: fondo degradado de #0F4C75 a #1B262C, título grande (Inter, 4xl, blanco) que diga "Simplifica tu flujo de trabajo
4.621 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.621 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 superior con logo y mega‑menú desplegable
- 1.2 Hero con titular, subtítulo y botón principal
- 1.3 Bloque de características en tres columnas con iconos
- 1.4 Contador de métricas clave sobre fondo contrastado
- 1.5 Bloque de integración con ilustración y botón
- 1.6 Testimonios rotativos en tarjeta
- 1.7 Llamada a la acción final con formulario breve
- 1.8 Footer con enlaces de navegación, redes sociales y datos de contacto
ABOUT
- 2.1 Cabecera interna con título de página
- 2.2 Historia y misión en dos columnas con imagen
- 2.3 Equipo en tarjetas con foto y descripción
- 2.4 Valores en iconos circulares
- 2.5 CTA para solicitar demo
- 2.6 Footer reutilizado
SERVICE
- 3.1 Cabecera interna con título
- 3.2 Lista de servicios en tarjetas con icono y descripción
- 3.3 Proceso paso a paso en línea temporal
- 3.4 Beneficios en bloques resaltados
- 3.5 CTA de prueba gratuita
- 3.6 Footer reutilizado
BLOG
- 4.1 Cabecera de blog con barra de búsqueda
- 4.2 Grid de artículos recientes en tarjetas
- 4.3 Sidebar con categorías y posts populares
- 4.4 Paginación simple
- 4.5 Footer reutilizado
CONTACT
- 5.1 Cabecera de contacto con mapa integrado
- 5.2 Formulario de contacto con campos básicos
- 5.3 Información de soporte y horario
- 5.4 Footer reutilizado
PROMPTS RELACIONADOS · SAAS / STARTUP
