02

Velvet

Creative Company — films, fotografía y contenido para Netflix, HBO Max & Puma

En construcción
Tipo Sitio productora / Showreel
Año 2026
Stack Astro 6 · Tailwind 4 · GSAP · Lenis · i18n
Estado En desarrollo

El problema

Velvet Creative Company es una productora audiovisual de Buenos Aires con piezas para Netflix, HBO Max, Puma, Vista Energy y EA Sports. Su catálogo estaba disperso entre Vimeo, archivos compartidos y un sitio viejo que no hacía justicia al nivel de los films. Necesitaba un showreel ordenado, bilingüe y cinematográfico — algo que se leyera tan curado como las piezas que muestra.

Velvet — Hero con stack de piezas featured

La solución

Un sitio editorial-cinematográfico construido en Astro 6 con paleta cálida — negros profundos, beiges crema y un acento champagne — pensado para que cada thumbnail respire. La home arranca con un vertical stack de piezas featured (Di María para Netflix, Manifiesto Vista, Champions Laugh para HBO Max) y un archivo grilla para el resto del catálogo.

Bilingüe ES · EN con detección por idioma, hover previews en video silenciado, scroll suave con Lenis, animaciones controladas por GSAP, y páginas de proyecto con sinopsis, créditos y case study (brief · approach · outcome). Tipografía Fraunces para el manifiesto editorial e Inter / JetBrains Mono para fichas técnicas.

Velvet — Vertical stack de piezas featured
Velvet — Servicios numerados con previews por categoría
Velvet — Archive grid con catálogo completo

Paleta

Tipografía

Fraunces

Display · Manifiesto · Títulos

Inter

Body · Sinopsis

JetBrains Mono

Labels · Créditos · Numeración

Features

  • Vertical stack de piezas featured curadas con flag
  • Archive grid para el resto del catálogo
  • Hover previews con loops de video silenciados
  • Bilingüe ES · EN con i18n routing
  • Páginas de proyecto con sinopsis, créditos y case study
  • Case study estructurado: brief · approach · outcome
  • Sección Servicios — Film, Foto, Digital, Activaciones, Dirección, Post
  • Sección Ethos con still cinematográfico de fondo
  • Scroll suave con Lenis y animaciones GSAP
  • Sitemap dinámico vía @astrojs/sitemap
  • Datos en TypeScript — single source of truth por pieza
  • Fonts: Fraunces, Inter y JetBrains Mono
← Anterior Vale Casenave Siguiente → PULZ