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

Shop Jade — Prompt de diseño web para Claude AI

Tienda online de ropa y accesorios contemporáneos Estilo actual sin complicaciones.

↓ Descargar PROMPT.md
+0
0 0
GRATIS 0€
Shop Jade — 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 Shop Jade (shopjade.com) con el siguiente stack: HTML estático, Tailwind CSS vía CDN, JavaScript vanilla en un único archivo. Usa la paleta de colores principal #1A1A1A (negro profundo), #FFFFFF (blanco), #E91E63 (rosa vibrante) y acentos #F5F5F5 (gris claro). Tipografía: headings con 'Playfair Display', body con 'Inter', ambas importadas desde Google Fonts. Estructura: - Header fijo, alto 80px, fondo negro, logo a la izquierda con tipografía Playfair, menú central (Home, Shop, Blog, FAQ, About, Contact) en blanco, buscador con placeholder "Buscar…" a la derecha, iconos de usuario y carrito (svg) con contador circular rojo. - Hero ocupando pantalla completa, fondo de imagen full‑width con overlay negro 40% opacity, texto centrado: título
3.938 caracteres · solo descargable completo ↓ Descargar PROMPT.md completo
3.938 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
Shop Jade — 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, buscador, iconos de usuario y carrito
  • 1.2 Hero principal con imagen de modelo y texto de bienvenida
  • 1.3 Sección de productos destacados en carrusel
  • 1.4 Cuadrícula de colecciones con imágenes y enlaces
  • 1.5 Bloque de testimonios con foto y cita
  • 1.6 Suscripción al boletín con formulario sencillo
  • 1.7 Footer con navegación secundaria, datos de contacto y redes sociales

SHOP

  • 2.1 Cabecera compartida
  • 2.2 Filtros de categoría y barra de búsqueda
  • 2.3 Grid de productos con foto, nombre y botón "Añadir al carrito"
  • 2.4 Paginación inferior
  • 2.5 Footer compartido

PRODUCT DETAIL

  • 3.1 Cabecera compartida
  • 3.2 Galería de imágenes del producto con carrusel
  • 3.3 Información del producto: nombre, descripción, selector de talla/color, precio y botón "Añadir al carrito"
  • 3.4 Sección de productos relacionados en grid
  • 3.5 Footer compartido

BLOG

  • 4.1 Cabecera compartida
  • 4.2 Lista de entradas con miniatura, título y extracto
  • 4.3 Paginación
  • 4.4 Footer compartido

ABOUT

  • 5.1 Cabecera compartida
  • 5.2 Texto descriptivo de la marca con imagen ilustrativa
  • 5.3 Equipo o valores en bloques
  • 5.4 Footer compartido

CONTACT

  • 6.1 Cabecera compartida
  • 6.2 Formulario de contacto con campos nombre, email, asunto y mensaje
  • 6.3 Mapa incrustado y datos de ubicación
  • 6.4 Footer compartido
PROMPTS RELACIONADOS · COMERCIO ELECTRÓNICO

Otros prompts de la misma categoría