Metzger

Metzger is a portfolio template for visual designers and art directors who want a dark, typographic presentation. The homepage opens with a monospace nameplate and the tagline "Visual designer & art director" in white on black, then drops you into a filterable project grid. Each thumbnail is a large, full-bleed image paired with a project title, category tags in brackets, and a date. The type is Cousine, a monospace font, which gives the whole site a technical, editorial feel. The palette is strict black and white, and a toggle in the top corner flips to a light theme.

The demo includes an index page showing the grid with filters for all, graphic, art, and interior work, an info page that lists services and clients in a clean two-column text layout, and a contact page. Each project opens to a detail page with large images and a short description. The demo includes eight project pages, covering coffee shops, mobility concepts, health apps, ceramics, travel, and biotech. The filtering system lets visitors narrow the grid by discipline without reloading. The custom cursor is subtle, and the sticky navigation stays out of the way. A 404 page is included, and the CMS makes adding or editing projects straightforward.

On a 390px phone, the grid becomes a single column, the monospace type stays legible, and the filters stack vertically. The images hold their impact, and the navigation collapses cleanly into a menu.

We'd pick Metzger for a designer or art director with a strong, varied portfolio and excellent photography. The layout depends entirely on the quality of your project images, so if your work is text-heavy or abstract, you'll need to think carefully about how each thumbnail reads. The monospace type is distinctive but won't suit every brand voice, so preview it with your own content before committing.