NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca **Show Atlas** (ecommerce de productos digitales) usando **HTML estático**, **Tailwind CSS vía CDN** y **JavaScript vanilla** en un solo archivo.
- **Paleta de colores**: #1F2937 (gris oscuro), #3B82F6 (azul primario), #F9FAFB (gris muy claro), #10B981 (verde acento), #FFFFFF (blanco).
- **Tipografía**: Inter (sans‑serif) para títulos y cuerpo, peso 400‑600, tamaños responsivos (h1 3rem, h2 2.25rem, p 1rem).
- **Header**: logo a la izquierda, iconos de redes (Twitter, Instagram, LinkedIn, Dribbble) a la izquierda, botón de carrito a la derecha con contador. Menú hamburguesa que abre una barra lateral con enlaces numerados (01 Home, 02 About, 03 News, 04 Shop, 05 Contact).
- **Hero**: sección full‑width con fondo degradado azul‑verde, título grande
3.583 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.583 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, icons sociales y carrito
- 1.2 Menú hamburguesa y navegación lateral
- 1.3 Hero full‑width con llamado a la acción
- 1.4 Cuadrícula de productos destacados
- 1.5 Bloque de testimonios en carrusel
- 1.6 Sección de suscripción al newsletter
- 1.7 Footer con enlaces y redes sociales
ABOUT
- 2.1 Header (reutilizado)
- 2.2 Hero de presentación de la marca
- 2.3 Texto descriptivo con imagen interior
- 2.4 Equipo en tarjetas
- 2.5 Valores en iconos
- 2.6 CTA a la tienda
- 2.7 Footer
BLOG
- 3.1 Header
- 3.2 Lista de artículos en grid
- 3.3 Sidebar con categorías y búsqueda
- 3.4 Paginación
- 3.5 Footer
PRODUCT
- 4.1 Header
- 4.2 Galería de imágenes del producto
- 4.3 Detalle con título, precio y selector de variantes
- 4.4 Botón "Añadir al carrito"
- 4.5 Sección de productos relacionados
- 4.6 Footer
CART
- 5.1 Header
- 5.2 Modal de carrito con lista de items, cantidades y total
- 5.3 Botones de checkout y continuar comprando
- 5.4 Footer
Imagen generada con OpenRouter · Nano Banana (Gemini 2.5 Flash Image) · google/gemini-2.5-flash-image · 11/07/2026
PROMPTS RELACIONADOS · ENTRETENIMIENTO
