Cart Log in
PORTFOLIO · Claude Design · HTML

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

Agencia creativa de diseño y experiencia digital Ideas que marcan la diferencia.

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

Cópialo y pégalo en Claude Design

↓ Descargar PROMPT.md
You are Claude Design. Build a complete single‑page website for the fictitious brand **Estudio Orion**, a creative agency. Use only HTML, Tailwind CSS via CDN, and vanilla JavaScript in one file. Follow the visual pattern of the source site: - **Palette**: primary #111111 (black), secondary #FFFFFF (white), accent #F4A261 (warm orange), muted #E5E5E5 (light gray). - **Typography**: headings use `Montserrat` (weights 700, 800), body text uses `Inter` (weights 400, 500). Load fonts from Google Fonts. - **Header**: fixed top, logo left (placeholder SVG), horizontal menu with links Home, About, Service, Pages (dropdown with Pricing, Portfolio One‑Three, Details), Blog (dropdown with three items), Contact (dropdown with three items). Right side: social icons (Facebook, LinkedIn, Instagram, X)
3.873 caracteres · solo descargable completo ↓ Descargar PROMPT.md completo
3.873 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
Estudio 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 Header con logo, menú principal y enlaces sociales
  • 1.2 Hero con título, destacado tipográfico y botón
  • 1.3 Bloque de proyecto destacado con imagen izquierda y derecha
  • 1.4 (Placeholder) sección de servicios en columnas
  • 1.5 Footer con información de contacto y enlaces

ABOUT

  • 1.1 Header reutilizado
  • 1.2 Título de página y texto descriptivo
  • 1.3 Imagen ilustrativa
  • 1.4 Valores y equipo en tarjetas
  • 1.5 Footer

SERVICE

  • 1.1 Header
  • 1.2 Grid de servicios con iconos y descripciones
  • 1.3 Casos de estudio en carrusel
  • 1.4 CTA final
  • 1.5 Footer

PORTFOLIO

  • 1.1 Header
  • 1.2 Galería de proyectos en tarjetas filtrables
  • 1.3 Detalle de proyecto con imágenes y texto
  • 1.4 CTA a contacto
  • 1.5 Footer

CONTACT

  • 1.1 Header
  • 1.2 Formulario de contacto con campos nombre, email, mensaje
  • 1.3 Mapa incrustado
  • 1.4 Información de contacto y redes
  • 1.5 Footer
PROMPTS RELACIONADOS · PORTFOLIO

Otros prompts de la misma categoría

AI video · Avatars that sell

Build your own avatars and shoot ads without a camera

Pick the face, the voice and the script, and your avatar records for you. Ads ready to publish with no studio, no actors and no subscriptions: you go straight to the models and pay only for what you generate.

  • Custom avatars
  • Your voice, your script
  • No subscription
  • Ready to publish
Create my avatar
AvatarHype