NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Diseña una página web completa para la marca ficticia Suite Ónix, una plataforma SaaS de gestión de proyectos. Utiliza solo HTML, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. Reproduce fielmente la estructura y estilo del sitio analizado:
- **Paleta de colores**: #0D0D0D (fondo principal), #FFFFFF (texto), #1E40AF (accent azul), #F3F4F6 (gris claro de secciones), #E5E7EB (bordes).
- **Tipografía**: Inter (sans‑serif) para cuerpo y headings, peso 400‑700.
- **Header**: barra fija con logo a la izquierda, menú central con enlaces Home, Pages (dropdown con Main Pages, Inner Pages, Utility pages), About, Features, Pricing; a la derecha botón de carrito con icono y contador. Responsive: colapsa a hamburguesa en móvil.
- **Hero**: contenedor centrado, título grande, subtít
3.533 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.533 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 fija con logo, menú principal, dropdown de páginas y botón de carrito
- 1.2 Hero principal con título, subtítulo, botón principal y visual complementario
- 1.3 Sección de características destacadas en tarjetas con iconos
- 1.4 Área de integración de productos / galería de screenshots
- 1.5 Testimonios en carrusel simple
- 1.6 Llamada a la acción de suscripción
- 1.7 Footer con enlaces de navegación, redes y datos de contacto
ABOUT
- 2.1 Encabezado interno con breadcrumb
- 2.2 Historia de la empresa en dos columnas
- 2.3 Valores y misión en bloques con iconos
- 2.4 Equipo con tarjetas y fotos
- 2.5 CTA de contacto
FEATURES
- 3.1 Lista de funcionalidades en grid de tarjetas
- 3.2 Detalle de cada función con ilustración
- 3.3 Comparativa de planes
- 3.4 CTA de prueba gratuita
PRICING
- 4.1 Tabla comparativa de precios
- 4.2 Beneficios por plan en listado
- 4.3 Preguntas frecuentes en acordeón
- 4.4 CTA de compra
BLOG
- 5.1 Lista de artículos en tarjetas con imagen y extracto
- 5.2 Sidebar con categorías y búsqueda
- 5.3 Paginación
- 5.4 Footer común
CONTACT
- 6.1 Formulario de contacto en dos columnas
- 6.2 Información de localización y redes
- 6.3 Mapa embebido
- 6.4 Footer común
PROMPTS RELACIONADOS · SAAS / STARTUP
