NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una web personal one-page (con páginas internas accesibles) para una marca ficticia llamada **Nordevia Strength**, un entrenador personal y coach de bienestar integral. Claim: "Construye fuerza que dura más allá del gimnasio". Dominio nordevia.com, email hola@nordevia.com, año 2025.
## Stack técnico
- HTML5 + Tailwind CSS vía CDN + JavaScript vanilla, todo en un único archivo autocontenido
- Sin frameworks externos más allá de Tailwind
- Tipografía: importa desde Google Fonts **Fraunces** (serif display, weights 300-600) para titulares y **Inter** (sans, 300-500) para body
- Animaciones de scroll suaves con IntersectionObserver (fade-up, sticky reveal)
- Smooth scroll en enlaces ancla
- Mobile-first responsive
## Paleta
- Fondo principal: #F2EFE8 (crema cálido)
- Tinta primaria: #1A
6.124 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
6.124 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 logotipo, menú ancla y botón hamburguesa
- 1.2 Hero pantalla completa con titular serif, párrafo y botones pill
- 1.3 Banda de prueba social con avatares y contador de clientes
- 1.4 Bloque About con numeración y biografía del coach
- 1.5 Sección Edge con grid sticky de 4 ventajas
- 1.6 Servicios numerados con imagen, título y descripción
- 1.7 Testimonios de clientes en grid
- 1.8 CTA final con titular grande
- 1.9 Footer con logo, enlaces y redes
SOBRE MÍ
- 2.1 Navbar
- 2.2 Hero secundario con foto del coach y bio extendida
- 2.3 Línea temporal de trayectoria profesional
- 2.4 Certificaciones y formaciones en grid
- 2.5 Galería editorial de fotos de entrenamientos
- 2.6 CTA de contacto
- 2.7 Footer
SERVICIOS
- 3.1 Navbar
- 3.2 Hero de sección con título de servicios
- 3.3 Listado detallado de programas con descripción larga
- 3.4 Tabla comparativa de modalidades (presencial, online, híbrido)
- 3.5 Preguntas frecuentes en acordeón
- 3.6 CTA reserva sesión
- 3.7 Footer
CLIENTES
- 4.1 Navbar
- 4.2 Hero con titular sobre transformaciones
- 4.3 Grid de casos de éxito con imagen antes/después
- 4.4 Carrusel de testimonios extensos con foto
- 4.5 Métricas de impacto (años, clientes, sesiones)
- 4.6 CTA final
- 4.7 Footer
CONTACTO
- 5.1 Navbar
- 5.2 Hero con título y subtítulo de contacto
- 5.3 Formulario de reserva con campos nombre, email, objetivo y mensaje
- 5.4 Información de contacto y ubicación
- 5.5 Mapa o imagen del estudio
- 5.6 Footer
PROMPTS RELACIONADOS · GIMNASIO / FITNESS