TECHNOLOGY · Claude Design · HTML

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

★★★★★4,6 340 descargas

Agencia creativa especializada en branding y comunicación visual Diseñamos experiencias que perduran.

↓ Descargar PROMPT.md

FREE 0€

NEW PROMPT

PROMPT

Cópialo y pégalo en Claude Design

↓ Descargar PROMPT.md

Crea una página web completa para la marca ficticia Codigo Orion (codigoorion.com) usando solo HTML, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. El sitio debe replicar la estructura visual de una agencia creativa moderna:

- **Palette**: Fondo principal #0A0A0A, texto principal #FFFFFF, acento primario #00AEEF, acento secundario #F5A623, bordes ligeros #222222.
- **Tipografía**: Google Font "Inter" (sans-serif) para todo el texto, encabezados con peso 700, cuerpo con peso 400.
- **Header**: Navbar fija, logo textual "Lúmina" en mayúsculas, enlaces ancla: HOME, ABOUT, PROJECTS, SERVICES, CONTACT. Botón de menú colapsable para dispositivos móviles.
- **Hero**: Contenedor centrado verticalmente, título h1 grande (text-6xl, tracking-widest) con la palabra "LÚMINA", subtítulo

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

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

4.446 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 Barra de navegación fija con logo y enlaces ancla
1.2 Hero principal con fondo tenue, título grande, subtítulo descriptivo y botón CTA
1.3 Área "Trusted By" con marquesina horizontal de logotipos de clientes
1.4 Sección "About" con texto introductorio y foto ilustrativa
1.5 Sección "Projects" con grid de tarjetas de proyecto y hover animado
1.6 Sección "Services" con columnas de servicios y iconos
1.7 Sección "Contact" con formulario simple y mapa estático
1.8 Footer con enlaces de navegación, redes sociales y datos de contacto

PROMPTS RELACIONADOS · TECHNOLOGY

Otros prompts de la misma categoría

Ficha de marca

Nombre: Codigo Orion
Sector: Agencia creativa especializada en branding y comunicación visual
Claim: Diseñamos experiencias que perduran

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 Barra de navegación fija con logo y enlaces ancla
1.2 Hero principal con fondo tenue, título grande, subtítulo descriptivo y botón CTA
1.3 Área "Trusted By" con marquesina horizontal de logotipos de clientes
1.4 Sección "About" con texto introductorio y foto ilustrativa
1.5 Sección "Projects" con grid de tarjetas de proyecto y hover animado
1.6 Sección "Services" con columnas de servicios y iconos
1.7 Sección "Contact" con formulario simple y mapa estático
1.8 Footer con enlaces de navegación, redes sociales y datos de contacto

Create Your Own 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.

Install Claude Design ↗

← Volver al catálogo ↗ Crea tu Skill personalizada

Codigo 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

Otros prompts de la misma categoría

Lumenova Labs

LumenSpark

Lumenova Apps

Lectorio