Cart Log in
TECHNOLOGY · 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
Image generated with OpenAI · gpt-image-2 · 09/06/2026
PROMPTS RELACIONADOS · TECHNOLOGY

Otros prompts de la misma categoría

AI video · Avatars that sell

Build your own avatars and shoot ads without a camera

Pick the face, the voice and the script, and your avatar records for you. Ads ready to publish with no studio, no actors and no subscriptions: you go straight to the models and pay only for what you generate.

  • Custom avatars
  • Your voice, your script
  • No subscription
  • Ready to publish
Create my avatar
AvatarHype