NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia Proyecto Atlas usando exclusivamente HTML, Tailwind CSS (CDN) y JavaScript vanilla en un único archivo. La web debe reproducir los patrones de UI del sitio analizado sin copiar texto ni imágenes originales.
**Estructura y alcance**
- Archivo index.html que incluye todas las secciones del sitio: Home, About, Works y Contact (simuladas como anclas internas). Cada sección debe seguir el orden y la jerarquía descrita en la tabla.
- Header fijo con logo SVG generado (texto "Proyecto Atlas" en tipografía sans‑serif), enlace a inicio y menú colapsable para dispositivos móviles (icono hamburguesa que alterna la visibilidad del menú).
- Hero de Home con título grande, subtítulo y breve descripción. Utiliza tipografía "Inter" (cargada de Google Fo
4.354 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.354 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 Cabecera con barra de navegación fija, logo SVG y menú colapsable
- 1.2 Hero principal con título, subtítulo y texto descriptivo
- 1.3 Bloque de trabajos destacados con tarjetas de imagen y título
- 1.4 Sección "Sobre mí" con texto descriptivo y botón de descarga de CV
- 1.5 Galería de proyectos seleccionados con tarjetas con descripción y flecha
- 1.6 Footer sencillo con enlaces de redes sociales y copyright
ABOUT
- 1.1 Cabecera reutilizada
- 1.2 Título de página y presentación del autor
- 1.3 Texto largo con apartados y botón para CV
- 1.4 Imagen de acompañamiento a la derecha
- 1.5 Footer reutilizado
WORKS
- 1.1 Cabecera reutilizada
- 1.2 Título de página "My Selected Works"
- 1.3 Lista de proyectos en tarjetas con nombre, descripción breve, imagen y flecha
- 1.4 Footer reutilizado
CONTACT
- 1.1 Cabecera reutilizada
- 1.2 Formulario de contacto sencillo (nombre, email, mensaje, botón enviar)
- 1.3 Enlaces a redes sociales
- 1.4 Footer reutilizado
PROMPTS RELACIONADOS · MISCELLANEOUS
