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

NorteÁrtico — Prompt de diseño web para Claude AI

Tienda online de productos de estilo nórdico y outdoor Diseños que inspiran aventuras cotidianas.

↓ Descargar PROMPT.md
+0
0 0
GRATIS 0€
NorteÁrtico — 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 **NorteÁrtico** (tienda online de productos nórdicos y outdoor) usando únicamente HTML, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. El proyecto debe reproducir fielmente la estructura y el estilo de la plantilla analizada, pero con contenido propio. **Alcance** - Home con 8 bloques descritos en la clave "secciones". - Páginas internas: About, Work, Blog, Shop, Contact, cada una con los bloques listados en la tabla. - Header fijo con logo (SVG de montaña estilizada), menú principal (Home, About, Work, Blog, Shop, Contact) y mega‑menú que muestra enlaces agrupados en columnas (Pages, Other pages, Utility, Follow us). Añadir animación suave al desplegar. - Botón de carrito en el header con contador dinámico (simulado). Al h
4.368 caracteres · solo descargable completo ↓ Descargar PROMPT.md completo
4.368 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
NorteÁrtico — 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, enlaces principales y mega‑menú
  • 1.2 Botón de carrito con contador
  • 1.3 Hero principal con título, subtítulo y llamada a la acción
  • 1.4 Bloque de presentación de valores (icono + texto)
  • 1.5 Galería de productos destacados en grid
  • 1.6 Sección de testimonios con carrusel
  • 1.7 Newsletter con formulario de suscripción
  • 1.8 Footer con enlaces institucionales, legales y redes sociales

ABOUT

  • 2.1 Header interno con título de página y breadcrumbs
  • 2.2 Texto descriptivo de la marca y misión
  • 2.3 Equipo con tarjetas de perfil
  • 2.4 Valores en columnas
  • 2.5 Footer

WORK

  • 3.1 Cabecera con título y filtro de categorías
  • 3.2 Grid de proyectos con imágenes y overlay
  • 3.3 Detalle del proyecto (imágenes, descripción, características)
  • 3.4 Footer

BLOG

  • 4.1 Cabecera con título y buscador
  • 4.2 Lista de artículos en tarjetas con imagen, categoría y extracto
  • 4.3 Paginación
  • 4.4 Footer

SHOP

  • 5.1 Cabecera con título y filtros de categoría y precio
  • 5.2 Grid de productos con imagen, nombre, precio y botón "Añadir al carrito"
  • 5.3 Sidebar con filtros avanzados
  • 5.4 Footer

CONTACT

  • 6.1 Formulario de contacto con campos nombre, email, mensaje
  • 6.2 Mapa incrustado
  • 6.3 Información de contacto y redes sociales
  • 6.4 Footer
Imagen generada con OpenRouter · Nano Banana (Gemini 2.5 Flash Image) · google/gemini-2.5-flash-image · 30/06/2026
PROMPTS RELACIONADOS · TECNOLOGÍA

Otros prompts de la misma categoría