Carrito Iniciar sesión
COMERCIO ELECTRÓNICO · Tailwind CSS · Vanilla JS · HTML

Market Zenit – Moda sostenible con diseño minimalista

Tema web para la marca ficticia Market Zenit que combina moda y estilo de vida con una estética minimalista y colores elegantes. Incluye header fijo, hero a pantalla completa, galería responsive y carrito lateral, todo con Tailwind CSS y JavaScript puro. Optimizado para SEO y accesibilidad.

↓ Descargar PROMPT.md
+0
0 0
GRATIS 0€
Market Zenit — 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 "Market Zenit" (moda y estilo de vida) usando solo HTML, Tailwind CSS (CDN) y JavaScript vanilla en un único archivo. Reproduce fielmente la siguiente estructura y estilo sin copiar texto original: - **Paleta de colores**: #1a1a1a (fondo principal), #f5f5f5 (texto claro), #e63946 (accent rojo), #ffffff (blanco), #757575 (gris secundario). - **Tipografía**: Fuente "Inter", peso regular 400 y negrita 600, tamaños responsive (h1 3rem, h2 2rem, p 1rem). - **Header**: barra fija con logo textual "Market Zenit" a la izquierda, menú horizontal (Home, About, Shop, Blog) centrado, botón de carrito a la derecha con contador. En móviles colapsa a icono de hamburguesa que abre un panel lateral. - **Cart sidebar**: panel deslizante desde la derecha, li
4.033 caracteres · solo descargable completo ↓ Descargar PROMPT.md completo
4.033 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
Market Zenit — 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 Cabecera con logo, menú de navegación y botón de carrito lateral
  • 1.2 Hero de imagen a pantalla completa con título y botón CTA
  • 1.3 Bloque de valores (3 columnas con icono y texto)
  • 1.4 Galería de productos destacados (grid 4 columnas, hover)
  • 1.5 Testimonios con contador de años de experiencia
  • 1.6 Footer con enlaces, newsletter y redes

ABOUT US

  • 2.1 Cabecera idéntica a la home
  • 2.2 Imagen hero con texto descriptivo
  • 2.3 Historia de la marca en dos columnas (texto + imagen)
  • 2.4 Equipo en cards circulares
  • 2.5 Footer común

SHOP

  • 3.1 Cabecera idéntica
  • 3.2 Filtros lateral izquierdo (categorías, talla, precio)
  • 3.3 Grid de productos (tarjetas con foto, nombre, precio, botón "Añadir")
  • 3.4 Paginación inferior
  • 3.5 Footer común

BLOG

  • 4.1 Cabecera idéntica
  • 4.2 Lista de artículos en cards con imagen, título y excerpt
  • 4.3 Barra lateral con categorías y últimos posts
  • 4.4 Footer común

CART (sidebar)

  • 5.1 Lista de items en el carrito con mini‑imagen, nombre, opciones y cantidad
  • 5.2 Subtotal y botón de checkout
  • 5.3 Botón para cerrar el sidebar
PROMPTS RELACIONADOS · COMERCIO ELECTRÓNICO

Otros prompts de la misma categoría