Carrito Iniciar sesión
COMERCIO ELECTRÓNICO · Claude Design · HTML

Aurora Atelier — Prompt de diseño web para Claude AI

Tienda online de artes y objetos de diseño Espacios creados para inspirar.

↓ Descargar PROMPT.md
+0
0 0
GRATIS 0€
Aurora Atelier — vista previa
NUEVO PROMPT
PROMPT

Cópialo y pégalo en Claude Design

↓ Descargar PROMPT.md
Crea un sitio web completo para la marca ficticia Aurora Atelier (auroraatelier.com), una tienda online de artes y objetos de diseño. Usa solo HTML, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. La paleta de colores debe incluir: #1A1A1A (negro profundo), #F5F5F5 (gris muy claro), #D4AF37 (oro pastel), #FFFFFF (blanco). Tipografía: headings con "Playfair Display", body con "Inter", ambas de Google Fonts. Estructura: - Header fijo con logo a la izquierda, menú de cinco enlaces (Colecciones, Galería, Blog, Sobre nosotros, Contacto) y botón de carrito que abre un modal. El menú colapsa a ícono hamburguesa en móvil. - Hero de página principal: fondo blanco, texto grande centrado con efecto de perspectiva 3D (translateY 60% y rotateX -100deg) que se anima al cargar. Incluye un
3.851 caracteres · solo descargable completo ↓ Descargar PROMPT.md completo
3.851 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
Aurora Atelier — 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 y carrito modal
  • 1.2 Hero principal con texto destacado y efecto de perspectiva
  • 1.3 Bloque de presentación de colecciones con tarjetas de producto
  • 4.1 Galería de imágenes en cuadrícula
  • 5.1 Sección de testimonios con carrusel sencillo
  • 6.1 Llamada a la acción para suscribirse al boletín
  • 7.1 Footer con enlaces de navegación, redes y datos de contacto

PRODUCTOS

  • 1.1 Listado de productos en cuadrícula con filtros
  • 2.1 Detalle de producto: imágenes, descripción, opciones y botón "Añadir al carrito"
  • 3.1 Sección de productos relacionados

CART

  • 1.1 Modal del carrito con lista de artículos, cantidades, precios y botón de checkout

CHECKOUT

  • 1.1 Formulario de datos de facturación y envío
  • 2.1 Resumen del pedido y botón de confirmar compra

BLOG

  • 1.1 Lista de artículos con imágenes y extractos
  • 2.1 Página individual de artículo con contenido y comentarios
PROMPTS RELACIONADOS · COMERCIO ELECTRÓNICO

Otros prompts de la misma categoría