NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia **Estilo Atlas** (dominio estiloatlas.com) utilizando **HTML** con **Tailwind CSS CDN** y **JavaScript vanilla** en un solo archivo. El proyecto debe reproducir fielmente el diseño visual y la estructura de la web analizada, sin copiar texto ni imágenes originales.
**Alcance**
- Página HOME con los bloques enumerados en la clave "secciones".
- Páginas internas: Features, About, Blog, Shop, Contact, cada una con los bloques listados en la tabla.
- Header fijo: logo placeholder (svg simple), menú horizontal (Home, Features, About, Blog, Shop, Contact) y botón de carrito con contador.
- Footer oscuro con 3 columnas: navegación principal, enlaces útiles y redes sociales (iconos SVG genéricos). Incluye texto de derechos de autor y enlace de con
3.928 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.928 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, menú principal y acceso al carrito
- 1.2 Hero con título grande, subtítulo y botón de demo
- 1.3 Grid de tarjetas de producto destacado con imagen, nombre y botón añadir al carrito
- 1.4 Sección de ventajas con iconos y breves descripciones
- 1.5 Testimonios en carrusel sencillo
- 1.6 Footer con enlaces de navegación, redes sociales y datos legales
FEATURES
- 1.1 Encabezado con título y descripción de funcionalidades
- 1.2 Lista de características en tarjetas con icono y texto
- 1.3 Imagen ilustrativa al lado del texto
- 1.4 Footer replicado
ABOUT
- 1.1 Hero sencillo con foto de equipo y mensaje institucional
- 1.2 Historia de la marca en dos columnas
- 1.3 Valores en bloques con iconos
- 1.4 Footer replicado
BLOG
- 1.1 Lista de artículos con imagen, título, extracto y botón leer más
- 1.2 Sidebar con categorías y últimos posts
- 1.3 Footer replicado
SHOP
- 1.1 Cabecera con filtros y barra de búsqueda
- 1.2 Cuadrícula de productos con imagen, nombre, precio y botón comprar
- 1.3 Paginación inferior
- 1.4 Footer replicado
CONTACT
- 1.1 Formulario de contacto con campos nombre, email, mensaje y botón enviar
- 1.2 Mapa incrustado
- 1.3 Información de contacto y redes sociales
- 1.4 Footer replicado
PROMPTS RELACIONADOS · FASHION
