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

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

Plantilla web para tiendas online con estética moderna Diseños que convierten sin complicaciones.

↓ Descargar PROMPT.md
+0
0 0
GRATIS 0€
Shop Boreal — vista previa
NUEVO PROMPT
PROMPT

Cópialo y pégalo en Claude Design

↓ Descargar PROMPT.md
Crea una página web completa de una plantilla de comercio electrónico llamada **Shop Boreal**. Utiliza HTML estático con Tailwind CSS CDN y JavaScript vanilla en un solo archivo. - **Paleta de colores**: #111827 (fondo oscuro), #1F2937 (tarjetas), #3B82F6 (accent azul), #F3F4F6 (texto gris claro), #FFFFFF (blanco). - **Tipografía**: Inter (sans‑serif) para todo el texto, con weights 400 y 700; usar `font-inter` y `font-bold` de Tailwind. - **Header** (presente en todas las páginas): barra superior fija, logo a la izquierda (texto LÚMINA en blanco), icono de hamburguesa circular a la derecha que abre un overlay de navegación, y al lado un botón de carrito con contador. - **Overlay de navegación**: fondo negro semi‑transparente, lista vertical de enlaces numerados (01 Home, 02 About,
4.457 caracteres · solo descargable completo ↓ Descargar PROMPT.md completo
4.457 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 Boreal — 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 Header con logo, icono de menú y carrito
  • 1.2 Overlay de navegación con enlaces numerados
  • 1.3 Hero con título dividido en tres líneas y subtítulo descriptivo
  • 1.4 Bloque de productos destacados (grid)
  • 1.5 Testimonios en carrusel
  • 1.6 Newsletter con formulario de suscripción
  • 1.7 Footer con enlaces institucionales y redes sociales

ABOUT

  • 2.1 Header idéntico a HOME
  • 2.2 Hero secundario con foto y texto introductivo
  • 2.3 Historia de la marca en bloques de texto e imagen
  • 2.4 Equipo con tarjetas de perfil
  • 2.5 Valores en lista iconizada
  • 2.6 Footer idéntico a HOME

WORK

  • 3.1 Header
  • 3.2 Galería tipo masonry de proyectos
  • 3.3 Filtro por categoría
  • 3.4 Detalle de proyecto destacado
  • 3.5 Footer

NEWS

  • 4.1 Header
  • 4.2 Lista de artículos en rejilla
  • 4.3 Paginación
  • 4.4 Footer

CONTACT

  • 5.1 Header
  • 5.2 Formulario de contacto con campos nombre, email, mensaje
  • 5.3 Mapa incrustado
  • 5.4 Información de contacto y redes
  • 5.5 Footer
Imagen generada con OpenRouter · Nano Banana (Gemini 2.5 Flash Image) · google/gemini-2.5-flash-image · 04/06/2026
PROMPTS RELACIONADOS · COMERCIO ELECTRÓNICO

Otros prompts de la misma categoría