NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia BrillaMenta (brillamenta.com), sector cuidado personal, claim "Diseño inteligente para sonrisas saludables". Utiliza HTML estático con Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. Paleta de colores: #0A2F35 (verde profundo), #28A745 (verde brillante), #F5F5F5 (gris claro), #FFFFFF (blanco), #333333 (texto oscuro). Tipografía: 'Inter' para títulos y cuerpo, importada desde Google Fonts.
Estructura:
- <header class="fixed top-0 inset-x-0 bg-white shadow-md flex items-center justify-between px-6 py-3">
- Logo SVG placeholder a la izquierda.
- Navegación horizontal con enlaces Home, Productos, Contacto. En móvil colapsa en botón de menú tipo hamburger que abre overlay de navegación.
- Icono de carrito con contador.
- <s
4.191 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.191 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ú principal y botón de carrito
- 1.2 Hero grande con título, subtítulo y botón CTA
- 1.3 Bloque de presentación con texto y foto decorativa
- 1.4 Galería de productos destacados en tarjetas horizontales
- 1.5 Sección de beneficios con iconos y texto breve
- 1.6 Testimonios en carrusel simple
- 1.7 Footer con navegación secundaria, contactos y redes sociales
PRODUCTS
- 1.1 Cabecera idéntica a la Home
- 1.2 Lista de productos en rejilla con imagen, nombre y badge "Nuevo" o "Más vendido"
- 1.3 Filtro por categoría lateral
- 1.4 Footer común
CONTACT
- 1.1 Cabecera idéntica
- 1.2 Formulario de contacto con campos nombre, email, mensaje y botón enviar
- 1.3 Mapa estático de ubicación
- 1.4 Footer común
PROMPTS RELACIONADOS · EDUCACIÓN
