NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia **Luna Verde** (cosmética natural) usando **HTML**, **Tailwind CSS CDN** y **JavaScript vanilla** en un único archivo. Reproduce fielmente el diseño analizado:
- **Paleta de colores**: verde principal #2F8F4E, verde claro #A8D08E, blanco #FFFFFF, negro texto #111111, gris neutro #F5F5F5.
- **Tipografía**: fuente Google *Inter* (sans‑serif) para títulos y párrafos.
- **Header**: barra de navegación fija, logo a la izquierda, menú principal con enlaces Home, About, Contact y un dropdown "All pages" con columnas (Company, Resources). Botón destacado "Schedule consultation" (estilo blanco con borde verde) y carrito de compras con ícono de bolsa y contador.
- **Hero**: sección a pantalla completa con fondo verde (#2F8F4E), título grande centr
4.153 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.153 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 con logo, menú principal, dropdown "All pages", enlaces a Home, About, Contact, botón de consulta y carrito.
- 2.1 Hero sección verde con título principal y botón CTA.
- 3.1 Bloque de ventajas (3 columnas) con icono + título + descripción.
- 4.1 Galería de productos (grid 3‑cols) tarjetas con imagen, nombre, precio y botón.
- 5.1 Testimonios (carousel simple) con foto, nombre y reseña.
- 6.1 Footer con columnas de enlaces, datos de empresa y redes.
ABOUT US
- 1.1 Cabecera reutilizada.
- 2.1 Banner interno con título "Sobre nosotros".
- 3.1 Texto descriptivo e imagen ilustrativa.
- 4.1 Equipo en tarjetas.
- 5.1 Footer reutilizado.
PRODUCTS
- 1.1 Cabecera reutilizada.
- 2.1 Lista de categorías.
- 3.1 Grid de productos con filtros.
- 4.1 Paginación.
- 5.1 Footer reutilizado.
CONTACT
- 1.1 Cabecera reutilizada.
- 2.1 Formulario de contacto con campos nombre, email, mensaje.
- 3.1 Mapa incrustado.
- 4.1 Footer reutilizado.
PROMPTS RELACIONADOS · BELLEZA / SPA
