Carrito Iniciar sesión
TECNOLOGÍA · Claude Design · HTML

Codigo Polar — Prompt de diseño web para Claude AI

Tienda online de artículos de diseño y moda independiente Diseño con intención, sin rodeos.

↓ Descargar PROMPT.md
+0
0 0
GRATIS 0€
Codigo Polar — 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 Codigo Polar, una tienda online de artículos de diseño y moda independiente. Usa únicamente HTML, Tailwind CSS vía CDN y JavaScript vanilla en un solo archivo. Reproduce el diseño visual analizado: barra de navegación fija con logo circular, enlaces principales (Home, Work, Services, About, Shop, Talk To Me) y un menú desplegable "Pages" con varias secciones; icono de carrito con contador que abre un modal modal con lista de productos, resumen y botón de checkout. Hero de portada con fondo oscuro, texto centrado y botón llamativo. A continuación, una cuadrícula de enlaces rápidos, una sección de productos destacados en tarjetas (imagen, nombre, precio, botón "Añadir"), bloque de beneficios con iconos y texto breve, y una llamada a la acción
3.738 caracteres · solo descargable completo ↓ Descargar PROMPT.md completo
3.738 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
Codigo Polar — 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 Barra de navegación fija con logo circular, enlaces y dropdown
  • 1.2 Icono de carrito con contador y modal
  • 1.3 Hero con imagen de fondo y botón principal
  • 1.4 Cuadrícula de enlaces rápidos (Work, Services, Shop, About, etc.)
  • 1.5 Tarjetas de productos destacados (imagen, nombre, precio, botón "Añadir")
  • 1.6 Bloque de insights/beneficios con iconos y texto corto
  • 1.7 Sección de contacto rápido "Talk To Me" con formulario inline
  • 1.8 Footer con enlaces de utilidad, redes sociales y crédito

WORK

  • 2.1 Cabecera interna con breadcrumb y título
  • 2.2 Galería de proyectos en cuadrícula filtrable
  • 2.3 Detalle de proyecto con imágenes, descripción y CTA

SERVICES

  • 3.1 Lista de servicios en columnas con iconos
  • 3.2 Texto descriptivo y botón de solicitud

ABOUT

  • 4.1 Perfil del fundador con foto circular y texto biográfico
  • 4.2 Valores de la marca en tarjetas

SHOP

  • 5.1 Catálogo de productos con filtros y barra lateral
  • 5.2 Vista de producto individual con galería, descripción, selector de cantidad y botón "Añadir al carrito"

INSIGHTS

  • 6.1 Lista de artículos de blog en tarjetas con imagen, título y resumen
  • 6.2 Paginación al final

CART MODAL

  • 7.1 Encabezado del carrito con botón cerrar
  • 7.2 Lista de ítems con miniatura, nombre, precio y cantidad
  • 7.3 Resumen de subtotal y total
  • 7.4 Botón de checkout

CONTACT

  • 8.1 Formulario de contacto con campos nombre, email, mensaje y botón enviar
  • 8.2 Información de contacto y mapa embed
PROMPTS RELACIONADOS · TECNOLOGÍA

Otros prompts de la misma categoría