NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia **Escuela Río** (desarrollo de soluciones digitales industriales) usando **HTML único con Tailwind CSS vía CDN** y **JavaScript vanilla** en un solo archivo. Reproduce el diseño analizado:
- **Paleta de colores**: #0D1137 (azul marino profundo), #0F52BA (azul acento), #FFFFFF (blanco), #F5F5F5 (gris claro), #1A237E (azul intenso).
- **Tipografía**: Usa `Inter` para títulos y `Roboto` para cuerpo, cargados desde Google Fonts.
- **Header**: barra fija superior, logo a la izquierda, menú con enlaces *Home, Demos (dropdown con Home 1, Home 2, Home 3), About us (dropdown), Services, Industries, Contact us* y botón secundario resaltado en azul. Menú colapsable en móvil con ícono hamburguesa.
- **Hero**: sección full‑width con título grande,
3.753 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.753 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 desplegables y botón de contacto
- 1.2 Hero de portada con título, subtítulo y carrusel de imágenes de páginas demo
- 1.3 Sección de clientes y beneficios con iconos y descripciones
- 1.4 Bloque de presentación de tres plantillas de inicio con miniaturas y títulos
- 1.5 Footer con enlaces institucionales y redes sociales
ABOUT US
- 2.1 Barra de navegación (heredada)
- 2.2 Hero con título y texto descriptivo
- 2.3 Texto de misión y valores en columnas
- 2.4 Equipo con fotos y cargos
- 2.5 Footer
SERVICES
- 3.1 Barra de navegación
- 3.2 Hero con listado de servicios
- 3.3 Tarjetas descriptivas con iconos
- 3.4 Proceso en pasos numerados
- 3.5 Footer
INDUSTRIES
- 4.1 Barra de navegación
- 4.2 Hero con sectores atendidos
- 4.3 Grid de tarjetas sectoriales
- 4.4 Caso de estudio destacado
- 4.5 Footer
CONTACT US
- 5.1 Barra de navegación
- 5.2 Formulario de contacto con campos nombre, email, mensaje
- 5.3 Mapa estático de ubicación
- 5.4 Información de contacto y redes
- 5.5 Footer
PROMPTS RELACIONADOS · EDUCACIÓN
