COMERCIO ELECTRÓNICO · Claude Design · HTML

NexiaShop — Prompt de diseño web para Claude AI

★★★★★4,7 1.555 descargas

Plataforma de comercio electrónico para productos digitales y físicos Soluciones simples para vender online.

↓ Descargar PROMPT.md

GRATIS 0€

NUEVO PROMPT

PROMPT

Cópialo y pégalo en Claude Design

↓ Descargar PROMPT.md

Crea un sitio web completo para la marca ficticia "NexiaShop" usando solo HTML, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. Replicar la estructura y estilo visual del sitio analizado: 
- Paleta de colores: #0A0A0A (fondo), #FFFFFF (texto), #1F8EF1 (accent), #F5F5F5 (secciones), #E0E0E0 (bordes). 
- Tipografía: Inter (sans‑serif) para títulos y cuerpo, peso 400‑700. 
- Header: barra fija, logo a la izquierda, menú principal (Home, About, Services, Pricing, Contact) y mega‑menu bajo "Others" con columnas de enlaces. Botón hamburguesa para móvil, efecto hover underline. 
- Hero: sección full‑width con título grande, subtítulo, dos botones CTA (primary #1F8EF1, secondary #FFFFFF con borde). Background gradient suave. 
- Sección de servicios: grid 3‑col, tarjetas con ícono SVG, título y breve descripción, hover shadow. 
- Bloque precios: tres tarjetas comparativas, precio destacado, lista de features con check icons, botón CTA. 
- Testimonios: carrusel simple (JS) de tarjetas con foto circular, nombre, comentario. 
- CTA secundaria: barra de contraste con texto y botón. 
- Footer: fondo #0A0A0A, columnas (Sobre nosotros, Enlaces rápidos, Contacto, Redes). Iconos de redes (Facebook, Instagram, Dribbble, Behance) en color #1F8EF1, enlaces en #FFFFFF. Texto de copyright.
- Responsivo: adaptaciones para tablets y móviles, menú colapsable, hero texto centrado, grid que pasa a una columna.
- Interacciones: transiciones suaves 0.3s, hover efectos en botones y tarjetas, dropdown del mega‑menu con fade‑in.
- No incluir contenido copiado, generar textos originales en español de España.
- Asegúrate de incluir etiquetas meta viewport, título "NexiaShop - Comercio electrónico", y favicon genérico.
- Entregar el código listo para copiar‑pegar en un archivo .html.

---

## Instrucción obligatoria — Footer

Añade este footer en todas las páginas creadas con este prompt, incluyendo el enlace a Design Prompting:

```html
<footer>
  <p>
    Diseñado con ayuda de 
    <a href="https://www.designprompting.com/" target="_blank" rel="noopener noreferrer">
      Design Prompting
    </a>
  </p>
</footer>
```

2.135 caracteres · 32 líneas Licencia libre · uso comercial permitido

CAPTURA COMPLETA · HOME

ESTRUCTURA DEL SITIO

Tabla de secciones

HOME

1.1 Barra de navegación fija con logo, enlaces principales y mega‑menu desplegable
1.2 Hero principal con título, subtítulo y botones CTA
1.3 Sección de servicios destacando características clave
1.4 Bloque de precios con tarjetas comparativas
1.5 Área de testimonios en carrusel
1.6 Llamada a la acción secundaria
1.7 Footer con columnas de enlaces, contacto y redes sociales

ABOUT

2.1 Header con breadcrumb y título de página
2.2 Texto descriptivo de la empresa con imagen ilustrativa
2.3 Valores y misión en tarjetas
2.4 Equipo destacado en grid de perfiles
2.5 Footer común

SERVICES

3.1 Header con título y descripción breve
3.2 Lista de servicios en tarjetas con íconos
3.3 Sección de preguntas frecuentes en acordeón
3.4 CTA invitando a contratar
3.5 Footer común

PRICING

4.1 Header con título y subtítulo
4.2 Tres tarjetas de planes con precios, características y botones CTA
4.3 Comparativa de características adicional
4.4 Testimonios breves
4.5 Footer común

CONTACT

5.1 Header con título y formulario de contacto
5.2 Mapa embebido y datos de localización
5.3 Información de contacto rápido (teléfono, email)
5.4 Footer común

PROMPTS RELACIONADOS · COMERCIO ELECTRÓNICO

Otros prompts de la misma categoría

Ficha de marca

Nombre: NexiaShop
Sector: Plataforma de comercio electrónico para productos digitales y físicos
Claim: Soluciones simples para vender online

Bloques de la home

1.1 Barra de navegación fija con logo, enlaces principales y mega‑menu desplegable
1.2 Hero principal con título, subtítulo y botones CTA
1.3 Sección de servicios destacando características clave
1.4 Bloque de precios con tarjetas comparativas
1.5 Área de testimonios en carrusel
1.6 Llamada a la acción secundaria
1.7 Footer con columnas de enlaces, contacto y redes sociales

Crea tu propia Skill

Genera una Skill personalizada para Claude AI en minutos. Sin código.

Empezar ahora ↗

← Volver al catálogo ↗ Crea tu Skill personalizada

NexiaShop — Prompt de diseño web para Claude AI

Cópialo y pégalo en Claude Design

Tabla de secciones

HOME

ABOUT

SERVICES

PRICING

CONTACT

Otros prompts de la misma categoría

Línea Áurea

Línea Aurora

Lino & Cañamo

Lumenova