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

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

Agencia digital de diseño y desarrollo web Creando experiencias digitales sin código.

↓ Descargar PROMPT.md
+0
0 0
GRATIS 0€
Digital Orion — vista previa
NUEVO PROMPT
PROMPT

Cópialo y pégalo en Claude Design

↓ Descargar PROMPT.md
Crea un sitio web completo con la marca ficticia Digital Orion siguiendo el estilo del template analizado. Utiliza una única página HTML con Tailwind CSS vía CDN y JavaScript vanilla (un solo archivo). Paleta monocromática: fondo #FFFFFF, texto #000000, acentos #222222. Tipografía: font-sans "Inter", peso light a bold según jerarquía. Estructura: - Header sticky con logo a la izquierda, frase "Agencia digital" centrada y botón hamburguesa a la derecha. - Menú overlay que se despliega al hacer clic en el hamburger, ocupando toda la pantalla, fondo semi‑transparente negro y enlaces verticales (Home, Sobre nosotros, Tarifas, Noticias, Contacto) con efecto hover de color #222222. - Hero ocupando 100vh, fondo blanco, texto dividido en tres líneas grandes ("Lúmina", "Studio", "template") con ani
3.666 caracteres · solo descargable completo ↓ Descargar PROMPT.md completo
3.666 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
Digital 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 Cabecera fija con logo, texto descriptivo y hamburguesa.
  • 2.1 Menú overlay con enlaces principales.
  • 3.1 Hero con títulos en capas y scroll indicator.
  • 4.1 Cuadrícula de presentación con enlaces a plantillas y trabajos.

ABOUT

  • 1.1 Cabecera fija.
  • 2.1 Sección de descripción del estudio con imagen y texto.
  • 3.1 Equipo en tarjetas con foto y rol.
  • 4.1 Llamada a la acción.

PRICING

  • 1.1 Cabecera fija.
  • 2.1 Tabla comparativa de planes con ventajas y CTA.
  • 3.1 Testimonios en carrusel.
  • 4.1 Preguntas frecuentes en acordeón.

NEWS

  • 1.1 Cabecera fija.
  • 2.1 Lista de artículos en tarjetas con imagen, título y extracto.
  • 3.1 Paginación.
  • 4.1 Suscripción al boletín.

CONTACT

  • 1.1 Cabecera fija.
  • 2.1 Formulario de contacto con campos básicos.
  • 3.1 Mapa incrustado.
  • 4.1 Información de contacto y redes sociales.

WORK

  • 1.1 Cabecera fija.
  • 2.1 Galería de proyectos en cuadrícula con hover overlay.
  • 3.1 Detalle de proyecto individual con imágenes y texto.
  • 4.1 CTA para solicitar un proyecto.
PROMPTS RELACIONADOS · TECNOLOGÍA

Otros prompts de la misma categoría