Carrito Iniciar sesión
COMERCIO ELECTRÓNICO · Tailwind · Vanilla JS · Claude Design

Store Austral – Tema de e‑commerce creativo con Tailwind CSS

Tema completo para Store Austral, plataforma de venta de productos creativos. Incluye hero, colecciones destacadas, contadores animados y carrusel de testimonios, todo responsive con Tailwind CSS y JavaScript puro. Optimizado para SEO y accesibilidad.

↓ Descargar PROMPT.md
+0
0 0
GRATIS 0€
Store Austral — vista previa
NUEVO PROMPT
PROMPT

Cópialo y pégalo en Claude Design

↓ Descargar PROMPT.md
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
CLAUDE DESIGN

Convierte este prompt en diseño real

Instala Claude Design, pega el prompt y ve la interfaz cobrar forma al instante.

Instalar Claude Design ↗
CAPTURA COMPLETA · HOME
Store Austral — home completa
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

Otros prompts de la misma categoría