NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Diseña una página web completa para la marca ficticia **Educa Ónix** (educaonix.com), sector belleza y bienestar, estilo moderno y elegante. Utiliza exclusivamente **HTML5**, **Tailwind CSS CDN** y **JavaScript vanilla** en un único archivo. La paleta de colores: #0D0D0D (fondo principal), #FFFFFF (texto), #E0A4A4 (acento rosado), #F5F5F5 (fondos de secciones), #A1A1A1 (texto secundario). Tipografía: headings con **Playfair Display**, cuerpo con **Inter**, ambas importadas desde Google Fonts.
**Estructura general**
- `<header>` fijo, con logo a la izquierda, menú hamburguesa responsive (links: HOME, ABOUT, SERVICES, BLOG, CONTACT), y botón de carrito con icono de bolsa y contador. Utiliza `flex`, `items-center`, `justify-between` y `bg-white` con sombra (`shadow-md`).
- `<nav>` colapsable
5.000 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
5.000 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 Cabecera fija con logo, menú y carrito
- 1.2 Hero principal con título, subtítulo y CTA
- 1.3 Cuadrícula de colecciones (4 columnas)
- 1.4 Bloque de beneficios (icono + texto)
- 1.5 Galería de productos destacados
- 1.6 Carrusel de testimonios
- 1.7 Últimas entradas del blog
- 1.8 Footer con enlaces, suscripción y redes
ABOUT
- 1.1 Cabecera compartida
- 1.2 Hero interno con título "Sobre nosotros"
- 1.3 Texto descriptivo con imagen al lado
- 1.4 Valores de la marca en tarjetas
- 1.5 Equipo con fotos circulares
- 1.6 CTA a contacto
- 1.7 Footer compartido
SERVICES
- 1.1 Cabecera compartida
- 1.2 Hero interno "Servicios"
- 1.3 Lista de servicios en tarjetas con icono y breve descripción
- 1.4 Sección de precios simplificada
- 1.5 Preguntas frecuentes en acordeón
- 1.6 CTA a reserva
- 1.7 Footer compartido
PRODUCT
- 1.1 Cabecera
- 1.2 Imagen del producto grande con galería secundaria
- 1.3 Información del producto: título, precio, selector de variante, botón "Añadir al carrito"
- 1.4 Descripción detallada con tabs (Descripción, Ingredientes, Reseñas)
- 1.5 Productos relacionados en cuadrícula
- 1.6 Footer
CART
- 1.1 Cabecera
- 1.2 Lista de ítems del carrito con imagen, nombre, opciones y cantidad editable
- 1.3 Resumen de precios (subtotal, impuestos, total)
- 1.4 Botón "Continuar al checkout"
- 1.5 Footer
PROMPTS RELACIONADOS · EDUCACIÓN
