Cal and Catta Storefront Mockup

Cal & Catta is a concept brand focused on home furnishing goods. The name is inspired by the Italian marble, calacatta. The project consists of visual brand identity development and the creation of website reflecting Cal & Catta’s brand and values. 

Visual Identity

Cal & Catta’s visual design stems from the characteristics and attributes that embody calacatta marble.

 

Calacatta is a sophisticated and high-quality marble known for its display of luxury and popularity among architects and designers. The name is derived from a Greek word that means “to sparkle, flash, and gleam.”

Cal & Catta Logo Variations

Logo

The Logo features two distinct fonts: Maryam and Brother 1816. A Script and Sans Serif respectably. The script is used for the ampersand to capture the elegancy of calacatta marble, while the Sans Serif is used to reflect minimalist high-end aesthetics.

Paper Shopping Bags Mockup

Color

The brand’s color palette was chosen to reflect the colors of calacatta marble. The marble is white with gray veining, while often having brown and gold undertones. The gray veins are deep and dramatic and can have subtle hints of dark gray, brown, gold, or even beige. The dark blue is added to reflect elegance, richness, and sophistication while reaffirming trust and integrity.

 

The theme consists of a simple, warm monochromatic that reflects the true color of the marble.

Cal & Catta Color Palette

Text on a light surface is displayed in Dark Gray #353538.

Typography - Brother 1816

The font-family Brother 1816 was chosen to incorporate the brand’s logo. Brother 1816 was specifically chosen because it is an extensive family that is flexible and offers several weights and styles. It was created for web usages, which makes it ideal for all types of screen resolutions and all branding necessities. The clean and sharp It is also easy to read and provides legibility for small sizes that is helpful for mobile devices.
On the website, the typography is on a 1.25 scale with a base size of 16px. The different weights available are Thin, Light, Book, Regular, Medium, Bold, ExtraBold, and Black. 
Typography Examples

UI Components

Cal & Catta UI Elements
Cal & Catta UI Components

Navigation