NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
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
CAPTURA COMPLETA · HOME
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