NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia **Data Ónix** (dataonix.com) usando **HTML estático**, **Tailwind CSS vía CDN** y **JavaScript vanilla** en un único archivo. El objetivo es replicar el diseño analizado del template original, manteniendo los mismos patrones visuales pero con contenido propio.
**Paleta de colores** (usada en todo el sitio):
- Primary: #1E3A8A (azul oscuro)
- Secondary: #3B82F6 (azul brillante)
- Accent: #F59E0B (ámbar)
- Light: #F9FAFB (gris muy claro)
- Dark: #111827 (casi negro)
**Tipografía**: Inter (Google Fonts) para títulos y cuerpo, tamaños escala típicos de Tailwind (text-2xl, text-lg, etc.).
**Header**: barra fija con fondo blanco, logo SVG (Data Ónix), menú centrado (Home, About, Features, Pricing, Blog, Contact) y botón de carrito (icono de ca
4.870 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.870 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 con logo, menú principal y carrito modal
- 1.2 Hero con título, descripción y llamada a la acción
- 1.3 Sección de funcionalidades con iconos y texto
- 1.4 Testimonios en carrusel
- 1.5 Planes de precios en tarjetas
- 1.6 Blog destacado con tarjetas de artículos
- 1.7 Llamada a la acción final y formulario de suscripción
- 1.8 Footer con enlaces, redes sociales y datos de contacto
ABOUT
- 2.1 Hero interior con título y subtítulo
- 2.2 Texto descriptivo con imagen al lado
- 2.3 Valores de la empresa en bloques de icono + texto
- 2.4 Equipo en tarjetas con foto y rol
- 2.5 Footer
FEATURES
- 3.1 Hero interior con título y subtítulo
- 3.2 Lista de características en cuadrícula con iconos
- 3.3 Demo video embed
- 3.4 FAQ accordion
- 3.5 Footer
PRICING
- 4.1 Hero interior con título y subtítulo
- 4.2 Tabla comparativa de planes con botones de selección
- 4.3 Preguntas frecuentes
- 4.4 Footer
BLOG
- 5.1 Hero interior con título
- 5.2 Lista de artículos en tarjetas con imagen, título y extracto
- 5.3 Sidebar con categorías y newsletters
- 5.4 Footer
CONTACT
- 6.1 Hero interior con título y formulario de contacto
- 6.2 Información de empresa y mapa embed
- 6.3 Footer
PROMPTS RELACIONADOS · SAAS / STARTUP
