Template Supply, home page at launch

Templates Supply is the new home to all the layouts I designed until now. In the coming months, I will release more designs there, including not film-related, like posters, portfolios, presentations, and more.

For a while now, I have distributed layout templates, starting with free storyboard templates available on Film Storyboards since 2010. In 2017, I started a small Gumroad shop for storyboards and film treatment templates: https://gumroad.com/storyboards.

Adding templates for more purposes was in the back of my mind for some time: presentations, portfolios, posters, all kinds of layout for freelancers, designers, illustrators, photographers, architects, and art directors. There is another Gumroad shop for that: https://gumroad.com/alternatyves.

Today it is time to act on it, merge, and launch Templates Supply as a little side-project.

Template Supply, home page at launch

Designing the site

Features needed

  • List & display product, thanks to Jekyll’s collections
  • Take payment online using Gumroad
  • Contact form with formcarry
  • Map with Leaflet using jekyll-leaflet plugin
  • jekyll-archives (building and sorting through categories & tags pages for blog)
  • RSS/Atom feed
  • SEO tags
  • Microdata
  • Gulp + Browsersync for development

Jekyll + Gumroad

Jekyll is a static site generator built in Ruby. Gumroad is an e-commerce platform for creators. Templates Supply is an e-commerce site with Gumroad integration build with Jekyll and Tachyons CSS. Adding Jekyll overlays or embed code in posts is straightforward with Jekyll. With a simple include, it can work with any site. But here, the entire theme design aims to work seamlessly with Gumroad.

Tachyons

Tachyons CSS toolkit was once again very convenient to design fast.

Custom variables

Being able to write custom variables is very handy for this type of site. Instead of using a plugin, a few hand-coded variables help sort through a single Jekyll collection by genre, price, software, or format.

Let’s start with Free templates since everyone likes free templates.

Then a few examples, sorted by Software:

InDesign Photoshop Illustrator Keynote Pages Numbers

Screen shots

Template Supply, sorting all the free templates
Template Supply, sorting all the InDesign templates
Template Supply, sorting all the anime templates
Template Supply, sorting all the Apple Pages templates

Visit Templates Supply, to browse all the available templates in one place.

Open source

Contribute to Supply, the theme behind the site: Supply repo on GitHub.

Originally published at https://alternatyves.com on March 6, 2020.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store