NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia **Boutique Atlas** usando **HTML**, **Tailwind CSS (CDN)** y **JavaScript vanilla** en un solo archivo. Reproduce fielmente la estructura y estilo de la web analizada:
- **Paleta de colores**: #0A0A0A (negro profundo), #FFFFFF (blanco), #E5E5E5 (gris claro), #FF6B6B (rojo coral) para acentos.
- **Tipografía**: Heading con *Montserrat* (peso 700) y cuerpo con *Inter* (peso 400).
- **Header**: barra fija con logo a la izquierda, enlaces (Home, About, Projects, Services, Blog) y botón “Contact” a la derecha. En móvil colapsa en ícono hamburguesa.
- **Hero**: sección full‑width con video de fondo autoplay, loop y mute; a la izquierda, texto “Hello there, I’m” y nombre grande “Boutique Atlas”; bajo el nombre, foto circular animada; a la der
3.727 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.727 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 con logo, links principales y botón de contacto
- 1.2 Hero con saludo, nombre, foto animada, video de fondo y texto descriptivo
- 1.3 Bloque de contadores con estadísticas animadas (proyectos, satisfacción, experiencia, clientes)
- 1.4 Sección de proyectos con título y grid de tarjetas
- 1.5 Footer con enlaces de navegación y datos de contacto
ABOUT
- 2.1 Hero interno con foto y biografía breve
- 2.2 Timeline de experiencia profesional
- 2.3 Skills en barra de progreso
SERVICES
- 3.1 Listado de servicios en tarjetas con íconos
- 3.2 Detalle de proceso de trabajo
PROJECTS
- 4.1 Galería Masonry con filtros por categoría
- 4.2 Modal de detalle de proyecto con imágenes y descripción
BLOG
- 5.1 Lista de entradas con extracto y thumbnail
- 5.2 Paginación inferior
CONTACT
- 6.1 Formulario de contacto con campos nombre, email, mensaje
- 6.2 Mapa integrado y datos de localización
PROMPTS RELACIONADOS · FASHION
