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

AuraPulse — Prompt de diseño web para Claude AI

Plataforma de venta online de productos de bienestar y cuidados personales Todo lo que necesitas para sentirte mejor, en un solo lugar.

↓ Descargar PROMPT.md
+0
0 0
GRATIS 0€
AuraPulse — 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 **AuraPulse**, una tienda online de productos de bienestar, usando únicamente HTML, Tailwind CSS (CDN) y JavaScript vanilla en un único archivo. El diseño debe replicar la estructura visual del template analizado: **Paleta de colores** (extraída del original): - Primario: #0D3B66 - Secundario: #FAF0CA - Accent: #F4D35E - Texto oscuro: #1A1A1A - Texto claro: #FFFFFF **Tipografía**: Usa la fuente "Inter" para todo el texto y "Playfair Display" para encabezados grandes. Incluye los enlaces a Google Fonts en el `<head>`. **Header** (fijo, sticky): - Logo a la izquierda (SVG placeholder). - Menú de navegación con links: Home, Sobre Nosotros, Servicios, Productos, Blog, Contacto. - Dropdown bajo "Páginas" con enlaces a Home 1, Home 2, Equipo
4.951 caracteres · solo descargable completo ↓ Descargar PROMPT.md completo
4.951 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
AuraPulse — 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, dropdown de páginas y botón de carrito
  • 1.2 Hero con título destacado, subtítulo y botón de llamada a la acción
  • 1.3 Bloque de ventajas: iconos + texto breve en una cuadrícula de 4 columnas
  • 1.4 Sección de productos destacados con tarjetas y botones "Añadir al carrito"
  • 1.5 Testimonios en carrusel de 3 columnas
  • 1.6 Llamada a la acción final con fondo contrastante y formulario de suscripción
  • 1.7 Pie de página con columnas de enlaces, redes sociales y datos de contacto

PRODUCTOS

  • 2.1 Lista de productos en grid responsivo, tarjetas con imagen, nombre, precio y botón "Añadir"
  • 2.2 Filtros laterales por categoría y rango de precios

PRODUCTO DETALLE

  • 3.1 Galería de imágenes del producto
  • 3.2 Información del producto: título, descripción, precio, selector de variantes y botón "Añadir al carrito"
  • 3.3 Sección de productos relacionados en carousel

CARRITO

  • 4.1 Vista modal del carrito con lista de artículos, cantidades editables, subtotal y botón "Continuar al checkout"
  • 4.2 Botón para cerrar el modal

CHECKOUT

  • 5.1 Formulario de datos de facturación y envío
  • 5.2 Resumen del pedido y botón "Pagar"

CONTACTO

  • 6.1 Formulario de contacto simple con campos nombre, email, mensaje y botón enviar
  • 6.2 Información de contacto y mapa incrustado

POLÍTICAS

  • 7.1 Página de política de privacidad
  • 7.2 Página de términos y condiciones
  • 7.3 Página de devoluciones y reembolsos
PROMPTS RELACIONADOS · COMERCIO ELECTRÓNICO

Otros prompts de la misma categoría