The Shop page of the Foundation Vinyl website, viewed on a desktop screen. Along the very top is a light blue-green banner containing a tiny teal green silhouette of a cormorant, and a line of small text. Below this and to the left is the site's logo, which consists of the text 'Foundation Vinyl', the two words joined by two thin green, circular line encircling a vectorised illustration of a black cormorant with its wings spread, head turned to the left, green eye shining and beak agape. Directly opposite the logo on the right-hand side is the site menu. Below this is a grid of four products, each with an image of the record sleeve, the release title, band, format and price. Above the grid to the left is a 'sort' control which reads 'By date added (newest first)' and opposite this on the right is a search input alongside a green button with a white magnifying glass icon.
The homepage of the Foundation Vinyl website, viewed on a smartphone screen. Along the very top is a light blue-green banner containing a tiny teal green silhouette of a cormorant, and the underlined text

First port of call

The glossy, green-eyed calling cormorant of our logo provides an enigmatic counterpoint to the otherwise calm, utilitarian surrounds of Foundation Vinyl.

When the splendid Scott first put forward potential inspiration for the design of his nascent enterprises logo, it centred on the concept of the calling cormorant. Following an absorbing study of these wonderful birds, we created a sharp, graphical interpretation for Foundation Vinyls central logomark, composed of a striking black silhouette adorned with grainy, linear folds along its wings. The cormorants eye—a distinctive blue-green that had come up in a separate context with Scott—would also provide itself as the main accenting shade for both website and brand.

The Foundation Vinyl logo, displayed on a white background. The logo consists of the text 'Foundation Vinyl', the two words joined by two thin green, circular lines encircling a vectorised illustration of a black cormorant with its wings spread, head turned to the left, green eye shining and beak agape.
The Shop page of the Foundation Vinyl website, viewed on a smartphone screen. In the top-left corner is a simplified form of the site's logo, which consists of the text 'Foundation Vinyl', alongside a vectorised illustration of a black cormorant's head, turned to the left, green eye shining and beak agape. Directly opposite the logo on the right-hand side is the site menu. Below this is a grid of products, each with an image of the record sleeve, the release title, band, format, price and 'In stock' tag.
A product page from the Foundation Vinyl website, viewed on a desktop screen. Below this and to the left is a simplified form of the site's logo, which consists of the text 'Foundation Vinyl', alongside a vectorised illustration of a black cormorant's head, turned to the left, green eye shining and beak agape. Directly opposite the logo on the right-hand side is the site menu. Below is an image of the record sleeve, plus a truncated description for the album 'In The Wilderness' by The Toads. As well as various information about the album, there is a quantity input alongside a teal green 'Add to basket' button.

Typographically speaking

For the sites header typography, we had already been exploring sharp-edged characterful serifs as a subtle nod to the sharp beak of the cormorant—but also hinting at a slightly expressive iteration of a punk aesthetic—and Nocturne Serifs angular letterforms had always stood out to us. As such, when Scott also chose this from our logo shortlist, it was one of those very nice serendipitous moments! From there, we needed to find a sans serif that balanced Nocturnes angular expression as part of the muted and minimal aesthetic we wanted to bring to the site. The crisp Elza was a perfect option for this, especially for its versatility—remaining both clear and legible when employed for smaller contexts (captions, meta etc.) but also with enough personality to sit adjacent to the comparative expressiveness of Nocturne at larger sizes within the websites typographic hierarchy.

The Shop page of the Foundation Vinyl website, viewed on a desktop screen. In the top-left corner is a simplified form of the site's logo, which consists of the text 'Foundation Vinyl', alongside a vectorised illustration of a black cormorant's head, turned to the left, green eye shining and beak agape. Directly opposite the logo on the right-hand side is the site menu. Below this is a grid of products, each with an image of the record sleeve, the release title, band, format and price.
A product page from the Foundation Vinyl website, viewed on a smartphone screen. In the top-left corner is a simplified form of the site's logo, which consists of the text 'Foundation Vinyl', alongside a vectorised illustration of a black cormorant's head, turned to the left, green eye shining and beak agape. Directly opposite the logo on the right-hand side is the word 'menu' alongside 3 horizontal green lines, a.k.a. a

Oliver and Patrick are a pleasure to work with. They engaged very carefully with our brief, both explicitly and implicitly, and their proposed solutions not only fully realised our aspirations but did so in an elegant and commercially effective manner. This reflects their strong technical skillset, which they wear lightly, and bring to bear solely with meeting each project’s specific needs in mind.

Scott Campbell Foundation Vinyl