NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web de una tienda online ficticia llamada Shop Ámbar (shopambar.com) siguiendo los patrones del diseño analizado. Utiliza una única página HTML con Tailwind CSS vía CDN y JavaScript vanilla en un archivo único. Paleta de colores: #0A0A0A (fondo principal), #F5F5F5 (texto claro), #1E90FF (acentos y botones), #E2E8F0 (bordes y fondos de tarjetas). Tipografía: "Inter", sans-serif para todo el texto, tamaños escalados con Tailwind (text-4xl, text-lg, etc.).
Estructura:
- Header fijo con logo SVG simple, menú horizontal (Home, About, Services, Blog, Contact) y botón de carrito que abre un modal con lista de productos, subtotal y botón de checkout.
- Hero sección ocupando el viewport completo, fondo degradado #0A0A0A → #1E90FF, título grande blanco, subtítulo gris claro, botón CTA
3.538 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.538 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 Encabezado con logo, menú principal y botón de carrito
- 2.1 Hero con título, subtítulo y botón CTA
- 3.1 Cuadrícula de categorías destacadas
- 4.1 Sección de productos en rejilla con tarjetas
- 5.1 Testimonios con carrusel sencillo
- 6.1 Llamado a la acción de suscripción al boletín
- 7.1 Pie de página con navegación secundaria, datos de contacto y redes sociales
ABOUT US
- 1.1 Encabezado (reutiliza el global)
- 2.1 Hero con imagen y texto descriptivo
- 3.1 Historia de la empresa en bloques de texto e iconos
- 4.1 Equipo en tarjetas con foto y breve bio
- 5.1 Footer
SERVICES
- 1.1 Encabezado
- 2.1 Hero con listado de servicios
- 3.1 Tarjetas descriptivas con iconografía
- 4.1 CTA para contacto
- 5.1 Footer
BLOG
- 1.1 Encabezado
- 2.1 Hero con filtro de categorías
- 3.1 Lista de artículos en tarjetas
- 4.1 Sidebar con últimas entradas y suscripción
- 5.1 Footer
CONTACT
- 1.1 Encabezado
- 2.1 Hero con formulario de contacto
- 3.1 Información de ubicación y mapa
- 4.1 Footer
PROMPTS RELACIONADOS · COMERCIO ELECTRÓNICO
Otros prompts de la misma categoría
PROMPTComercio electrónico
Market Zenit
★★★★★ 1.110 descargas
GRATIS0€
PROMPTComercio electrónico
Lino & Cañamo
★★★★★ 1.338 descargas
GRATIS0€
PROMPTComercio electrónico
Store Austral
★★★★★ 3.147 descargas
GRATIS0€
GPT Image 2
PROMPTComercio electrónico
Línea Aurora
★★★★★ 1.700 descargas
GRATIS0€
GPT Image 2