NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa que reproduzca el diseño descrito, usando la marca ficticia **Sistemas Atlas**. El proyecto debe ser un solo archivo HTML que incluya Tailwind CSS vía CDN y JavaScript vanilla (sin frameworks) para la interacción del menú móvil y animaciones simples.
**Alcance**
- Header fijo con logo a la izquierda, enlaces ancla (Home, Demos, Inner Pages, Utilities, Authentication) y botón destacado "Comprar plantilla". En móvil, colapsar en icono hamburguesa que abre el menú lateral.
- Hero section (#banner) con título grande, línea SVG animada (simulate with CSS keyframes), botón CTA, y varias formas circulares posicionadas absolutamente alrededor del contenido. Incluye dos imágenes una al lado del texto.
- Sección "Qué incluye" con contenedor centrado, título, párrafo y g
4.169 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.169 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 fija con logo, enlaces y botón de compra
- 1.2 Hero principal con título, línea animada, botón y elementos visuales decorativos
- 1.3 Bloque "Qué incluye" con título, descripción y grid de 3 items
- 1.4 Sección de demos de Home con título numerado y grid de tarjetas
- 1.5 Sección de demos de páginas internas con título numerado y grid de tarjetas
INNER PAGES (ejemplo)
- 2.1 Cabecera interna similar a la principal
- 2.2 Contenido específico de la página (blog, pricing, features, etc.)
- 2.3 Footer con enlaces y datos de contacto
PROMPTS RELACIONADOS · TECHNOLOGY