NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático de una tienda online ficticia llamada Ocio Atlas con los siguientes requisitos:
- Stack: HTML + Tailwind CSS (CDN) + JavaScript vanilla, todo en un solo archivo.
- Paleta de colores: #1A202C (gris oscuro), #2D3748 (gris medio), #4A5568 (gris claro), #F6E05E (amarillo vibrante), #FFFFFF (blanco).
- Tipografía: 'Inter' para títulos y 'Open Sans' para cuerpo, ambas desde Google Fonts.
- Header: barra superior con logo a la izquierda, iconos de redes sociales (Twitter, Instagram, LinkedIn, Dribbble) ocultos en móvil, botón de carrito que abre un modal con listado de productos, botón hamburguesa que despliega un menú lateral con numeración de enlaces (01 Home, 02 About, 03 Products, 04 Contact). El menú debe animarse con transición de escala.
- Hero: sección a pantall
3.426 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.426 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 logo, menú hamburguesa y carrito modal
- 1.2 Hero con imagen de fondo y botón principal
- 1.3 Grid de productos destacados (3 columnas)
- 1.4 Testimonios en carrusel
- 1.5 Sección de newsletter
- 1.6 Footer con enlaces, redes y suscripción
ABOUT
- 1.1 Cabecera reutilizada
- 1.2 Información de la marca y misión
- 1.3 Equipo en tarjetas horizontales
- 1.4 Valores con iconos
- 1.5 Footer reutilizado
PRODUCTS
- 1.1 Cabecera reutilizada
- 1.2 Lista de categorías en barra lateral
- 1.3 Grid de productos (4 columnas) con filtro
- 1.4 Paginación
- 1.5 Footer reutilizado
CONTACT
- 1.1 Cabecera reutilizada
- 1.2 Formulario de contacto con campos nombre, email, mensaje
- 1.3 Mapa incrustado
- 1.4 Footer reutilizado
PROMPTS RELACIONADOS · ENTRETENIMIENTO
