NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para **Metrópolis Connect**, una plataforma institucional municipal. Usa **HTML estático** con **Tailwind CSS vía CDN** y **JavaScript vanilla** en un solo archivo. La estética debe replicar el patrón visual del sitio analizado: barra de navegación absoluta, logo a la izquierda, menú con dropdowns multi‑nivel y botón de contacto destacado; hero con título grande en negrita, subtítulo y una fila de 3 capturas de pantalla estilo mockup; sección de beneficios con 5 iconos alineados en columna y texto bajo cada uno; footer dividido en 3 columnas (enlaces rápidos, contacto, redes).
**Paleta de colores**: #0A2740 (azul marino), #1E3A5F (azul medio), #F5F7FA (gris muy claro), #FFFFFF (blanco), #E63946 (rojo acento).
**Tipografía**: *Inter* para cuerpo y *Montserrat*
3.092 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.092 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, menú desplegable y botón de contacto
- 1.2 Hero principal con título destacado, subtítulo y galería de pantallas
- 1.3 Sección de beneficios con iconos y textos descriptivos
- 1.4 Footer con bloques de enlaces, datos de contacto y redes sociales
ABOUT US
- 2.1 Hero interno con título y descripción breve
- 2.2 Texto histórico y cronología
- 2.3 Equipo con tarjetas de perfil
- 2.4 Footer reutilizado
SERVICES
- 3.1 Cabecera con título y breve introducción
- 3.2 Grid de tarjetas de servicio con icono y descripción
- 3.3 CTA de solicitud de información
- 3.4 Footer reutilizado
EVENTS
- 4.1 Lista de próximos eventos en tarjetas con fecha, imagen y resumen
- 4.2 Calendario interactivo sencillo
- 4.3 Footer reutilizado
CONTACT US
- 5.1 Formulario de contacto con campos nombre, email, asunto y mensaje
- 5.2 Mapa incrustado y datos de ubicación
- 5.3 Footer reutilizado
Imagen generada con OpenRouter · Nano Banana (Gemini 2.5 Flash Image) · google/gemini-2.5-flash-image · 17/06/2026
PROMPTS RELACIONADOS · EDUCACIÓN
