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

Nébula Mercante — Prompt de diseño web para Claude AI

Plataforma de venta online de productos digitales y físicos Conecta tus productos con compradores de forma sencilla.

↓ Descargar PROMPT.md
+0
0 0
GRATIS 0€
Nébula Mercante — 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 "Nébula Mercante" (dominio nebulamerchante.com, sector comercio electrónico, claim "Conecta tus productos con compradores de forma sencilla", email hola@nebulamerchante.com, año 2026). Usa una única página HTML que incluya Tailwind CSS vía CDN y JavaScript vanilla en línea. Reproduce fielmente la estructura y estilo observados en el template analizado: - Paleta de colores: #FFFFFF (blanco puro), #000000 (negro), #F5F5F5 (gris muy claro), #333333 (gris oscuro) y acentos #1A73E8 (azul vivo). - Tipografía: fuente sans‑serif "Inter" importada de Google Fonts, tamaños 64px para títulos hero, 24px para subtítulos, 16px para cuerpo. - Header fijo con logo (placeholder SVG), menú de enlaces (Home, About, Work, News, Contact) y botón de carrito
4.233 caracteres · solo descargable completo ↓ Descargar PROMPT.md completo
4.233 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
Nébula Mercante — 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 botón de carrito lateral
  • 1.2 Hero introductorio con título grande y línea decorativa
  • 1.3 Cuadrícula de productos destacados
  • 1.4 Testimonios rotativos
  • 1.5 Últimas entradas del blog
  • 1.6 Formulario de suscripción
  • 1.7 Pie de página completo

ABOUT

  • 1.1 Cabecera (reutiliza la global)
  • 1.2 Bloque de historia de la marca con imagen y texto
  • 1.3 Valores y misión en tarjetas
  • 1.4 Equipo con fotos y descripciones breves
  • 1.5 Pie de página

WORK

  • 1.1 Cabecera
  • 1.2 Galería de casos de estudio en mosaico filtrable
  • 1.3 Detalle de proyecto con imágenes y texto
  • 1.4 Llamada a la acción "Contáctanos"
  • 1.5 Pie de página

NEWS

  • 1.1 Cabecera
  • 1.2 Lista de artículos en tarjetas con imagen, título y extracto
  • 1.3 Paginación inferior
  • 1.4 Pie de página

CONTACT

  • 1.1 Cabecera
  • 1.2 Formulario de contacto con campos nombre, email, mensaje
  • 1.3 Mapa estático o ilustración de ubicación
  • 1.4 Información de contacto rápida (teléfono, email)
  • 1.5 Pie de página

CART

  • 1.1 Carrito lateral derecho (overlay) con lista de productos, cantidades editables y subtotal
  • 1.2 Botones "Continuar comprando" y "Pasar a Checkout"
  • 1.3 Mensajes de error o vacío
  • 1.4 Pie de página (global)

CHECKOUT

  • 1.1 Cabecera mínima
  • 1.2 Resumen de pedido, formulario de datos de facturación y envío
  • 1.3 Opciones de pago (tarjeta, PayPal, Apple Pay)
  • 1.4 Botón "Confirmar compra"
  • 1.5 Pie de página

PRICING

  • 1.1 Cabecera
  • 1.2 Tabla comparativa de planes con características y botón de selección
  • 1.3 FAQ colapsable
  • 1.4 Llamada a la acción final
  • 1.5 Pie de página
Imagen generada con OpenRouter · Nano Banana (Gemini 2.5 Flash Image) · google/gemini-2.5-flash-image · 15/06/2026
PROMPTS RELACIONADOS · COMERCIO ELECTRÓNICO

Otros prompts de la misma categoría