NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático en un único archivo HTML que reproduzca el diseño visual y la estructura de la plantilla analizada, pero bajo la marca ficticia "Salon Sierra". Usa HTML5, Tailwind CSS vía CDN y JavaScript vanilla (sin dependencias externas) para animaciones y efectos.
**Paleta de colores**:
- Primario: #1A3B5D (azul oscuro)
- Secundario: #2F7AA6 (azul medio)
- Accento: #E63946 (rojo coral)
- Fondo claro: #F8FAFC (gris muy claro)
- Texto: #1F2937 (gris casi negro)
**Tipografía**: Inter, sans‑serif (carga desde Google Fonts), tamaños base 16px, encabezados escalados con clases `text-4xl`, `text-2xl` etc.
**Header**: barra fija con logo (texto "Salon Sierra" en Inter bold, color primario) y menú de navegación horizontal. Cada enlace muestra un número entre paréntesis (01, 02…) y
4.626 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.626 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 y menú numerado
- 2.1 Hero con título, subtítulo, video lightbox, imagen central y botón de donación
- 3.1 Bloque Nuestra historia con título, texto y dos columnas de imágenes y texto
- 4.1 Área de métricas con números animados
- 5.1 Galería de imágenes
- 6.1 Próximos eventos en tarjetas
- 7.1 Formulario de contacto y mapa
- 8.1 Pie de página
SOBRE NOSOTROS
- 1.1 Cabecera
- 2.1 Sección de misión y visión con texto y foto
- 3.1 Equipo en tarjetas
- 4.1 Pie de página
EVENTOS
- 1.1 Cabecera
- 2.1 Listado de eventos con filtros y tarjetas
- 3.1 Calendario
- 4.1 Pie de página
VOLUNTARIOS
- 1.1 Cabecera
- 2.1 Programa de voluntariado con formularios y testimonios
- 3.1 Pie de página
DONAR
- 1.1 Cabecera
- 2.1 Formulario de donación con opciones de cantidad y método de pago
- 3.1 Testimonios de donantes
- 4.1 Pie de página
GALERÍA
- 1.1 Cabecera
- 2.1 Grid de imágenes con lightbox
- 3.1 Pie de página
BLOG
- 1.1 Cabecera
- 2.1 Listado de artículos en tarjetas
- 3.1 Sidebar con categorías y newsletter
- 4.1 Pie de página
CONTACTO
- 1.1 Cabecera
- 2.1 Formulario de contacto con mapa integrado
- 3.1 Información de contacto y redes sociales
- 4.1 Pie de página
PROMPTS RELACIONADOS · BELLEZA / SPA
