NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia **Instituto Cobalto** (centro de entrenamiento y coaching) usando **HTML**, **Tailwind CSS CDN** y **JavaScript vanilla** en un solo archivo. El objetivo es replicar el diseño visual y la estructura del sitio analizado, sin copiar texto literal.
**Alcance**
- Cabecera fija con barra superior (email, teléfono, horario) y menú de navegación (Inicio, Sobre nosotros, Servicios, Entrenadores, Precios, Testimonios, FAQ, Contacto).
- Hero con subtítulo "NO PRESSURE. NO HYPE.", título principal con parte en degradado ("TRAIN LIKE YOU PERFORM"), párrafo descriptivo y dos botones CTA: "CONTACT US" (scroll a sección contacto) y "WATCH VIDEO" (lightbox de video placeholder).
- Bloque de características rápidas (icono + texto) para "Planes asequibles
4.945 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.945 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 Barra superior con contacto y horario
- 1.2 Cabecera con logo, menú y botón de compra del template
- 1.3 Hero con subtítulo, título en gradiente, párrafo y botones "CONTACT US" y "WATCH VIDEO"
- 1.4 Bloque de características (plan económico, devolución)
- 1.5 Animaciones de fondo decorativas
- 1.6 Sección de logos de empresas asociadas
- 1.7 Bloque "Sobre nosotros" con título, párrafo, contadores y galería de imágenes
SERVICES (sección prevista)
- 2.1 Título de servicios y descripción breve
- 2.2 Tarjetas de servicio con icono, nombre y breve texto
TRAINERS (sección prevista)
- 3.1 Título de entrenadores
- 3.2 Tarjetas de entrenador con foto, nombre, cargo y botón de contacto
PRICING (sección prevista)
- 4.1 Tabla de precios con tres planes, características y botón elegir
TESTIMONIALS (sección prevista)
- 5.1 Carrusel de testimonios con foto, nombre y comentario
FAQ (sección prevista)
- 6.1 Preguntas frecuentes en acordeón
CONTACT (sección prevista)
- 7.1 Formulario de contacto simple con nombre, email, mensaje y botón enviar
FOOTER
- 8.1 Área de enlaces rápidos, redes sociales y datos de contacto
- 8.2 Copyright y política de privacidad
PROMPTS RELACIONADOS · EDUCATION
