Vitrina

A reel portfolio for music videos

Created by: BuiltByKern

Free

Vitrina is a portfolio template for music video shooters, editors, and color graders. It presents their work through an interactive reel and provides individual project pages, service and credits information, and contact details.

About this template

Vitrina is a portfolio template for people who shoot, cut or grade music videos. The home page is the reel itself: your pieces hang on a curved rail, each card plays its clip, and the piece in front sits large under the rail with its artist, label, year, role and look.

The reel

A curved rail that glides on the wheel, trackpad and drag, steps with the arrow keys, and loops.

Hover a card to play its clip; move the pointer to shift temperature and exposure live.

Each piece carries a look (Tungsten, Sodium, Kodak 250, Magenta hour and more).

On phones the rail becomes a swipe reel, one piece at a time.

Pages

Home: the reel.

Piece: a CMS page per piece with its clip, note, credits and previous / next links.

House (/info): services and a CMS credits list.

Desk (/contact): a mail link and your channels.

404 in the same monitor style.

House and Desk also open as an overlay from the nav on any page.

Built to be edited

Pieces live in a CMS collection that drives the Piece pages and House credits.

The reel is a code component with grouped controls: fonts, colours, card size, curve, depth, glide and grade.

Four colour styles and five text styles, in Bricolage Grotesque and Martian Mono.

An editor-only Getting started page.

Good to know

Pieces are entered twice: in the CMS and in the reel's Pieces list, because the code component can't read the CMS.

Live grading by pointer is a desktop feature.

Demo clips are from Pexels (two show third-party marks) and the credits are invented. Replace them with your own work.

Included Pages

  • Home: the reel.
  • Piece: a CMS page per piece with its clip, note, credits and previous / next links.
  • House (/info): services and a CMS credits list.
  • Desk (/contact): a mail link and your channels.
  • 404 in the same monitor style.

More from BuiltByKern

View all

More Portfolio Templates

View all

More Music Templates

View all

More Creative Templates

View all

More Showcase Templates

View all

More Entertainment Templates

View all