NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia "Escuela Olmo" (dominio: escuelaolmo.com) con el siguiente alcance: homepage, páginas About, Services, Pricing, Blog y Contact. Usa HTML estático en un solo archivo, incluye Tailwind CSS vía CDN y JavaScript vanilla (sin frameworks). Reproduce la estructura visual del sitio analizado:
- Paleta de colores: #0F4C81 (azul oscuro), #2A9D8F (verde azulado), #E9C46A (amarillo claro), #F4F4F4 (gris fondo), #FFFFFF (blanco).
- Tipografía: "Inter", sans-serif para cuerpo; "Playfair Display", serif para encabezados.
- Header: barra superior fija, logo a la izquierda, menú horizontal (Home, About, Services, Pricing, Blog, Contact), botón destacado "RESERVAR CITA" con fondo #2A9D8F y texto blanco, icono de carrito a la derecha que abre un sidebar
3.691 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.691 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, botón de reserva y carrito lateral
- 2.1 Hero con título, subtítulo y botón principal
- 3.1 Bloque de servicios en cuadrícula de tres columnas
- 4.1 Testimonios con carrusel sencillo
- 5.1 Blog destacado en formato de tarjetas
- 6.1 Footer con enlaces de navegación, información de contacto y redes sociales
ABOUT
- 1.1 Cabecera común
- 2.1 Sección de misión y visión con imagen a la izquierda
- 3.1 Equipo en tarjetas con foto y descripción
- 4.1 Footer común
SERVICES
- 1.1 Cabecera común
- 2.1 Lista de servicios en tarjetas con icono y texto
- 3.1 FAQ en acordeón
- 4.1 Footer común
PRICING
- 1.1 Cabecera común
- 2.1 Tabla comparativa de planes con botón de selección
- 3.1 Preguntas frecuentes
- 4.1 Footer común
BLOG
- 1.1 Cabecera común
- 2.1 Grid de artículos con imagen, título y extracto
- 3.1 Sidebar con categorías y últimos posts
- 4.1 Footer común
CONTACT
- 1.1 Cabecera común
- 2.1 Formulario de contacto con campos nombre, email, mensaje
- 3.1 Mapa incrustado y datos de ubicación
- 4.1 Footer común
PROMPTS RELACIONADOS · EDUCATION
