NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia **Fuerza Vega** (salud mental), siguiendo el patrón visual y estructural del HTML analizado. Utiliza **HTML estático**, **TailwindCSS vía CDN** y **JavaScript vanilla** en un único archivo.
- **Paleta de colores**: #1A374D (azul profundo), #2F5D8A (azul medio), #5A94C4 (azul claro), #F5F7FA (gris muy claro), #FFFFFF (blanco).
- **Tipografía**: `Inter` para textos y `Playfair Display` para títulos, ambas importadas de Google Fonts.
- **Header**: barra fija con logo (texto Fuerza Vega en Inter bold, color #1A374D), menú de navegación horizontal (Inicio, Sobre nosotros, Servicios, Terapeutas, Cursos, Blog, Contacto) y botón de llamada a acción "Contáctanos" (estilo secundario, fondo #5A94C4, texto blanco). Menú responsive con icono hamburge
4.374 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.374 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ú y botón primario
- 1.2 Hero con título triple, botón secundario y vídeo lightbox
- 1.3 Área de rating Trustpilot y texto de confianza
- 1.4 Bloque de indicadores (doctores, ciudades, cursos)
- 1.5 Scroll indicator
- 1.6 Imagen de fondo hero
ABOUT
- 2.1 Título compuesto con emojis
- 2.2 Párrafo de introducción
- 2.3 Imagen ilustrativa
- 2.4 Cuatro cards de valores con iconos y títulos
SERVICES (services)
- 3.1 Lista de servicios en formato card con icono y descripción
- 3.2 Imagen de apoyo a la derecha
THERAPISTS (therapist)
- 4.1 Grid de perfiles de terapeutas con foto, nombre, especialidad y botón de reserva
COURSES (courses)
- 5.1 Grid de cursos online con tarjeta, imagen, título y botón "Más info"
BLOG (blog)
- 6.1 Lista de artículos con miniatura, título, extracto y fecha
CONTACT (contact-us)
- 7.1 Formulario de contacto (nombre, email, mensaje)
- 7.2 Mapa incrustado y datos de localización
APPOINTMENT (appointment)
- 8.1 Calendario de reserva y formulario de datos personales
FOOTER
- 9.1 Enlaces institucionales (Política, Términos, Licencia, etc.)
- 9.2 Redes sociales
- 9.3 Información de contacto y suscripción al newsletter
PROMPTS RELACIONADOS · GYM / FITNESS