NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una landing page de una sola página (single-file HTML) para una marca personal ficticia llamada **Vélar Strength**, del sector entrenamiento personal y coaching de bienestar. Dominio: velarstrength.com. Email: hola@velarstrength.com. Claim: 'Fuerza que se construye día a día'. Año: 2025.
**Stack técnico:**
- HTML5 + Tailwind CSS vía CDN (https://cdn.tailwindcss.com) + JavaScript vanilla, todo en un único archivo .html autocontenido.
- Fuentes desde Google Fonts: 'Fraunces' (serif display, pesos 300-500) para titulares y 'Inter' (sans, pesos 400-500) para textos y navegación.
- Animaciones de aparición al hacer scroll usando IntersectionObserver (fade + translateY).
- Scroll suave nativo (scroll-behavior: smooth) y anclas internas.
**Paleta:**
- Fondo principal beige cálido muy claro
6.266 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
6.266 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 fijo con logo, menú central y botón hamburguesa
- 1.2 Hero a pantalla completa con titular serif y dos botones pill
- 1.3 Banda de prueba social con avatares apilados
- 1.4 Sección Sobre Mí (01) con nombre, rol y descripción
- 1.5 Sección Mi Ventaja (02) con grid sticky de 4 imágenes y textos
- 1.6 Sección Servicios (03) con tarjetas verticales grandes
- 1.7 Sección Clientes con testimonios editoriales
- 1.8 CTA final 'Empieza hoy'
- 1.9 Footer oscuro con logo gigante y enlaces
PROMPTS RELACIONADOS · CORPORATIVO
