NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia "Lúmina Rumor" (luminarumor.com) usando solo HTML estático, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. Reproduce fielmente la estructura visual del sitio analizado:
- **Paleta de colores**: #025BE6 (azul intenso), #FFADB8 (rosa pastel), #FF5C3B (naranja vibrante), #FDF9F5 (blanco cremoso), #222222 (negro); aplicar como variables CSS de Tailwind.
- **Tipografía**: fuente principal "Inter" (Google Fonts), peso 400/600, tamaños adaptativos; títulos en 4xl a 6xl, cuerpo en base.
- **Header**: barra fija con logo SVG (placeholder), enlaces "Sobre Nosotros", "Clases", "Horarios", "Contacto" y botón de llamada que abre tel: link. Menú colapsable en móvil.
- **Hero**: tres títulos grandes apilados ("DREAM IT.", "CRAFT IT.",
3.901 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.901 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 de navegación fija con logo, enlaces a secciones y botón de contacto
- 1.2 Hero principal con titular dividido en tres líneas, descripción breve y llamado a acción con botón circular
- 1.3 Ilustración SVG decorativa y elementos animados alrededor del hero
- 1.4 Sección de valores con título y grid de 4 tarjetas coloreadas
- 1.5 Footer con enlaces institucionales, redes sociales y datos de contacto
ABOUT
- 2.1 Encabezado con imagen y texto descriptivo de la escuela
- 2.2 Historia en bloques con timeline vertical
- 2.3 Equipo docente en tarjetas con foto y bio corta
- 2.4 Footer replicado
CLASSES
- 3.1 Lista de categorías de clases en tarjetas con icono
- 3.2 Galería de fotos de talleres
- 3.3 Botón para inscribirse a la primera clase
- 3.4 Footer replicado
SCHEDULES
- 4.1 Tabla responsive de horarios por día y nivel
- 4.2 Filtros por disciplina y nivel
- 4.3 CTA reserva de plaza
- 4.4 Footer replicado
CONTACT
- 5.1 Formulario de contacto con campos nombre, email, mensaje
- 5.2 Mapa embebido de ubicación
- 5.3 Información de teléfono y correo
- 5.4 Footer replicado
PROMPTS RELACIONADOS · EDUCACIÓN
