Resources

The tools behind the work.

The actual stack used for editing, design, development and automation, grouped by where it sits in the pipeline.

Some links are affiliate links; they cost you nothing extra. How this works.

Hosting & Deploy

Where the sites in the portfolio actually run, from a git push to a live URL.

  • VercelWhere this site itself is deployed. Git push triggers a build and a preview URL automatically - the same deploy workflow behind every Next.js project in this portfolio.
  • HostingerThe default recommendation for client sites that do not need a serverless Next.js deploy - budget shared and VPS hosting for WordPress builds and static sites.

Design & Build

Where interfaces get designed and, on some projects, shipped without a custom code build.

  • FigmaEvery interface on this site and every client UI is designed here before a line of code gets written - layouts, components and dev handoff specs all live in one file.
  • FramerUsed for marketing-site launches where a client needs something live fast and the project does not call for a custom React build.
  • WebflowVisual development for marketing sites that need more custom interaction than a no-code builder gives, without going fully bespoke.

Fonts & Assets

Typography and stock material used across brand identity and thumbnail work.

  • FontshareA source for premium-feeling typefaces that are genuinely free for commercial client work, so a brand's type system does not cost more than the logo it sits next to.
  • Envato ElementsStock footage, templates and sound effects for the editing and design work where sourcing a custom asset from scratch is not the reasonable option for the budget or timeline.

Learning

Where the front-end and motion design skills behind this studio's work were actually built.

  • Frontend MastersWhere the React and Next.js depth behind the web development side of this studio came from - courses that go into rendering, performance and architecture rather than surface-level tutorials.
  • School of MotionThe course platform behind the motion graphics work that shows up across the cinematic edits and thumbnail design in this portfolio.

Want presets, templates and kits? Visit the shop.