NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia "Prenda Atlas" (prendaatlas.com) usando únicamente HTML, Tailwind CSS CDN y JavaScript vanilla en un solo archivo. El proyecto debe reproducir el diseño visual y la estructura de un portafolio creativo moderno similar al descrito, sin copiar texto ni imágenes originales.
**Alcance**
- Header fijo con logo a la izquierda y menú desplegable multicolumna (Home, Portfolio, Contact). Cada opción abre un dropdown con enlaces a versiones alternativas (Home V1‑V3, Portfolio V1‑V3, Contact V1‑V3). Utiliza iconos de flecha simple y líneas decorativas como separadores.
- Hero full‑width con fondo de imagen de alta resolución (usar placeholder Unsplash), título grande (font 'Inter', weight 800), subtítulo y botón CTA "Descubre más". Añadir efecto su
4.179 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.179 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ú desplegable de tres grupos (Home, Portfolio, Contact)
- 1.2 Hero con imagen de pantalla completa, título grande y breve descripción
- 1.3 Grid de portfolio con tres tarjetas, cada una con imagen, título y breve texto
- 1.4 Sección de contacto con breve texto, botón CTA y formulario de correo
- 1.5 Footer con enlaces a redes sociales, copyright y enlace a política de privacidad
PORTFOLIO
- 2.1 Header reutilizado
- 2.2 Galería de proyectos en mosaico, filtrable por categorías
- 2.3 Paginación simple
- 2.4 Footer reutilizado
CONTACT
- 3.1 Header reutilizado
- 3.2 Formulario de contacto con campos nombre, email y mensaje
- 3.3 Información de contacto rápido (teléfono, email)
- 3.4 Mapa estático embed
- 3.5 Footer reutilizado
PROMPTS RELACIONADOS · FASHION
