NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia CIVITAS WEB, una plantilla corporativa dirigida a municipios y entidades públicas. Usa HTML estático con Tailwind CSS vía CDN y JavaScript vanilla sin dependencias externas. Mantén la siguiente paleta de colores: primario #01159E, secundario #0A0A0A, acento #F5F5F5, azul claro #E0E7FF, blanco #FFFFFF. Tipografía: fuente principal "Inter" (Google Fonts) y encabezados en "Poppins".
Estructura del sitio:
- **Header** fijo, fondo blanco, logo a la izquierda (texto "Civitas Web"), menú de navegación centrado con enlaces: Inicio, Sobre nosotros, Servicios, Noticias, Contacto. Menú con dropdown para "Más" que muestra enlaces a "Demo 1", "Demo 2", "Demo 3". Botón secundario a la derecha "Reportar un problema".
- **Hero** ocupa toda la altura vi
4.088 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.088 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 barra de navegación fija, logo y menú desplegable
- 1.2 Hero principal con titular, subtítulo y fondo de imagen completa
- 1.3 Bloque de demos con tarjetas de vista previa de tres home diferentes
- 1.4 Sección de rendimiento con barras de progreso para métricas técnicas
- 1.5 Área de funcionalidades clave con iconos y textos descriptivos
- 1.6 Footer con información de contacto y enlaces legales
ABOUT US
- 2.1 Header reutilizado
- 2.2 Hero secundario con título y descripción institucional
- 2.3 Texto informativo y bloques de misión/visión
- 2.4 Footer idéntico al home
SERVICES
- 3.1 Header reutilizado
- 3.2 Lista de servicios en tarjetas con iconos
- 3.3 Descripción detallada de cada servicio al hacer clic
- 3.4 Footer idéntico al home
NEWS
- 4.1 Header reutilizado
- 4.2 Grid de artículos con imagen, título y extracto
- 4.3 Paginación simple
- 4.4 Footer idéntico al home
CONTACT US
- 5.1 Header reutilizado
- 5.2 Formulario de contacto con campos nombre, email, mensaje
- 5.3 Mapa incrustado y datos de ubicación
- 5.4 Footer idéntico al home
Imagen generada con OpenRouter · Nano Banana (Gemini 2.5 Flash Image) · google/gemini-2.5-flash-image · 29/06/2026
PROMPTS RELACIONADOS · EDUCACIÓN
