Carrito Iniciar sesión
BLOG / REVISTA · Claude Design · HTML

Crónica Vega — Prompt de diseño web para Claude AI

Plataforma de comercio electrónico para productos artesanales y libros Conecta con creadores y descubre piezas únicas.

↓ Descargar PROMPT.md
+0
0 0
GRATIS 0€
Crónica Vega — vista previa
NUEVO PROMPT
PROMPT

Cópialo y pégalo en Claude Design

↓ Descargar PROMPT.md
Crea una página web completa para la marca ficticia Crónica Vega, una tienda online de productos artesanales y libros. Usa únicamente HTML, Tailwind CSS CDN y JavaScript vanilla en un único archivo. Reproduce fielmente la estructura y el estilo del sitio analizado: - Paleta de colores: fondo oscuro #111111, acento dorado #D4AF37, texto blanco #FFFFFF, gris suave #F5F5F5. - Tipografía: "Inter" para títulos y cuerpo, peso 400/600, tamaños responsivos (h1 48px, h2 36px, p 16px). - Header (navbar) fijo, fondo negro semi‑transparente, logo a la izquierda, menú horizontal con enlaces Home, Sobre nosotros, Libros, Eventos, Contacto y botón de carrito a la derecha que abre una barra lateral derecha con lista de productos y total. - Hero sección: imagen de fondo completa, título grande en dorado,
3.586 caracteres · solo descargable completo ↓ Descargar PROMPT.md completo
3.586 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
Crónica Vega — 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ú y carrito
  • 1.2 Hero principal con título y botón
  • 1.3 Rejilla de categorías
  • 1.4 Carrusel de colecciones
  • 1.5 Contador de productos + testimonios
  • 1.6 Tarjetas de eventos
  • 1.7 Últimas entradas del blog
  • 1.8 Footer informativo

ABOUT

  • 2.1 Cabecera reutilizada
  • 2.2 Imagen de presentación del equipo
  • 2.3 Texto descriptivo y misión
  • 2.4 Valores en columnas
  • 2.5 CTA a la tienda
  • 2.6 Footer

BOOK

  • 3.1 Cabecera
  • 3.2 Grid de libros con filtros
  • 3.3 Detalle del producto emergente
  • 3.4 CTA a comprar
  • 3.5 Footer

EVENT

  • 4.1 Cabecera
  • 4.2 Lista de eventos en tarjetas
  • 4.3 Calendario integrado
  • 4.4 Formulario de registro rápido
  • 4.5 Footer

CONTACT-US

  • 5.1 Cabecera
  • 5.2 Formulario de contacto con campos nombre, email, mensaje
  • 5.3 Mapa incrustado
  • 5.4 Información de contacto y redes
  • 5.5 Footer
PROMPTS RELACIONADOS · BLOG / REVISTA

Otros prompts de la misma categoría