NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático para la marca ficticia "Belleza Vega" (educación secundaria y preparatoria) usando solo HTML, Tailwind CSS CDN y JavaScript vanilla en un único archivo. Reproduce la estructura y estilo del sitio analizado, sin copiar texto ni imágenes originales.
**Requisitos de diseño**
- Paleta de colores: #1E3A8A (azul principal), #2563EB (azul claro), #F3F4F6 (gris muy claro de fondo), #111827 (texto principal), #E5E7EB (borde y fondos secundarios).
- Tipografías: "Playfair Display" (serif) para títulos y destacados, "Inter" (sans) para párrafos y UI.
- Header: barra fija con logo circular "AA" en serif, menú horizontal (Inicio, Sobre Nosotros, Programas, Admisiones, Noticias, Contacto) y botón "Contacto" con fondo azul claro.
- Hero: layout split 60/40, imagen a la izquier
3.517 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.517 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 Cabecera con logo, menú principal y botón de contacto
- 2.1 Hero con imagen, testimonio, título, párrafo y botones
- 3.1 Bloques de enlace a secciones internas (Historia, Programas, Admisiones) con imagen y botón
- 4.1 Grid de seis iconos + título + descripción de beneficios
- 5.1 Footer con enlaces, información legal y redes sociales
ABOUT
- 1.1 Cabecera compartida
- 2.1 Hero interno con título, imagen y párrafo descriptivo
- 3.1 Texto extendido sobre misión, visión y valores
- 4.1 Equipo docente en formato tarjeta
- 5.1 Footer compartido
ACADEMICS
- 1.1 Cabecera compartida
- 2.1 Hero con título y foto de campus
- 3.1 Lista de programas en tarjetas con icono y breve descripción
- 4.1 Testimonios de estudiantes
- 5.1 Footer compartido
ADMISSIONS
- 1.1 Cabecera compartida
- 2.1 Hero con título y llamada a la acción
- 3.1 Paso a paso del proceso de admisión en bloques numerados
- 4.1 Formulario de solicitud rápida (nombre, email, teléfono)
- 5.1 Footer compartido
NEWS-EVENTS
- 1.1 Cabecera compartida
- 2.1 Hero con título y filtro de categorías
- 3.1 Tarjetas de noticias/eventos con imagen, fecha y extracto
- 4.1 Paginación simple
- 5.1 Footer compartido
CONTACT-US
- 1.1 Cabecera compartida
- 2.1 Hero con título y mapa incrustado
- 3.1 Formulario de contacto completo (nombre, email, asunto, mensaje)
- 4.1 Información de contacto y horarios
- 5.1 Footer compartido
PROMPTS RELACIONADOS · BEAUTY / SPA
