NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático en un solo archivo HTML usando Tailwind CSS CDN y JavaScript vanilla que reproduzca la arquitectura visual del estudio de arquitectura ficticio **LuminArq Studio**.
**Alcance**:
- Header fijo con logo (texto LuminArq), menú hamburguesa que abre un overlay con enlaces numerados (01 Home, 02 About us, 03 Projects, 04 Services, 05 Blog). A la derecha, teléfono y botón primario "Contactar".
- Hero a pantalla completa con dos palabras grandes animadas (p.ej. "Crear" y "Espacios"), subtítulo en minúsculas "diseñamos con propósito", botón CTA "Ver Proyectos" y enlaces sociales discretos.
- Sección "Nuestro Enfoque": dos columnas, izquierda texto explicativo con fade‑in, derecha imágenes superpuestas con efecto parallax y desenfoque de carga. Incluye botón secundario "M
3.838 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.838 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 y botón de contacto
- 1.2 Hero con texto destacado, subtítulo y llamada a proyectos
- 1.3 Bloque "Nuestro Enfoque" con texto descriptivo e imágenes paralaje
- 1.4 Bloque "Nuestros Servicios" con tarjetas de servicio y botones
- 1.5 Footer con información de contacto y enlaces legales
ABOUT
- 1.1 Header (reutilizado)
- 1.2 Sección introductoria con foto de estudio y texto de misión
- 1.3 Equipo con tarjetas de miembro y breves biografías
- 1.4 CTA para solicitar una reunión
- 1.5 Footer
PROJECTS
- 1.1 Header
- 1.2 Galería filtrable de proyectos con tarjetas de imagen y título
- 1.3 Detalle de proyecto con carrusel de imágenes y descripción
- 1.4 Formulario breve de contacto
- 1.5 Footer
SERVICES
- 1.1 Header
- 1.2 Lista de servicios en carrusel o grid, cada uno con imagen, título y botón
- 1.3 Sección de proceso de trabajo con iconos numerados
- 1.4 Testimonios de clientes
- 1.5 Footer
BLOG
- 1.1 Header
- 1.2 Lista de artículos con imagen principal, título y extracto
- 1.3 Sidebar con categorías y buscador
- 1.4 Footer
CONTACT
- 1.1 Header
- 1.2 Formulario de contacto completo (nombre, email, mensaje)
- 1.3 Mapa embed y datos de oficina
- 1.4 Footer
PROMPTS RELACIONADOS · ARQUITECTURA
