Logo

Photography

Colors

Symbols & Pictograms

Infographics

Building further on our reveal design concept, our color palette is inspired by infrared camera technology, designed to distinguish humans from inanimate objects. Our primary color is a vibrant purple with supporting colors from the infrared range, in combination with white and a soft, warm color that provides a gentle base for all our communication.  

Our primary palette are what creates distinction in our color palette. Violet is to be considered our main color, with the remaining colors intended to enrich our visual expression, and thus be used more sparingly. 

By default we set the background of any surface to be Warm. This allows us to visually bring content forward by placing it on in a frame which has a white background. Things that are brighter are generally perceived as closer to us, and this helps us create a clear visual hierarchy. 

Typically elements such as navigation, logo and metadata can be placed directly on the background, whereas the primary content should be wrapped in white. 

For theming, all colors in our palette have values ranging from 

 is considered the base of each color range. When theming (next section) make sure to use a satisfactory contrast in lightness and saturation. 

Tokens are available in Figma and Github.

, but in order to highlight content we use color theming, where we work with different values within the same color. The main thing to remember is to ensure sufficient contrast between background, buttons and text. See examples below. 



Violet

Solar

Tangerine

Slate, dark

Slate, Light

Theming Examples

. For any questions related to this service, get in touch at 

All questions related to the usage of the visual identity may be directed to 

Pistachio Brand Book

The idea is based on the following conditions:

Orthographic projection and the right perspectives hide them

Based on the angle you view the composition, different symbols emerge.

Orthographic projection

3D Space, rotated

3D Space, flat projection

Pistachio Logo 2D

Partial rotation

Heart icon revealed

For our marketing sites and product, we try our best to implement the 3D version of the logo.

For any fixed surfaces we have 3 variants of the logo that we use.

Depending on the context, we can allow ourselves to separate the symbol from the wordmark. 

Any Pistachio services or outlets where the brand is prominent

Social Media where the user name clearly states the Pistachio name

Any printed matter where the Pistachio wordmark is present elsewhere on the object 

Our logo is available in several color variations to suit different design applications. Use the Violet or Black version of the logo as the default choice whenever possible. If the logo must appear in black and white or grayscale, use the monochrome version. 

When placing the logo on a colored or photographic background, use the [insert full-color or monochrome] version of the logo, whichever provides the highest contrast for legibility. Make sure the logo stands out clearly from the background.

The logo should never be used smaller than [insert size] inches in width or height. This ensures that the logo remains legible and recognizable.

Always maintain a clear space around the logo, which is at least 1x of the symbols width. This prevents any other design elements from interfering with the logo's visual impact.

A very few simple rules for keeping the integrity of the logo intact. 

Do not alter or modify the logo in any way. This includes stretching, distorting, or changing the color of the logo. Always use the original files provided in the brand assets.

Do not recreate the wordmark by simply typing out Pistachio. It has been specifically kerned and spaced.

Logo

Our logo is our face to the world, and the embodiment of our design concept

There's more than meets the eye

Variations

Usage

Examples are

Color Variations

Placement on Backgrounds

Minimum sizes and Clearspace

Don't's

Related chapters