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

NexoCraft — Prompt de diseño web para Claude AI

Marketplace de plantillas y recursos digitales Conecta creadores con sus próximas ideas.

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

Cópialo y pégalo en Claude Design

↓ Descargar PROMPT.md
Create a complete single‑file website for the fictional brand **NexoCraft** (marketplace de plantillas y recursos digitales). Use only HTML, Tailwind CSS CDN and vanilla JavaScript. The design must replicate the visual patterns of the source site without copying any text or assets. **Palette**: Primary #0D3B66, Secondary #FAF0CA, Accent #F4D35E, Dark #222222, Light #F5F5F5. **Typography**: Headings – "Inter", sans‑serif; Body – "Roboto", sans‑serif. **Header**: Fixed top bar with logo (two stacked dots and brand name), main navigation (Home, About, Pages dropdown with numbered cards, Features, Pricing, Blog, Contact), cart icon with dynamic item counter, mobile hamburger. Dropdown must appear on hover/click, showing a grid of numbered page links with tiny description. **Announcement bar
4.051 caracteres · solo descargable completo ↓ Descargar PROMPT.md completo
4.051 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
NexoCraft — 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 anuncio superior con mensaje y enlace
  • 2.1 Header fijo con logo, menú principal y mega‑dropdown de páginas
  • 3.1 Ícono de carrito con contador y modal emergente
  • 4.1 Hero con título, subtítulo y botones CTA
  • 5.1 Galería de características en tarjetas con iconos numerados
  • 6.1 Sección de precios en tres columnas con tabla comparativa
  • 7.1 Testimonios en carrusel simple
  • 8.1 Newsletter y enlaces de redes en footer

ABOUT

  • 1.1 Hero interno con fotografía y texto descriptivo
  • 2.1 Historia de la marca en dos columnas
  • 3.1 Equipo en tarjetas con foto y rol
  • 4.1 CTA para contactar

FEATURES

  • 1.1 Lista de características en grid de tarjetas con icono y descripción
  • 2.1 Video o imagen ilustrativa
  • 3.1 CTA secundario

PRICING

  • 1.1 Tabla de planes en tres columnas, cada una con lista de beneficios y botón de compra
  • 2.1 Preguntas frecuentes en acordeón

BLOG

  • 1.1 Lista de artículos en formato tarjeta con imagen, título y extracto
  • 2.1 Paginación

CONTACT

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

Otros prompts de la misma categoría