NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
You are Claude Design. Build a complete single‑file website for the fictitious brand **Agencia Orion** (branding & web development agency). Use only HTML, Tailwind CSS via CDN, and vanilla JavaScript. Do NOT copy any original text; create original Spanish copy in active voice.
---
**General requirements**
- File must be self‑contained (all CSS via `<script src="https://cdn.tailwindcss.com"></script>` and custom styles in `<style>` tag). Use Tailwind JIT defaults.
- Palette: primary #0D3B66, secondary #FAF0CA, accent #F4D35E, dark #1B1B1E, light #FFFFFF.
- Typography: headings use *Inter* (import from Google Fonts), body uses *Roboto*.
- Responsive design: mobile‑first, breakpoints at sm (640px) md (768px) lg (1024px).
- Accessibility: alt text for images, ARIA labels for nav, button roles
5.120 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
5.120 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 Encabezado con logotipo, menú y botón "Get In Touch"
- 1.2 Hero con badge "Open to Opportunities", título principal y párrafo descriptivo, botón CTA
- 1.3 Tarjeta de servicio "Landing Page" con badge de precio, slider de 4 imágenes, subtítulo y breve descripción
- 1.4 Tarjeta de servicio "Website Development" con estructura idéntica al anterior
- 1.5 Sección de casos (Case Studies) con grid de 2‑4 items, cada item incluye miniatura, año, categoría, título y icono
- 1.6 Footer con enlaces principales, redes sociales y dirección de correo
PORTFOLIO
- 2.1 Lista de proyectos en grid, cada tarjeta muestra miniatura, año, tipo (p.ej. Non‑Profit), título y overlay interactivo
ABOUT
- 3.1 Texto institucional con foto, misión y valores
BLOG
- 4.1 Lista de artículos con imagen destacada, título, extracto y fecha
CONTACT
- 5.1 Formulario de contacto simple con campos nombre, email, mensaje y botón enviar
PROMPTS RELACIONADOS · DIGITAL AGENCY
