NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia **Spa Valle** (spavalle.com), una organización sin ánimo de lucro que impulsa proyectos sociales internacionales. Utiliza **HTML5**, **Tailwind CSS CDN** y **JavaScript vanilla** en un único archivo. Incluye la siguiente paleta de colores y tipografía:
- **Colores**: #0A2239 (azul marino), #1E3A5F (azul medio), #F9C74F (amarillo cálido), #F1FAEE (verde pálido), #FFFFFF (blanco), #000000 (negro).
- **Tipografía**: `Montserrat` (títulos) y `Open Sans` (cuerpo), cargados desde Google Fonts.
**Estructura y bloques**:
1. **Header** (fixed, sombra ligera): logo a la izquierda, menú de navegación horizontal (Programas, Proyectos, Sobre nosotros, Blog, Participar) y dos botones a la derecha – "Llamar" (teléfono ficticio) y "Donar" (color amarillo)
3.651 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.651 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 Encabezado con logo, menú y botones de acción
- 1.2 Hero con título, subtítulo y botón CTA
- 1.3 Slider de testimonios y proyectos (grid de tarjetas con imagen de fondo, overlay y texto)
- 1.4 Pie de página con enlaces, redes y contacto
OUR PROGRAMS
- 1.1 Encabezado interno
- 1.2 Lista de programas con tarjetas descriptivas
- 1.3 Llamado a la acción para participar
OUR PROJECTS
- 1.1 Encabezado interno
- 1.2 Galería de proyectos tipo cuadrícula
- 1.3 Botón para ver más proyectos
ABOUT US
- 1.1 Encabezado interno
- 1.2 Texto institucional y misión
- 1.3 Equipo con fotos y breves bios
OUR BLOG
- 1.1 Encabezado interno
- 1.2 Lista de artículos con imagen, título y extracto
- 1.3 Paginación
GET INVOLVED
- 1.1 Encabezado interno
- 1.2 Formulario de voluntariado y llamado a la acción
- 1.3 Información de eventos y campañas
DONATE
- 1.1 Encabezado interno
- 1.2 Opciones de donación y formulario
- 1.3 Testimonios de donantes
PROMPTS RELACIONADOS · BELLEZA / SPA
