brand guidelines

Welcome to our brand guidelines, a digital tool we’ve created to help make it a little easier for you to maintain our brand.

Here you'll find the foundational elements that create our Arlequin brand identity. Consistency is key in keeping our brand presence strong. Consistent and repetitive usage of these elements will create lasting recognition and a memorable connection with our audience.

color

Our brand color palette reflects friendly warmth and creates a seamless experience with our Arbor neighbor. Arlequin shares the same color palette with Arbor, but its usage is flipped in hierarchy.

PRIMARY COLORS

Green and Yellow are our primary brand colors. Green is used for the logo while Yellow is used as a background fill.

GREEN
HEX
#307865
RGB
48,120,101
CMYK
81,33,65,16
PANTONE
569 U
yellow
HEX
#FFd87F
RGB
255,216,127
CMYK
0,15,59,0
PANTONE
1215 U

SECONDaRY COLoRS

Terracotta and Cream are our secondary brand colors. Terracotta is used sparingly for pops of color to attract users to a CTA or enticement amongst the primary brand colors. Cream is used to add warmth to backgrounds and to provide breaks to the yellow background color where needed.

CREAM
HEX
#FEE2CC
RGB
254,226,204
CMYK
0,12,18,0
PANTONE
698 U
TERRACOTTA
HEX
#BD4727
RGB
189,71,39
CMYK
19,85,100,8
PANTONE
166 U

COLoR USaGE RATiO

This ratio shows how much you should use each of our brand colors. Green and Yellow are used most often, whereas Terracotta and Cream are used less often.

Green 50%
Yellow 30%
Cream 15%
Terracotta 5%

Download color specs & usage ratio.

typography

'Tenor Sans' and 'Brandon Grotesque' are our two brand fonts. Tenor is used for headlines while Brandon is used for paragraph text. This provides style and legibility.

PRIMARY FONT

Display headline.

Display Headline, Tenor Sans Regular, 120PT, uppercase

Secondary headline.

Secondary Headlines, Brandon Grotesque Regular, 42PT, uppercase

Paragraph text, gravida mi nibh, a auctor enim tempor non. Sed non ultrices neque. Nunc lectus lorem, condimentum vitae sem sit amet, lobortis ullamcorper nisi. Nam odio lorem, varius vel lacus id, ullamcorper suscipit arcu. Praesent vel diam nec augue porttitor molestie. Nam sed justo ac est sodales hendrerit quis nec eros. Mauris non massa vitae nunc tincidunt egestas. Vivamus enim nulla, pellentesque id pharetra sed, lacinia at nulla. Maecenas nec suscipit libero. Nunc tempor nulla eu urna tempor, ut pharetra nulla pretium.

Paragraph Text, Brandon Grotesque Regular, 18pt, sentence case

Download typography specs & sample.

Download 'Tenor Sans' font via Google Fonts for print and digital use.

Activate 'Brandon Grotesque' font via Adobe Font for print and digital use.

photography

Our photography should always align with our brand personality. All photos should be: simple & curated, casual & comfortable, approachable & friendly.

photography art direction

  • PHOTO SAMPLE 1
    Capture details like ladder, natural woods and patio greenery to display the unique setting.
  • PHOTO SAMPLE 2
    Soft focus greenery background presents sense of place, with added focus and a quick-read on the product.
  • PHOTO SAMPLE 3
    Simpler backgrounds with very soft focus provide the best contrast. All shots should share the same background to avoid distraction with in a grid of many products.
  • PHOTO SAMPLE 4
    Avoid distracting tangents in back drop setup that distract the eye when scanning many products within a grid.
picture of the shelves of wine in Arlequin
PHOTO SAMPLE 1
photography image placeholder
PHOTO SAMPLE 2
photography image placeholder
PHOTO SAMPLE 3
photography image placeholder
PHOTO SAMPLE 4