NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa en un único archivo HTML usando Tailwind CSS CDN y JavaScript vanilla. La marca es Store Austral (storeaustral.com) con claim "Espacio para crear y compartir tu mundo" y color principal #0A2647, secundario #164E63, acento #22C55E, fondo #F5F5F5 y texto #111827. Tipografía: Inter (Google Fonts) para encabezados y texto, peso 400‑700.
Estructura:
- <header class="fixed inset-x-0 top-0 bg-white shadow-md z-50"> con logo a la izquierda, menú horizontal (Podcast, Sobre Nosotros, Blog, Gente, Merch, Todas las páginas), botón "Únete" (estilo primario) solo visible en móvil, icono de búsqueda y carrito (con badge). Menú colapsable en móvil (hamburger).
- Hero sección (full‑height) con fondo blanco, título grande (text-5xl font-bold text-primary), subtítulo, botón CTA
3.570 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.570 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 fija con logo, menú principal, búsqueda, carrito y botón "Únete".
- 2.1 Hero principal con título grande, subtítulo y botón CTA.
- 3.1 Bloque de colecciones destacadas en grid de tarjetas.
- 4.1 Contador de métricas clave (productos, usuarios, ventas).
- 5.1 Testimonios en carrusel de citas.
- 6.1 Últimas entradas del blog en formato listado.
- 7.1 Llamado a la acción para suscripción al newsletter.
- 8.1 Pie de página con navegación secundaria, redes sociales y formulario de suscripción.
COLECCIONES
- 1.1 Lista de categorías con imágenes y enlaces.
- 2.1 Paginación o carga incremental.
PRODUCTO
- 1.1 Galería de imágenes del producto.
- 2.1 Título, descripción corta y precio.
- 3.1 Selector de variantes y botón "Añadir al carrito".
- 4.1 Información adicional (detalles, especificaciones).
- 5.1 Sección de reseñas de usuarios.
BLOG
- 1.1 Lista de artículos con imagen destacada, título y extracto.
- 2.1 Paginación.
ENTRADA DE BLOG
- 1.1 Título, autor, fecha y contenido completo.
- 2.1 Comentarios integrados.
- 3.1 Artículos relacionados.
CARRO DE COMPRAS
- 1.1 Vista modal con resumen de productos, cantidades y precios.
- 2.1 Botón "Continuar al pago".
- 3.1 Subtotal y opciones de envío.
CHECKOUT
- 1.1 Formulario de datos de facturación y envío.
- 2.1 Resumen de pedido.
- 3.1 Métodos de pago (tarjeta, PayPal, Apple Pay).
- 4.1 Botón "Finalizar compra".
ABOUT US
- 1.1 Historia de la marca y misión.
- 2.1 Equipo con fotos y biografías.
- 3.1 Valores y compromiso social.
CONTACTO
- 1.1 Formulario de contacto.
- 2.1 Información de enlace (email, teléfono, redes).
- 3.1 Mapa incrustado.
JOIN
- 1.1 Página de registro / suscripción a comunidad.
- 2.1 Beneficios y llamado a la acción.
FOOTER
- 1.1 Enlaces institucionales (Política de privacidad, Términos, Ayuda).
- 2.1 Iconos de redes sociales.
- 3.1 Formulario de suscripción al boletín.
- 4.1 Créditos y año.
Imagen generada con GPT Image 2 · 04/06/2026
PROMPTS RELACIONADOS · COMERCIO ELECTRÓNICO