NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia "Obra Zenit" (estudio de arquitectura) usando un solo archivo HTML que incluya Tailwind CSS mediante CDN y JavaScript vanilla. Reproduce fielmente la estructura y estilo del sitio analizado:
- Paleta de colores: #1a1a1a (negro profundo), #2b3a4e (gris azulado), #4a90e2 (azul acento), #ffffff (blanco), #e0e0e0 (gris claro).
- Tipografía: Inter (sans‑serif) para cuerpo y títulos, tamaños fluidos (text‑4xl, text‑2xl, etc.).
- Header: barra de navegación fija con logo circular a la izquierda y enlaces a Home, About, Projects, Services, Blog, Contact a la derecha; efecto hover que invierte color del texto.
- Hero: sección a pantalla completa con grid de círculos superpuestos que contienen imágenes de proyectos (8 imágenes). Cada círculo de
3.761 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.761 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 Barra de navegación fija con logo y menú principal.
- 1.2 Hero circular con galería de imágenes en círculo.
- 1.3 Título principal "Obra Zenit" y subtítulo de bienvenida.
- 1.4 Información de ubicación y año de fundación.
- 1.5 Sección de logos de clientes/partners.
- 1.6 Footer con enlaces, datos de contacto y redes.
ABOUT
- 2.1 Imagen destacada del estudio.
- 2.2 Texto descriptivo de la filosofía y trayectoria.
- 2.3 Equipo con fotos y breves biografías.
PROJECTS
- 3.1 Galería tipo grid con proyectos destacados.
- 3.2 Filtros por categoría y ubicación.
- 3.3 Detalle de proyecto con imágenes en carrusel y descripción.
SERVICES
- 4.1 Lista de servicios con iconos y breves descripciones.
- 4.2 Call to action para solicitar una reunión.
BLOG
- 5.1 Feed de artículos con tarjetas de título, extracto e imagen.
- 5.2 Sidebar con categorías y últimos posts.
CONTACT
- 6.1 Formulario de contacto sencillo (nombre, email, mensaje).
- 6.2 Mapa interactivo incrustado.
- 6.3 Información de oficina y teléfono.
PROMPTS RELACIONADOS · ARCHITECTURE
