NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático llamado Lúdica Creativa (ludicacreativa.com) que reproduzca el diseño analizado. Utiliza HTML5, TailwindCSS vía CDN y JavaScript vanilla en un único archivo.\n\n**Paleta de colores** (hex):\n- Primary: #0F9D58 (verde)\n- Accent1: #4285F4 (azul)\n- Accent2: #F4B400 (amarillo claro)\n- Accent3: #DB4437 (rosa)\n- Text: #212121 (cuerpo)\n- Light: #F5F5F5 (fondo)\n\n**Tipografía**:\n- Font family "Inter", sans‑serif para todo el texto.\n- Títulos: font‑weight 700, tamaños h1 4rem, h2 2.5rem, h3 1.75rem.\n- Cuerpo: font‑weight 400, tamaño base 1rem.\n\n**Header**: barra de navegación fija, logo a la izquierda, enlaces Home, Sobre nosotros, Programas, Admisión, y un menú desplegable "Páginas" con tres grupos (Principal, Otros, Utilidad). Botón primario a la derecha con
5.007 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
5.007 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 y botón de contacto
- 1.2 Hero de vídeo a pantalla completa con título, subtítulo y botón
- 1.3 Tarjeta descriptiva con ícono y enlace al vídeo
- 1.4 Separador decorativo
- 1.5 Bloque "Sobre nosotros" con iconos, título fragmentado y botón
- 1.6 Imagen ilustrativa acompañando el texto
ABOUT
- 2.1 Cabecera con imagen hero y texto introductorio
- 2.2 Sección de valores con iconos y descripciones
- 2.3 Equipo docente en formato grid con foto y breve bio
- 2.4 Botón de llamada a la acción a contacto
PROGRAM
- 3.1 Lista de programas con tarjetas, imagen, título y breve descripción
- 3.2 Filtros por edad y duración
- 3.3 Botón para solicitar información de cada programa
ADMISSION
- 4.1 Formulario de inscripción con campos básicos y botón de envío
- 4.2 Información de requisitos y proceso paso a paso
GALLERY
- 5.1 Galería tipo masonry con imágenes ampliables en lightbox
CONTACT
- 6.1 Formulario de contacto rápido y mapa incrustado
- 6.2 Información de dirección, teléfono y correo
ARTICLE
- 7.1 Lista de artículos del blog con imagen, título y extracto
- 7.2 Paginación inferior
NEWS
- 8.1 Noticias destacadas en tarjetas con fecha y resumen
- 8.2 Enlace a detalle de cada noticia
UTILITY (INSTRUCTIONS, CHANGELOG, LICENSE, STYLE GUIDE)
- 9.1 Páginas estáticas con texto explicativo y ejemplos de estilos
PROMPTS RELACIONADOS · EDUCATION
