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

Lab Jade — Prompt de diseño web para Claude AI

Agencia de diseño y desarrollo digital Diseñamos soluciones digitales a medida.

↓ Descargar PROMPT.md
+0
0 0
GRATIS 0€
Lab Jade — vista previa
NUEVO PROMPT
PROMPT

Cópialo y pégalo en Claude Design

↓ Descargar PROMPT.md
You are Claude Design. Create a full static website for the fictitious agency **Lab Jade** (agencia de diseño y desarrollo digital) using **HTML, Tailwind CSS (CDN) and vanilla JavaScript** in a single file. Follow the visual pattern of the reference site: a fixed top navbar with logo on the left, hamburger menu on the right, and a primary button "Start a Project". Hero section must have three large heading lines (first line, central line with opening/closing quotation‑mark SVG icons, third line) and a sub‑text paragraph that fades in, plus an auto‑playing image slider (3 slides, cross‑fade, 3 s delay). Below the hero, implement a continuous horizontal scrolling carousel showing brand icons and images in pairs, repeating infinitely. Include a services grid (4 columns on lg, 2 on md, 1 on s
3.785 caracteres · solo descargable completo ↓ Descargar PROMPT.md completo
3.785 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
Lab Jade — 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 Hero con título fragmentado y slider de imágenes de fondo
  • 1.2 Barra de navegación fija con logo, menú hamburguesa y botón de contacto
  • 1.3 Sección de marcas/tracker con logos y fotos en carrusel continuo
  • 1.4 Bloque de servicios resumido (título, ícono, descripción breve)
  • 1.5 Llamado a la acción final y enlaces al pie

SERVICES

  • 2.1 Lista de servicios con iconos y descripciones
  • 2.2 Casos de éxito en tarjetas

ABOUT

  • 3.1 Historia de la agencia con imagen y texto
  • 3.2 Equipo en tarjetas con foto y rol

ARTICLES

  • 4.1 Grid de artículos con miniatura, título y extracto
  • 4.2 Paginación simple

CONTACT

  • 5.1 Formulario de contacto con campos nombre, email, mensaje
  • 5.2 Mapa incrustado y datos de ubicación

FOOTER

  • 6.1 Enlaces de navegación, redes sociales y datos legales
PROMPTS RELACIONADOS · TECNOLOGÍA

Otros prompts de la misma categoría