Tinloof Store Brand Guidelines

This page hosts Tinloof Store's brand guidelines, including details about the logotype, colors, typography, and visuals.

Access the store here.


The store follows a minimalist design to optimize the user experience and highlight merchandise photography.

In the same spirit, the logotype is a simple extension of Tinloof's logo.

Tinloof Logo


PP Neue Montreal Font

Similarly to Tinloof's website, the store uses PP Neue Montreal font.

The Sans font is easy to read, simple and looks great as a display font for headings.

PP Neue Montreal Font


Eerie Black

HEX: #1A1A1A

RGB: 26, 26, 26

CMYK: 0, 0, 0, 90

Eerie Black


HEX: #E2E2E2

RGB: 226, 226, 226

CMYK: 0, 0, 0, 11

Platinum color


HEX: #F7F7F7

RGB: 247, 247, 247

CMYK: 0, 0, 0, 3

Cultured color



RGB: 255, 255, 255

CMYK: 0, 0, 0, 0

White color

Color use

The store mostly uses light colors, including white and light shades of grey.

Black is mainly used for text and primary elements of the website.

Tinloof Store color distribution


The store's visuals consist of photography of the various merchandise products.

The photography matches Tinloof's brand guidelines and uses Platinum as a background to highlight items.

Tinloof Store visuals

UI Kit

The UI kit consists of reusable UI elements, including components such as the buttons, the cart, and the various displays of products.

The goal of the kit is to ensure consistency across the store, facilitate the development by having reusable elements, and document the different states of the elements.