NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático usando HTML, Tailwind CSS (CDN) y JavaScript vanilla en un solo archivo que reproduzca la estructura y estilo visual de la web analizada, pero con la marca ficticia "Educa Orion". Utiliza la siguiente paleta de colores: #0A0A0A (negro profundo), #FFFFFF (blanco), #D4A373 (dorado suave), #4A4A4A (gris medio), #E5E5E5 (gris claro). Tipografía: encabezados con 'Playfair Display' (serif), cuerpo con 'Inter' (sans‑serif).
Estructura requerida:
- **Header**: barra superior fija, logo a la izquierda (texto "Educa Orion" en Playfair Display bold), menú simplificado a la derecha con enlaces "Inicio", "Servicios", "Sobre nosotros", "Contacto".
- **Hero**: sección a pantalla completa con imagen de fondo (placeholder), superposición semitransparente #0A0A0A opacity 0.5, tí
4.061 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.061 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
- 1.2 Hero con imagen, título, subtítulo y botones
- 1.3 Tarjetas de contacto rápido (dirección, teléfono, horario)
- 1.4 Sobre nosotros: título, párrafo, dos contadores y foto
- 1.5 Servicios: encabezado, grid de 6 tarjetas con icono, nombre, texto y precio
- 1.6 CTA: bloque con fondo de color y mensaje central
SERVICES
- 2.1 Encabezado de la página
- 2.2 Lista de servicios (repetición de tarjetas vistas en la home)
CONTACT
- 3.1 Formulario de contacto (no presente en el HTML original, pero implícito en la arquitectura)
- 3.2 Información de ubicación y horarios
FOOTER
- 4.1 Enlaces a redes sociales y navegación secundaria
- 4.2 Derechos de autor y datos de contacto
PROMPTS RELACIONADOS · EDUCACIÓN
