TECNOLOGÍA · Claude Design · HTML

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

★★★★★4,9 1.890 descargas

Agencia creativa especializada en diseño digital y experiencias interactivas Diseñamos espacios digitales que inspiran.

↓ Descargar PROMPT.md

GRATIS 0€

NUEVO PROMPT

PROMPT

Cópialo y pégalo en Claude Design

↓ Descargar PROMPT.md

Crea un sitio web completo para la marca ficticia Lab Orion, una agencia creativa. Usa HTML estático con Tailwind CSS vía CDN y JavaScript vanilla en un solo archivo. Paleta de colores: fondo oscuro #0a0a0a, primario #ff6f61, secundario #e0e0e0, acento #ffd700. Tipografía: encabezados con "Inter" (sans‑serif), cuerpo con "Roboto". 

Estructura:
- Header fijo con logo textual "Lab Orion" a la izquierda y menú hamburguesa a la derecha.
- Hero full‑screen, centrado, texto grande "Diseñamos espacios digitales que inspiran" y botón 3D con sombra, estilo neumorphic, enlace a "#home-demo".
- Sección Home Demo (#home-demo): grid responsiva 2‑col en md, 1‑col en móvil. Cada tarjeta es un círculo con imagen de demo, overlay con texto "Launch demo" y título del demo (Home 1‑4) + subtítulo descriptivo

╬∞┼α±╣∩♦ ╗≡║♣╦◘√ ∩↓ε±╗↔σ │▀π│φ╗φ ≤◙■φ╚◙♠ ◘≥█╔└╩╝ Ωτ≡╗α╔
 ╩▒↔║│█╬ φ┤╬ε±♦╬ ♠┼┼░╬↑■ ∩◘↑♣┴╗α ═±²←↑╩█ →ⁿ√┬π┤↑ ├Σ─Ω▒
▀ Σⁿ▒ß√╡─ ┬╚◙▓ε▀♦ ╦▒ⁿ│Σ←╡ ß≥┼─τ─π ≤░↑▀┼→δ ┼→•∩├╣♣ Σ═╫▓
╬√ α◙╠±π╫↑ ±±║█╫•╔ ²φ╡▓≤∞♠ ▀•≥┴╚║◘ ²≡ⁿΩ■Ω▓ ╬²≥♠σ∩┤ ─²╦
ⁿ≡├ √┤▓╦└φ± ├╔→π╬ε├ √δ╬─ε♦δ τ◙•╫≤σ▒ ╣┤µ♦▀╔φ ▓µ╦Σ└Σ┬ └ß
┤■┤µ ♠±♣┤█ⁿ╣ ╩╦↔█•♣δ α┴εττ•Ω ≥≤─┤░Φα ↑■─≤ⁿµ┼ π╫τ←≤Ω♦ ♦
±╔╣♣σ ┼■┬±Ω√┤ ↔→╦♦├σ╣ •╔┼■◘•▒ ╦╝◘▀─♠≡ ═∞▓α╠╚▒ Φ≡≡Σ≥╡↔ 
π│╔←♦╩ ╠ε♣√─▒╣ τ±┬≥╠←■ ←╦║▀↑◘╝ ├↔≥═┼┤└ √╔←╠≤◙µ ═╝╚τ→▒↓
┴▒╔╬≤♦ß τπ◙╫εσ├ ■┬╦≡■░└ δ╝∩↓╚δ█ ┴╣└φ╬▀◙ ∞Ω•µ■♦═ ╗░εΩ│╚
 ↔╫Φ•╠↔ß ╔↓╚√╝±╬ ▀┬→↓≡└╩ ┴Ω≥■╡■√ ╩√←♣±↓─ █╔♣ε│ⁿ◘ ß╝↓┼╠
• └↔Φ↓┴Ω■ ε■≤µ∞░↔ √φ├╣↔δ∩ ╫πΩ♣╠╬→ ─±═│∞╡╦ Φ√▀ß╝┼▀

3.391 caracteres · solo descargable completo ↓ Descargar PROMPT.md completo

3.391 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 Hero con título y botón CTA
1.2 Rejilla Home Demo (4 tarjetas circulares)
1.3 Work Demo (8 tarjetas de proyecto)
1.4 Blog Demo (tarjetas de artículo)
1.5 Footer con enlaces básicos

WORK

1.1 Galería de proyectos (layout tipo cuadrícula con imágenes circulares y overlay)
1.2 Detalle de proyecto (imagen grande, descripción, navegación)

BLOG

1.1 Lista de entradas (tarjetas con imagen y título)
1.2 Entrada individual (imagen encabezado, texto, comentarios)

ABOUT

1.1 Presentación de la agencia (texto y foto)
1.2 Equipo (tarjetas de perfil)
1.3 Valores y proceso (iconos + texto)

PROMPTS RELACIONADOS · TECNOLOGÍA

Otros prompts de la misma categoría

Ficha de marca

Nombre: Lab Orion
Sector: Agencia creativa especializada en diseño digital y experiencias interactivas
Claim: Diseñamos espacios digitales que inspiran

Para que Claude replique el diseño con la mayor fidelidad posible, descarga la captura y adjúntala en tu chat antes de pegar el prompt.

Descargar captura de referencia

Bloques de la home

1.1 Hero con título destacado y botón 3D
1.2 Rejilla "Home Demo" con cuatro tarjetas circulares que enlazan a demos de home
1.3 Sección "Work Demo" con cuadrícula de ocho tarjetas de proyectos
1.4 Sección "Blog Demo" con cuadrícula de tarjetas de artículos
1.5 Footer minimalista con enlaces y datos de contacto

Crea tu propia Skill

Genera una Skill personalizada para Claude AI en minutos. Sin código.

Empezar ahora ↗

Diseña con Claude Design

¿Te gusta este theme? Instala Claude Design y crea el tuyo hablando con Claude.

Instalar Claude Design ↗

← Volver al catálogo ↗ Crea tu Skill personalizada

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

Cópialo y pégalo en Claude Design

Convierte este prompt en diseño real

Tabla de secciones

HOME

WORK

BLOG

ABOUT

Otros prompts de la misma categoría

Lumenova Labs

LumenSpark

Lumenova Apps

Lectorio