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

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

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

↓ Descargar PROMPT.md
+0
0 0
GRATIS 0€
Codigo Orion — vista previa
NUEVO 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
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
Codigo Orion — 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 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 · TECNOLOGÍA

Otros prompts de la misma categoría