NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático completo para la marca ficticia **VivaMetrópolis** (vivametropolis.com). El proyecto debe usar **HTML** puro, **Tailwind CSS CDN** y **JavaScript vanilla** en un único archivo. Reproduce fielmente la arquitectura visual del template analizado, sin copiar texto ni imágenes originales.
---
**Paleta de colores** (hex):
- Primario: #6030A0 (violeta oscuro)
- Secundario: #FFB800 (amarillo dorado)
- Fondo: #F5F5F5 (gris muy claro)
- Texto principal: #212121 (gris casi negro)
- Texto secundario: #666666
**Tipografía**:
- Fuente principal: "Inter", sans‑serif (cargar desde Google Fonts).
- Títulos en weight 700, cuerpo en weight 400.
**Header** (sticky, altura 80 px): logo a la izquierda (texto "VivaMetrópolis" en Inter Bold, color primario), menú horizontal centra
4.336 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.336 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 Header con logotipo, menú principal y botón de contacto
- 1.2 Hero con saludo, título destacado y carrusel de imágenes
- 1.3 Bloque destacado de descubrimiento con imagen y texto animado
- 1.4 Sección de servicios rápidos (tarjetas) con icono, título y breve descripción
- 1.5 Footer con enlaces institucionales, contactos y redes
ABOUT US
- 1.1 Header persistente
- 1.2 Imagen de cabecera y presentación de la entidad
- 1.3 Texto descriptivo con valores y misión
- 1.4 Equipo y fotos de colaboradores
- 1.5 Footer común
SERVICES
- 1.1 Header persistente
- 1.2 Grid de categorías de servicios municipales
- 1.3 Tarjetas individuales con icono, título y enlace a detalle
- 1.4 CTA para contactar o solicitar información
- 1.5 Footer común
NEWS
- 1.1 Header persistente
- 1.2 Lista de artículos con imagen, titular y resumen
- 1.3 Paginación o carga infinita
- 1.4 Sidebar con categorías y etiquetas
- 1.5 Footer común
EVENTS
- 1.1 Header persistente
- 1.2 Calendario o listado de eventos próximos
- 1.3 Tarjetas de evento con fecha, imagen y breve descripción
- 1.4 Botón de registro o más información
- 1.5 Footer común
PROMPTS RELACIONADOS · EDUCACIÓN
