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.
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.
RGB: 26, 26, 26
CMYK: 0, 0, 0, 90
RGB: 226, 226, 226
CMYK: 0, 0, 0, 11
RGB: 247, 247, 247
CMYK: 0, 0, 0, 3
RGB: 255, 255, 255
CMYK: 0, 0, 0, 0
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.
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.
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.