NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático usando HTML+Tailwind CDN y JavaScript vanilla en un solo archivo que reproduzca el diseño de la marca ficticia AuraBelle (cosmética).
## Alcance
- Página HOME con las secciones describidas en "secciones".
- Página genérica de "inner pages" que muestra una cuadrícula de tarjetas de demos.
- Footer reutilizable en todas las páginas.
- Interactividad: menú hamburguesa colapsable en móvil, carrusel automático en el hero, overlay de imágenes en demos y ticker de texto continuo en la sección de demo home.
## Paleta de colores
- Fondo principal: #FFFFFF
- Texto principal: #1A1A1A
- Azul principal: #3B82F6
- Azul claro: #BFDBFE
- Gris suave: #F3F4F6
- Hover/Accent: #2563EB
## Tipografía
- Fuente principal: "Inter", sans-serif (cargar vía Google Fonts).
- Uso de tamaño
4.172 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.172 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 Navbar con logo y menú colapsable, botón de compra
- 2.1 Hero con título, botones principales y carrusel de imágenes
- 3.1 Sección "What’s included?" con tarjetas de características e imagen descriptiva
- 4.1 Demo de home creativo con overlay y ticker de palabras
- 5.1 Galería de páginas internas (blogs, tratamientos, etc.)
- 6.1 Footer simple con enlaces de contacto y redes sociales
INNER PAGES
- 1.1 Lista de tarjetas de demos de páginas internas con miniaturas y etiquetas
- 2.1 Footer repetido
DEMO PAGES
- 1.1 Vista previa de página demo con imagen grande y overlay
- 2.1 Footer repetido
PROMPTS RELACIONADOS · BELLEZA / SPA
