JossStudio •JossStudio •

JossStudio es un estudio de motion design. El cliente llegó con un proyecto de Affinity Designer ya definido — la identidad estaba clara, el reto era construirla.

El scroll horizontal en una sola página era el núcleo técnico del proyecto. La decisión clave fue trabajar cuidadosamente las proporciones y espacios para que la composición se mantuviera estable en distintos anchos de pantalla. Es el tipo de problema que no aparece en tutoriales — lo resuelves probando.

El problema central del ultrawide no era visual — era matemático. Si todo escala con vw, en un monitor de 3440px los elementos se vuelven absurdamente grandes y las líneas de texto ilegibles. La solución fue usar min() y clamp() en lugar de dejar que el layout creciera libremente. Cada columna, cada bloque de texto y cada imagen tiene un tope: min(32vw, 1000px) significa que en pantallas normales se comporta proporcionalmente, pero en ultrawide deja de crecer cuando llega al límite fijo. La tipografía también está topada con clamp() — en monitores enormes los títulos no explotan de tamaño. Y los paneles del scroll horizontal se posicionan con offsets fijos (0vw, 11.3vw, 23vw) en lugar de recalcularse según el ancho disponible, lo que mantiene la composición estable sin importar qué tan ancha sea la pantalla.