An inside look at the new Obys – from rethinking our identity to building a system where type, motion, and structure work as one, shaping a more precise and consistent experience.

Codrops stands at the forefront of innovation in web design, serving as a boundless source of inspiration and knowledge for designers and developers alike. Through a captivating array of tutorials, demos, and showcases, Codrops invites creatives to embark on a journey of exploration, pushing the boundaries of what's possible in web development. From  CSS techniques and JavaScript animations to immersive user interfaces and experiential storytelling, Codrops empowers designers and developers to unleash their creativity and craft unparalleled digital experiences that captivate and engage audiences.

Codrops

Obys Studio shares the story behind their 2026 brand and website redesign, starting from a custom neo-grotesque typeface (OTF Obys NG) through to a refined logo and motion-driven microsite. The team explains how identity, motion, and structure were unified into a single system. Technically, the site runs on Bun.js as HTTP server and bundler, uses React purely for server-side templating, handles all interactions in TypeScript with a custom requestAnimationFrame/Web Animations API system, renders some visuals in native WebGL, and manages content via Strapi. The post reflects on the iterative challenge of self-definition — deciding how bold or restrained to be — and why the site was intentionally kept as a focused microsite rather than a full-featured studio website.

Designing Ourselves: The New Obys Identity and Website