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

Codigo Lira — Prompt de diseño web para Claude AI

Marketplace de plantillas y recursos digitales Explora, elige y crea sin límites.

↓ Descargar PROMPT.md
+0
0 0
GRATIS 0€
Codigo Lira — 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 Codigo Lira (marketplace de plantillas digitales) usando únicamente HTML, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. La web debe reproducir el diseño observado: - Paleta de colores monocromática: fondo blanco (#FFFFFF), texto negro (#000000), acentos grises oscuros (#222222) y resaltado gris claro (#F5F5F5). - Tipografía: encabezados con "Inter" (sans-serif, weight 700) y cuerpo con "Roboto" (sans-serif, weight 400). - Header fijo con logo (texto Codigo Lira), menú horizontal (Home, About, Work, News, Contact), botón de carrito que abre una barra lateral derecha, y botón hamburguesa para móvil. - Hero section: contenedor central con título grande (h1) «La plantilla definitiva para crear sin límites», línea decorati
3.356 caracteres · solo descargable completo ↓ Descargar PROMPT.md completo
3.356 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
Codigo Lira — 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 Header con logo, menú principal, carrito lateral y botón móvil
  • 1.2 Hero con título grande y línea decorativa
  • 1.3 Área de contenido principal (placeholder para grids de productos)
  • 1.4 Footer con enlaces secundarios y copyright

ABOUT

  • 1.1 Header reutilizado
  • 1.2 Sección de presentación de la empresa
  • 1.3 Equipo y valores
  • 1.4 Footer reutilizado

WORK

  • 1.1 Header reutilizado
  • 1.2 Galería de trabajos/plantillas
  • 1.3 Testimonios
  • 1.4 Footer reutilizado

BLOG

  • 1.1 Header reutilizado
  • 1.2 Lista de artículos con miniaturas
  • 1.3 Barra lateral de categorías
  • 1.4 Footer reutilizado

CONTACT

  • 1.1 Header reutilizado
  • 1.2 Formulario de contacto
  • 1.3 Información de ubicación y redes
  • 1.4 Footer reutilizado

CART (sidebar)

  • 1.1 Cabecera del carrito con título y botón cerrar
  • 1.2 Lista de productos en el carrito
  • 1.3 Resumen de subtotal y botones de checkout
  • 1.4 Estado vacío o mensajes de error
Imagen generada con OpenAI · gpt-image-2 · 09/06/2026
PROMPTS RELACIONADOS · TECNOLOGÍA

Otros prompts de la misma categoría