Cart Log in
PORTFOLIO · Claude Design · HTML

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

Agencia creativa y digital Diseñamos experiencias que impulsan resultados.

↓ Descargar PROMPT.md
+0
0 0
FREE 0€
Creador Lira — vista previa
NEW PROMPT
PROMPT

Cópialo y pégalo en Claude Design

↓ Descargar PROMPT.md
Crea un sitio web completo para la marca ficticia Creador Lira, una agencia digital, usando solo HTML, Tailwind CSS CDN y JavaScript vanilla en un único archivo. Replicar fielmente la estructura y estilo visual del sitio de referencia sin copiar texto ni imágenes originales. Utiliza la siguiente paleta de colores: #0d0d0d (negro profundo), #ffffff (blanco), #ff5a5f (tomate), #00aaff (azul brillante), #f2f2f2 (gris claro). Tipografía: Inter (Google Fonts) para títulos y texto, peso 400-700. Estructura y requerimientos: - **Header**: logo a la izquierda, menú de navegación centrado (Home, About, Projects, Blog, Contact, Pricing) y botón de llamada a la acción a la derecha con estilo primario (fondo #ff5a5f, texto blanco). Menú colapsable en móvil con icono hamburguesa. - **Home Hero**: secc
3.929 caracteres · solo descargable completo ↓ Descargar PROMPT.md completo
3.929 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.

Install Claude Design ↗
CAPTURA COMPLETA · HOME
Creador 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ú y botón de descarga
  • 1.2 Hero con título dividido en tres líneas, línea decorativa y llamado a la acción
  • 1.3 Sección "Trusted by" con tarjetas de clientes
  • 1.4 Valores centrales con texto, imágenes y lista enumerada
  • 1.5 Galería de trabajos recientes en formato grid
  • 1.6 Footer con enlaces de navegación y datos de contacto

ABOUT

  • 2.1 Header (reutilizado)
  • 2.2 Hero interno con subtítulo y descripción
  • 2.3 Equipo y misión
  • 2.4 Footer

PROJECTS

  • 3.1 Header
  • 3.2 Grid de proyectos con filtros
  • 3.3 Detalle de proyecto (imagen y texto)
  • 3.4 Footer

CONTACT

  • 4.1 Header
  • 4.2 Formulario de contacto con campos básicos
  • 4.3 Mapa e información de ubicación
  • 4.4 Footer

BLOG

  • 5.1 Header
  • 5.2 Lista de artículos en tarjetas
  • 5.3 Paginación
  • 5.4 Footer
PROMPTS RELACIONADOS · PORTFOLIO

Otros prompts de la misma categoría