NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia UrbanaMira (urbanamira.com) usando solo HTML, Tailwind CSS CDN y JavaScript vanilla en un único archivo. Replicar la estructura visual del template analizado:
- Paleta de colores: #1F2937 (gris oscuro), #374151 (gris medio), #F3F4F6 (gris claro), #10B981 (verde acento), #FFFFFF (blanco).
- Tipografía: Inter (google fonts) para títulos y body, peso 400-700.
- Header: barra fija con logo a la izquierda, menú horizontal (Home, About us, Services, News, Events, Contact), y botón primario "Contact us" con ícono de flecha. Menú colapsable en móvil (hamburger).
- Hero: sección full‑width con fondo de carrusel de 8 imágenes (usar placeholders), título grande centrado "Bienvenido a UrbanaMira", subtítulo opcional, animación de aparición con fade‑up
3.635 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.635 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 fija con logo, menú principal y botón de contacto
- 1.2 Hero de bienvenida con título destacado y carrusel de imágenes de fondo
- 1.3 Bloque destacado “Descubre, conecta y vive la ciudad” con imagen y texto rotativo
- 1.4 Sección “Conecta rápidamente con servicios esenciales” con tarjetas de acceso rápido a trámites
- 1.5 Área de noticias y eventos recientes en formato de lista
- 1.6 Footer con enlaces institucionales, redes sociales y formulario de suscripción
ABOUT US
- 2.1 Cabecera (heredada)
- 2.2 Sección introductoria con texto descriptivo y foto del equipo
- 2.3 Valores y misión en columnas
- 2.4 CTA a contacto
- 2.5 Footer (heredado)
SERVICES
- 3.1 Cabecera (heredada)
- 3.2 Grid de servicios municipales con iconos y descripciones breves
- 3.3 Botón de solicitud para cada servicio
- 3.4 Footer (heredado)
BLOG
- 4.1 Cabecera (heredada)
- 4.2 Lista de artículos con imagen, título, extracto y fecha
- 4.3 Sidebar con categorías y archivo
- 4.4 Footer (heredado)
EVENTS
- 5.1 Cabecera (heredada)
- 5.2 Calendario de eventos destacados con tarjetas
- 5.3 Filtro por tipo y fecha
- 5.4 Footer (heredado)
CONTACT
- 6.1 Cabecera (heredada)
- 6.2 Formulario de contacto sencillo (nombre, email, mensaje)
- 6.3 Mapa incrustado con ubicación
- 6.4 Footer (heredado)
PROMPTS RELACIONADOS · SIN FINES DE LUCRO
Otros prompts de la misma categoría
PROMPTSin fines de lucro
Lexora Advisory
★★★★★ 2.659 descargas
GRATIS0€
PROMPTSin fines de lucro
Lexora Consultores
★★★★★ 4.391 descargas
GRATIS0€
PROMPTSin fines de lucro
Ayuda Vega
★★★★★ 2.850 descargas
GRATIS0€
PROMPTSin fines de lucro
VozColectiva
★★★★★ 506 descargas
GRATIS0€
GPT Image 2