NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia Planos Atlas, estudio de arquitectura de interiores, usando solo HTML, Tailwind CSS (CDN) y JavaScript vanilla en un único archivo. Reproduce el patrón visual del sitio analizado:
- Header fijo con logo a la izquierda y menú hamburguesa a la derecha que despliega un overlay con enlaces: Home, About, Services, Projects, Blog, Contact. Usa tipografía "Inter" para títulos y "Source Sans Pro" para cuerpo.
- Paleta de colores: fondo #FAFAFA, texto principal #212529, gris suave #6C757D, acento dorado #D4AF37, negro #000000 para íconos.
- Hero: título grande dividido en dos líneas ("Lúmina" y "Atelier") con tamaños 5xl y 4xl, centrado verticalmente, fondo de imagen full‑width con efecto parallax (scroll suave). Debajo del título, fila de 4 logo
4.100 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.100 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 fijo con logo, menú hamburguesa y enlaces principales
- 1.2 Hero principal con título dividido, carrusel de logos de clientes y llamada a la acción
- 1.3 Texto descriptivo del estudio y botón de visita a proyectos
- 1.4 Imagen hero grande de fondo con efecto parallax
- 1.5 Footer con dirección, teléfono, email y enlaces de navegación secundarios
ABOUT
- 2.1 Sección de historia con imagen a la izquierda y texto a la derecha
- 2.2 Valores del estudio en tarjetas con íconos
- 2.3 Equipo con fotos circulares y breves biografías
- 2.4 Footer heredado de Home
SERVICES
- 3.1 Lista de servicios en cuadrícula con íconos y descripciones cortas
- 3.2 Caso destacado con imagen grande y texto
- 3.3 CTA para solicitar presupuesto
- 3.4 Footer heredado de Home
PROJECTS
- 4.1 Galería tipo Masonry de proyectos con filtro por categoría
- 4.2 Cada proyecto abre página individual con slider de imágenes y detalle del proyecto
- 4.3 CTA para ver más proyectos
- 4.4 Footer heredado de Home
BLOG
- 5.1 Lista de artículos con tarjetas de imagen, título y extracto
- 5.2 Sidebar con categorías y búsqueda
- 5.3 Paginación
- 5.4 Footer heredado de Home
CONTACT
- 6.1 Formulario de contacto sencillo (nombre, email, mensaje)
- 6.2 Mapa incrustado de ubicación
- 6.3 Información de contacto repetida
- 6.4 Footer heredado de Home
PROMPTS RELACIONADOS · ARCHITECTURE
