NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un proyecto HTML único usando Tailwind CSS CDN y JavaScript vanilla (un solo archivo) que reproduzca el diseño visual y la estructura de la web descrita. Usa la marca ficticia **Nébula Aura**, dominio **nebulaaura.com**, claim "Diseños digitales listos para impulsar tu marca" y correo hola@nebulaaura.com. La página debe ser responsiva y seguir las siguientes especificaciones:
- **Paleta de colores**: fondo #0A0A0A, texto principal #FFFFFF, acento azul eléctrico #00AEEF, gris claro #CCCCCC, negro profundo #000000 para elementos de fondo secundarios.
- **Tipografía**: `Inter` para encabezados y párrafos, peso 400‑700, tamaños desde 1rem a 4rem. Cargar desde Google Fonts.
- **Header**: barra superior fija con logo (placeholder), menú hamburguesa que abre un panel lateral con numeración
4.790 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.790 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 Navegación principal con logo, menú hamburguesa y botón de carrito
- 1.2 Menú lateral expandible con índice de secciones numeradas
- 1.3 Hero de pantalla completa con títulos animados y texto introductorio
- 1.4 Bloque de presentación de producto destacado
- 1.5 Cuadrícula de tarjetas de productos
- 1.6 Sección de testimonios
- 1.7 Llamada a la acción final
- 1.8 Footer con enlaces y contactos
PRODUCTOS
- 2.1 Lista de categorías en barra lateral
- 2.2 Grid de productos con filtro y paginación
- 2.3 Modal de vista rápida del producto
- 2.4 Información detallada del producto con galería de imágenes
- 2.5 Botón de añadir al carrito y selector de cantidad
- 2.6 Sección de productos relacionados
CARRITO
- 3.1 Vista modal del carrito con resumen de artículos
- 3.2 Lista de ítems con opción de eliminar y modificar cantidad
- 3.3 Subtotal y botón de checkout
- 3.4 Mensaje de carrito vacío
CHECKOUT
- 4.1 Formulario de datos de facturación y envío
- 4.2 Resumen de pedido y método de pago
- 4.3 Botón de confirmar compra
CONTACTO
- 5.1 Formulario de contacto con campos nombre, email y mensaje
- 5.2 Información de contacto y mapa integrado
- 5.3 Enlaces a redes sociales
FAQ
- 6.1 Lista de preguntas frecuentes en acordeón
- 6.2 Enlace a soporte adicional
PROMPTS RELACIONADOS · ENTRETENIMIENTO
