
project
Work, articles, studios and categories across the archive.

project
…Finance Bank’s banking card portfolio. Through material exploration, lighting, and precise animation, each banking tier was shaped into a distinct yet cohesive visual system – reinforcing…

project
…Director & Designer — Torsten Power Copywriter & Strategist — Victor Janhagan Illustrator & Animator — Con McHugh Designer — Oliver Scully UI Designer & Developer — The First The Last…

project
…Video Client: Bloq.it Direction: Depth of Field Design: Afonso Amaro, Pedro Custódio Animation: Afonso Amaro, Pedro Custódio Post Production: Afonso Amaro Sound Design: Dsorderless

article
…consequence in 2026 is being designed with motion as a first-class consideration. Not because animation has become cheaper, though it has. Not because the platforms reward it, though they do…

article
…Social video, app loading states, digital out-of-home, streaming intros, even the micro-animations inside a checkout flow: these are the touchpoints where identity is formed. When the…

project
…as an open platform for innovation. The project also included video support, diagrams, animated infographics and a social media content strategy, building a coherent and educational…

project
Most SaaS companies sell speed. They put racing stripes on their landing pages, they animate their loading states, they write headlines with "blazing" and "lightning" and "10x." Then…

project
…number of visual clichés you would expect from an AI company. The neural-network particle animation. The "AI" rendered in a glitch typeface with a holographic gradient. The hero video of…

article
…No parallax. No scroll-triggered spectacle. Just tasteful hover states and occasional animated numeric counters Illustration: geometric wireframes, isometric diagrams, grid-based iconography…

article
…more significant evolution has been in motion. Figma's brand has increasingly embraced animation and kinetic typography across its marketing and event materials. The annual Config conference…

article
…A wordmark built on a variable font is not a single artifact but a system: responsive, animated, adaptive to context. This transforms typography from a branding constraint into a branding…

project
…creative medium. Their type specimens and web experiments explored what happens when you animate across a font's variable axes in real time, letters that breathe, expand, and contract…

ranking
…were still PDF-only, Audi's system included detailed motion principles: how the rings animate, the timing curves for transitions, the rules governing how elements enter and exit the…

ranking
…transformation as first-class design elements. In a landscape where too many agencies bolt a logo animation onto a static identity as an afterthought, DIA builds from motion outward. The result…

project
…mascot marketing to character IP development, a strategy more commonly associated with animation studios than ed-tech companies. The design system reinforces this. Duolingo's visual…

article
…and it is available to every site that uses a variable font with an optical size axis. Animation is the axis, in both senses, where variable fonts intersect most visibly with interaction…

article
…introduces a distinct visual language: custom typefaces, experimental color palettes, animated transitions, data-driven graphics. The 2022 Wrapped featured a maximalist gradient system…

project
…design philosophy to the end user. The form is spare, legible, and fast, with subtle animations and transitions that communicate trustworthiness through smoothness. Every micro-interaction…

project
…rendered in electric pink) was called ugly, incomprehensible, even seizure-inducing when animated. A petition demanding its withdrawal gathered tens of thousands of signatures within days…