NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
You are Claude Design. Create a full‑stack single‑file website for the fictitious brand **Planos Orion** (creative agency portfolio). Use only HTML, Tailwind CSS via CDN, and vanilla JavaScript (no external libraries). Replicate the visual patterns of the source site while inventing all copy in Spanish (Spain) and using a new color palette and typography.
**Brand details**
- Name: Planos Orion
- Claim: "Diseñamos experiencias visuales sin ruido"
- Domain: planosorion.com
- Email: hola@planosorion.com
- Year: 2026
**Design requirements**
- **Palette**: primary #0D3B66, secondary #FAF0CA, accent #F4D35E, dark #1D1E22, light #FFFFFF.
- **Typography**: Headings – "Montserrat" (font‑weight 700); Body – "Inter" (font‑weight 400). Load via Google Fonts.
- **Header**: Fixed top bar, logo (placeh
4.314 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.314 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 fijo con logo y navegación principal
- 1.2 Hero con título grande, descripción breve y botón CTA
- 1.3 Galería de tarjetas de proyecto en cuadrícula, cada una con imagen, overlay y botón "Ver página"
- 1.4 Footer con enlaces a redes sociales y menú secundario
ABOUT
- 1.1 Header (reutilizable)
- 1.2 Sección de presentación con texto y foto
- 1.3 Equipo en tarjetas horizontales
- 1.4 Footer
WORK
- 1.1 Header
- 1.2 Hero con filtro de proyecto destacado
- 1.3 Lista de proyectos en cuadrícula similar a la home
- 1.4 Detalle de proyecto (imagen grande, descripción, galería interna)
- 1.5 Footer
CONTACT
- 1.1 Header
- 1.2 Formulario de contacto simple (nombre, email, mensaje, botón enviar)
- 1.3 Información de contacto rápida (email, teléfono, dirección)
- 1.4 Footer
BLOG
- 1.1 Header
- 1.2 Lista de artículos en tarjetas con imagen, título y extracto
- 1.3 Paginación simple
- 1.4 Footer
PROMPTS RELACIONADOS · ARQUITECTURA
