NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una web estática en un solo archivo HTML usando Tailwind CSS CDN y JavaScript vanilla. Marca ficticia: Academia Vega (academiavega.com). Sector: estudio de yoga y bienestar. Claim: "Espacio sereno donde cuerpo y mente se encuentran". Usa la paleta de colores: #1A1A1A (texto principal), #FFFFFF (fondo), #4A90E2 (acentos azules), #F2F2F2 (gris suave), #E63946 (rojo sutil para llamadas a acción). Tipografía: 'Inter' para cuerpo y 'Playfair Display' para encabezados, importadas de Google Fonts.
Estructura:
- HEADER: barra fija con logo circular (texto "Academia Vega"), menú horizontal (Clases, Precios, Sobre Nosotros, Blog, Contacto) y botones de teléfono y "Únete ahora". Incluye íconos sociales (X, Instagram, Facebook, LinkedIn) alineados a la derecha.
- HERO: sección a pantalla complet
3.959 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.959 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 Header con logo, menú y botones de contacto
- 2.1 Hero con vídeo de fondo, título principal y slider de testimonios
- 3.1 Bloque de llamada a la acción "Sobre Academia Vega"
- 4.1 Sección About con contadores, video y formas decorativas
- 5.1 Sección Clases con listado de tarjetas de clases
- 6.1 Footer con información de contacto, redes sociales y enlaces legales
CLASSES
- 1.1 Header (reutilizado)
- 2.1 Lista de clases en formato tarjeta con número, título, descripción y etiquetas
- 3.1 Footer (reutilizado)
ABOUT
- 1.1 Header (reutilizado)
- 2.1 Información del estudio con contadores y video
- 3.1 Footer (reutilizado)
CONTACT
- 1.1 Header (reutilizado)
- 2.1 Formulario de contacto sencillo con campos nombre, email, mensaje y botón
- 3.1 Footer (reutilizado)
PROMPTS RELACIONADOS · EDUCACIÓN
