NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia "Instituto Rubí" (institutorubi.com) usando solo HTML estático, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. La web debe replicar la estructura y estilo visual del sitio analizado, sin copiar ningún texto ni imágenes originales. Utiliza los siguientes colores y tipografías:
- Paleta: #0D0D0D (fondo principal), #FFFFFF (texto y fondo de bloques), #E5E5E5 (borde y separadores), #C41E3A (activo/acento), #7A7A7A (texto secundario).
- Tipografía: "Inter" para títulos (font-weight 600) y "Source Serif Pro" para cuerpo (font-weight 400). Ambas importadas desde Google Fonts.
Estructura y requisitos:
1. **Header overlay** (posición absoluta, cubre toda la pantalla al hacer clic en ícono de menú). Contiene logo blanco, enlaces: Ini
4.484 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.484 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 Menú overlay con logo, enlaces y datos de contacto
- 1.2 Cabecera fija con logo y datos rápidos
- 1.3 Hero con logo discreto, imágenes de fondo y título principal
- 1.4 Slider de exposiciones destacadas
- 1.5 Galería de imágenes en grid mixto
- 1.6 Footer minimal
ABOUT
- 2.1 Texto descriptivo de la galería y su misión
- 2.2 Imagen a la izquierda, texto a la derecha
EXHIBITIONS
- 3.1 Listado de exposiciones en tarjetas tipo grid
- 3.2 Filtros por categoría y fecha
EVENTS
- 4.1 Calendario sencillo con próximos eventos
- 4.2 Tarjetas de evento con imagen y detalle
CONTACT
- 5.1 Formulario de contacto (nombre, email, mensaje)
- 5.2 Mapa embebido y datos de localización
PROMPTS RELACIONADOS · EDUCATION
