
NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia Ágora Vista, una agencia creativa, usando únicamente HTML, Tailwind CSS (CDN) y JavaScript vanilla en un único archivo. El proyecto debe reproducir el diseño de referencia con los siguientes componentes:
- **Paleta de colores**: #0F172A (azul noche), #1E293B (gris profundo), #F1F5F9 (gris muy claro), #3B82F6 (azul brillante) y #FFFFFF.
- **Tipografía**: fuente "Inter" para textos y "Playfair Display" para titulares, ambas cargadas vía Google Fonts.
- **Header**: barra fija, logo SVG abstracto a la izquierda, menú de navegación horizontal (Home, About, Portfolio, Gallery, Services, Contact) y un dropdown "Other" con enlaces ficticios. Incluye iconos de redes sociales (Twitter, Dribbble, Behance) alineados a la derecha.
- **Slider principal*
3.840 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.840 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 Slider de fondo a pantalla completa con flechas de navegación
- 1.2 Barra de navegación fija con logo SVG y menú desplegable
- 1.3 Bloque de presentación con título, subtítulo y botones
- 1.4 Sección "About" con texto descriptivo y columnas de imágenes
- 1.5 Portfolio con tarjetas tipo grid y efecto hover
- 1.6 Galería de imágenes en cuadrícula responsive
- 1.7 Servicios enumerados con iconos y descripciones breves
- 1.8 Formulario de contacto con campos básicos y mapa integrado
- 1.9 Footer con enlaces de redes sociales y datos de la empresa
SERVICES
- 2.1 Encabezado de página con título grande
- 2.2 Lista de servicios en columnas, cada uno con ícono SVG y texto
- 2.3 Call‑to‑action con botón destacado
- 2.4 Footer reutilizado
PORTFOLIO
- 3.1 Encabezado de página con filtro de categorías
- 3.2 Grid de proyectos, tarjetas con imagen y overlay de título
- 3.3 Modal emergente para detalle de proyecto (opcional)
- 3.4 Footer reutilizado
CONTACT
- 4.1 Encabezado de página con título y texto introductorio
- 4.2 Formulario de contacto (nombre, email, asunto, mensaje, botón enviar)
- 4.3 Información de contacto adicional (dirección, teléfono, email)
- 4.4 Mapa integrado (iframe de Google Maps)
- 4.5 Footer reutilizado
PROMPTS RELACIONADOS · AGENCIA DIGITAL