NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
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
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 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
