Portfolio studies / 2026

Twelve ways to read the same engineer.

Every study uses the same verified profile data. Layout, hierarchy, motion, and emphasis change completely.

  1. 01Paper Shaders

    Chromatic Field

    Liquid color, sparse typography, shader-led depth

  2. 02Fluid Functionalism + Motion

    Soft Systems

    Tactile controls, nested surfaces, spring feedback

  3. 03React Bits + Motion

    Signal Decode

    Decrypted type, reactive fields, technical energy

  4. 04Anime.js

    Orbit Index

    Circular navigation, sequenced timelines, warm modernism

  5. 05Motion

    Case Stack

    Physical card choreography and layered case studies

  6. 06GSAP ScrollTrigger

    Longform Reel

    Pinned horizontal narrative with cinematic pacing

  7. 07CSS + generated collage

    Research Journal

    Academic editorial, marginalia, image-led storytelling

  8. 08CSS Grid

    International Index

    Swiss structure, red signals, typographic precision

  9. 09Canvas + CSS

    Phosphor Terminal

    CRT phosphor, command navigation, scanline motion

  10. 10Paper Shaders + Motion

    Glass Laboratory

    Cold glass, refracted layers, restrained spatial motion

  11. 11CSS Sprites + Anime.js

    Career Quest

    Playable portfolio map with pixel transitions

  12. 12GSAP + generated stills

    Monochrome Cut

    Full-bleed imagery, hard cuts, film-title typography