johno
Writing
Notes
Contact

A friend was nice enough to design a couple mockups for the new MDX splash page and I fell in love with his floating shape concepts.

mdxjs.com mockup with shapes

Since MDX is a content format I wanted the "visual treatment" to be minimal and I felt like these shapes were a bit retro which fit in nicely with the slightly-brutalist aesthetic of the website.

Below is my process of building out the shapes using react-three-fiber.