NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia **Show Orion**, una agencia digital. Usa solo un archivo HTML que incluya Tailwind CSS vía CDN y JavaScript vanilla (sin frameworks). Reproduce fielmente la estructura y el estilo del sitio de referencia (header con logo, menú, botón carrito modal, hero con título y CTA, bloques de servicios, proyectos, testimonios, blog, footer) pero con contenido original en español de España.
**Paleta de colores**:
- Primario: #1A202C (gris muy oscuro)
- Secundario: #3B82F6 (azul Tailwind 500)
- Accent: #F59E0B (ámbar)
- Fondo claro: #F9FAFB
- Texto: #111827
**Tipografía**: Inter (Google Fonts) para todo el texto, peso 400‑600.
**Header**: barra sticky, fondo blanco con sombra ligera, logo a la izquierda (placeholder), menú horizontal con enlaces
4.487 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.487 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ú y carrito
- 1.2 Hero con título, descripción y botones CTA
- 1.3 Servicios en tres columnas
- 1.4 Proyectos destacados en tarjetas
- 1.5 Testimonios carrusel
- 1.6 Blog reciente en grid
- 1.7 Footer con enlaces, newsletter y redes
ABOUT
- 2.1 Header reutilizado
- 2.2 Hero interior con título y párrafo introductorio
- 2.3 Historia de la agencia con imagen y texto lado a lado
- 2.4 Equipo en tarjetas con foto y bio breve
- 2.5 Valores en iconos
- 2.6 Footer
PRICING
- 3.1 Header reutilizado
- 3.2 Hero con título "Planes" y descripción
- 3.3 Tabla de precios con tres columnas, beneficios y botón contratar
- 3.4 FAQ accordion
- 3.5 Footer
NEWS
- 4.1 Header reutilizado
- 4.2 Lista de artículos en tarjetas con imagen, título, extracto y botón leer más
- 4.3 Paginación
- 4.4 Footer
CONTACT
- 5.1 Header reutilizado
- 5.2 Hero con formulario de contacto (nombre, email, mensaje, botón enviar)
- 5.3 Mapa incrustado
- 5.4 Información de contacto y redes
- 5.5 Footer
PROMPTS RELACIONADOS · ENTRETENIMIENTO
