Carrito Iniciar sesión
GIMNASIO / FITNESS · Claude Design · HTML

CimaLibre — Prompt de diseño web para Claude AI

Gimnasio de escalada y boulder Espacios verticales para tu progreso.

↓ Descargar PROMPT.md
+0
0 0
GRATIS 0€
CimaLibre — vista previa
NUEVO PROMPT
PROMPT

Cópialo y pégalo en Claude Design

↓ Descargar PROMPT.md
Crea una página web completa para la marca ficticia **CimaLibre** (gimnasio de escalada) usando **HTML + Tailwind CDN + JavaScript vanilla** en un solo archivo. La web debe reproducir el diseño visual y la estructura del sitio analizado, sin copiar ningún contenido literal. **Alcance** - Header fijo con logo (SVG placeholder), menú horizontal con enlaces a Home, Escalada, Membresía, Eventos y un mega‑dropdown "Todas las páginas" que despliegue columnas con enlaces internos. Incluye botón primario "Probar escalada" con flecha derecha. - Hero a pantalla completa con video de fondo (loop, muted, autoplay) y superposición de texto: título grande, párrafo corto y botón CTA "Reserva tu primera escalada". - Sección "Más que un gimnasio": layout de dos columnas, imagen vertical a la izquierda (pl
4.381 caracteres · solo descargable completo ↓ Descargar PROMPT.md completo
4.381 caracteres · licencia libre Solo descarga completa disponible
CLAUDE DESIGN

Convierte este prompt en diseño real

Instala Claude Design, pega el prompt y ve la interfaz cobrar forma al instante.

Instalar Claude Design ↗
CAPTURA COMPLETA · HOME
CimaLibre — home completa
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 Header con logo, menú mega‑dropdown y botón "Probar escalada"
  • 1.2 Hero: título principal, párrafo introductorio, botón "Reserva tu primera escalada" y video loop de fondo
  • 1.3 Bloque "Más que un gimnasio": imagen vertical a la izquierda, texto a la derecha con título y párrafo
  • 1.4 Bloque de Clases: rejilla de 3‑4 tarjetas con imagen, nombre de la clase y botón "Ver detalle"
  • 1.5 Bloque de Instalaciones: mosaico de fotos con efecto hover y breve descripción
  • 1.6 Testimonios: carrusel de 3‑5 opiniones con foto, nombre y cita breve
  • 1.7 CTA de Suscripción: fondo sólido, texto motivador y campo de email + botón "Suscríbete"
  • 1.8 Footer: columnas de enlaces (Sobre, Clases, Eventos, Contacto), íconos de redes sociales y datos de contacto

ABOUT US

  • 2.1 Header (reutilizado)
  • 2.2 Hero interno con imagen de fondo y título "Sobre CimaLibre"
  • 2.3 Texto histórico y misión en dos columnas
  • 2.4 Equipo de entrenadores: grid de tarjetas con foto, nombre y breve bio
  • 2.5 CTA "Únete a nuestra comunidad"
  • 2.6 Footer (reutilizado)

CLASSES

  • 3.1 Header
  • 3.2 Lista de clases: tarjetas con imagen, nivel, horario y botón "Inscribirse"
  • 3.3 Sidebar con filtros (nivel, día, tipo)
  • 3.4 Footer

EVENTS

  • 4.1 Header
  • 4.2 Calendario de eventos: tarjetas con fecha, descripción y botón "Más info"
  • 4.3 Footer

CONTACT

  • 5.1 Header
  • 5.2 Formulario de contacto: nombre, email, mensaje y botón "Enviar"
  • 5.3 Mapa incrustado
  • 5.4 Footer
PROMPTS RELACIONADOS · GIMNASIO / FITNESS

Otros prompts de la misma categoría