NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia NebulaMetrics, una plataforma SaaS de análisis de datos con IA. Usa únicamente HTML estático en un solo archivo, Tailwind CSS vía CDN y JavaScript vanilla para interacciones simples (menú desplegable, animaciones de aparición). Sigue fielmente la arquitectura visual del sitio analizado:
- Barra de notificación superior con botón que abre enlace externo en nueva pestaña.
- Header con logo (SVG placeholder), menú principal con enlaces Home, About, Pricing, Features (megamenú con tarjetas de icono, título y descripción), Blog, Contact, y botones de CTA "Contact Us". Implementa megamenú en desktop (grid de 4 cards) y dropdown en mobile. Incluye botón hamburguesa que controla la visibilidad del menú móvil.
- Hero centrado: etiqueta pequeña con
3.794 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.794 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 notificación con botón externo
- 1.2 Header: logo, menú principal, megamenú de "Features", enlaces a About, Pricing, Blog, Contact, botones de CTA
- 1.3 Hero: etiqueta "Enterprise Ready AI", título con texto degradado, párrafo intro, botones "Try Free" y "Talk to Founder"
- 1.4 (placeholder) Sección de características destacadas (grid de cards con icono, título y descripción)
- 1.5 Footer: enlaces de empresa, recursos, políticas y redes sociales
ABOUT
- 1.1 Banner interno con título y subtítulo
- 1.2 Texto descriptivo de la empresa y misión
- 1.3 Equipo (cards con foto y bio)
- 1.4 CTA para contactar
PRICING
- 1.1 Tabla comparativa de planes
- 1.2 Lista de beneficios por plan
- 1.3 Botón de selección de plan
- 1.4 Preguntas frecuentes
FEATURES
- 1.1 Grid de tarjetas de funcionalidades (Data Science, Marketing Solutions, RevOps, Product)
- 1.2 Cada tarjeta con icono, título y breve descripción
- 1.3 Imagen ilustrativa a la derecha del grid
BLOG
- 1.1 Lista de artículos en formato tarjeta
- 1.2 Sidebar con categorías y últimos posts
- 1.3 Paginación al fondo
CONTACT
- 1.1 Formulario de contacto (nombre, email, mensaje)
- 1.2 Información de contacto y mapa embed
- 1.3 CTA adicional
LEGAL
- 1.1 Política de privacidad
- 1.2 Términos y condiciones
PROMPTS RELACIONADOS · SAAS / STARTUP
