NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web estática de una sola archivo que reproduzca el diseño visual y la estructura de Branding Orion, una plataforma de portafolio artístico. Usa HTML5, Tailwind CSS vía CDN y JavaScript vanilla (sin frameworks). Incluye:
- Paleta de colores: #000000 (negro), #FFFFFF (blanco), #F5F5F5 (gris muy claro) y acentos #FFB800 (amarillo oro).
- Tipografía: Inter (Google Fonts) para títulos y textos, peso 400‑700.
- Header fijo con logo (texto Branding Orion) a la izquierda y menú a la derecha (Home, Sobre, Colecciones, Contacto). Botón hamburguesa colapsable en móviles.
- Sección Hero: fondo full‑screen con imagen de arte (placeholder), overlay negro 30 % y texto centrado: título grande "Donde el arte trasciende el tiempo", subtítulo, botón CTA "Descubre la Galería".
- Bloque secund
3.373 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.373 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 Barra de navegación fija con logo y enlaces (Home, Sobre, Colecciones, Contacto)
- 1.2 Hero con título grande, subtexto y botón CTA
- 1.3 Imagen de fondo a pantalla completa con overlay y dos imágenes destacadas con texto overlay
- 1.4 Área secundaria con tagline "Desde 2020" y iconos de redes sociales
- 1.5 Sección "Quiénes somos" con encabezado, mosaico de 5 imágenes en lightbox y descripción
- 1.6 Slider de eventos con reproducción de video o foto, navegación por flechas
- 1.7 Footer con copyright, enlaces de navegación y redes sociales
SOBRE
- 2.1 Encabezado "Sobre Branding Orion"
- 2.2 Texto descriptivo ampliado y testimonios
- 2.3 Galería adicional de obras
COLECCIONES
- 3.1 Grid de tarjetas de obras con filtros por categoría
- 3.2 Modal de vista ampliada al hacer click
CONTACTO
- 4.1 Formulario simple (nombre, email, mensaje)
- 4.2 Información de contacto y mapa estático
PROMPTS RELACIONADOS · AGENCIA DIGITAL
