
NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático para la marca ficticia Ágora Arquitectura usando HTML, Tailwind CSS CDN y JavaScript vanilla en un único archivo. La página debe replicar el diseño visual del sitio analizado sin copiar textos ni imágenes originales. Utiliza la siguiente paleta de colores: #0F0F0F (fondo principal), #FFFFFF (texto), #E0E0E0 (bordes y fondos claros), #1A73E8 (acentos y botones). Tipografía: "Inter" para títulos y "Roboto" para cuerpo, ambas importadas de Google Fonts.
Estructura:
- **Header** fijo con logo a la izquierda y menú circular a la derecha (Home, Studio, Blog, Contact). Cada enlace incluye un círculo con flecha SVG animada al hover.
- **Hero** a pantalla completa con video de fondo (auto‑play muted loop) y overlay semitransparente. Texto grande centrado: "Estudio de arq
3.915 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.915 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 logo y menú circular
- 1.2 Hero principal con video de fondo, título y botón
- 1.3 Sección de logos de clientes en grid
- 1.4 Bloque de misión (texto + video paralax)
- 1.5 Bloque de visión (texto + imagen)
- 1.6 Ticker de videos lightbox (3 items)
- 1.7 Galería de proyectos destacados (imágenes responsivas)
- 1.8 Footer con enlaces y datos de contacto
STUDIO
- 2.1 Header idéntico al Home
- 2.2 Hero con imagen estática y descripción del estudio
- 2.3 Equipo (grid de fotos y breves bio)
- 2.4 Valores (iconos y texto)
- 2.5 Footer
BLOG
- 3.1 Header
- 3.2 Lista de artículos en tarjetas con imagen, título y extracto
- 3.3 Sidebar con categorías y últimas noticias
- 3.4 Footer
CONTACT
- 4.1 Header
- 4.2 Formulario de contacto (nombre, email, mensaje, botón)
- 4.3 Mapa incrustado
- 4.4 Footer
PROMPTS RELACIONADOS · ARQUITECTURA