Vintage.com hero background with Lego Star Wars products
Tools to play with - Quick reference

Vintage.com

We help people unlock the hidden value sitting in their homes, one box at a time.

Foundation Logo Colour Typography Voice Visual language Quick reference

This is a short, comprehensive overview of the Vintage.com brand guidelines. It covers the essentials: our identity, logo usage, colour palette, typography, tone of voice and visual language. For the full, detailed guidelines, refer to the extensive brand guidelines document.

Who we are

Proposition

We help people unlock the hidden value sitting in their homes, one box at a time.

Archetype - The Magician

Brand archetypes give a brand a consistent human personality that people instinctively recognise and trust. We use the Magician because it mirrors what we actually do: we see value where others see clutter, and we transform forgotten items into something rewarding.

Confident, not showy. Knowledgeable, never patronising.

Learn more about the Magician archetype: The Magician Archetype in Branding (ebaqdesign.com)

Archetype wheel showing The Magician

Primary palette

Seven brand colours across three families: Salmon, Lila and Royal Blue.

Salmon #EB7546 RGB 235, 117, 70
CMYK 0, 50, 60, 0
PMS 1645 C
Copied!
Salmon - Light shade #B34722 RGB 179, 71, 34
CMYK 10, 70, 80, 0
PMS 173 C
Copied!
Salmon - Dark shade #561D0A RGB 86, 29, 10
CMYK 20, 80, 80, 10
PMS 174 C
Copied!
Lila #B79AFF RGB 183, 154, 255
CMYK 20, 30, 0, 0
PMS 2071 C
Copied!
Lila - Light shade #6463B1 RGB 100, 99, 177
CMYK 60, 60, 0, 0
PMS 272 C
Copied!
Lila - Dark shade #0B0040 RGB 11, 0, 64
CMYK 90, 100, 30, 10
PMS 2765 C
Copied!
Royal blue #2F00DF RGB 47, 0, 223
CMYK 90, 80, 0, 0
PMS 287 C
Copied!

Colour balance

The brand uses a 40/40/20 ratio: 40% Salmon, 40% Lila, 20% Royal Blue. Never exceed 20% blue.

Evaluate colour balance at three levels: the brand as a whole, the individual touchpoint, and the single composition. A blue page inside a multi-page brochure is fine because the brochure overall stays balanced. A blue newspaper ad is not, because that ad is the entire touchpoint. One blue screen in a bumper with multiple screens works. A standalone blue end card does not. Royal Blue should never dominate the overall impression at any level.

40% Salmon
40% Lila
20% Royal blue

Colour combinations: See the separate Vintage.com Colour Combinations Reference document for the full set of 21 approved combinations (three-colour, two-colour and monotone).

P22 Underground

Vintage uses a single typeface for everything. One font keeps the brand simple, recognisable and easy to work with. The chosen typeface is nearly a century old, yet it fits right into today's geometric type trend. Its classic details, like the diamond-shaped dot and elegant ligatures, give it a distinctive character that sets Vintage apart.

Strong visual hierarchy is essential. Use size, weight and spacing to guide the reader, not decorative styling. Avoid falling into a pattern of italic, underline or bold every few lines. If everything is emphasised, nothing stands out.

P22 Underground is based on the original London Underground typeface and supports Latin, Cyrillic and Greek alphabets. When designing, take advantage of its subtle ligatures to add an extra layer of sophistication to headlines and display text.

Adobe Fonts: fonts.adobe.com/fonts/p22-underground

Weights

Use four weight variations: Light, Book, Medium and Demibold. Always use optical kerning.

Headline big Weight Demibold Line spacing 100% Character spacing -30 Kerning Optical
The hassle free way to sell your old items
Headline small Weight Demibold Line spacing 120% Character spacing -30 Kerning Optical
We see value where others see clutter, and we transform forgotten items into something rewarding
Subtitle Weight Light Fallback Book if legibility issues Line spacing 120% Character spacing -10 Kerning Optical
Confident, not showy. Knowledgeable, never patronising. We help people unlock the hidden value sitting in their homes.
Body Weight Book Fallback Light if legibility issues Line spacing 150% Character spacing -10 Kerning Optical
We help people unlock the hidden value sitting in their homes, one box at a time. Sometimes it's a clear-out, sometimes it's a change in circumstances, and sometimes it's simply because a little extra cash would come in handy. People send us all sorts, for all sorts of reasons.
Info text Weight Light Fallback Book if legibility issues Line spacing 150% Character spacing -10 Kerning Optical
Use Book weight if legibility becomes an issue at small sizes or on certain backgrounds. Explore its subtle ligatures when designing for added sophistication.

Casing

  • Always use sentence case.
  • Never Use Title Case Like This.

Product design

  • Specific character and line spacing for product design applies. To be added in the extensive guidelines.

Tone of voice

1. Our tone of voice in three words

Friendly

We're welcoming and familiar, not formal. Our words are like a conversation with a friend.

Pragmatic

We're practical and straightforward, not confusing or unclear. Our words are direct and helpful.

Easy-going

We're easy to work with but not immature or jokey. Our words make people feel relaxed.

If Friendly is our heart and Pragmatic is our hands, Easy-going is our posture. It's how we carry ourselves in the room. It ensures our friendliness does not feel soft and our pragmatism does not feel mechanical.

And when we get it right, our audience smiles and trusts us.

2. Our personality

We're a knowledgeable and trusted friend who you can rely on. Someone who actually follows through with what they promise.

3. Top tips for writing

Be Friendly: Warm and approachable, not sloppy.

Do

"Dear" [in print] "Hello" or "Hi" [online]
"You" and "we"

Don't

"Hey" or "Hiya"
"At Vintage.com" or "The company"

Be Pragmatic: Straightforward and clear, not vague.

Do

"We will collect on Tuesday."
"We'll notify you when your box arrives. When your offer is ready, we'll contact you with one clear price for the whole box."

Don't

"We aim to collect around Tuesday if possible."
"You'll get an offer super fast."

Be Easy-going: Relaxed, reassuring and knowledgeable, not formal or corporate.

Do

People send us all sorts, for all sorts of reasons. Sometimes it's a clear-out, sometimes it's a change in circumstances, and sometimes it's simply because a little extra cash would come in handy.
"There's no rush and no obligation to take our offer."

Don't

Customers utilise our service to sell their items for a variety of reasons, including changes in personal circumstances or to generate additional income.
"Don't miss out this deal."

Photography, illustrations & icons

Every item has value. There is no such thing as trash. Our photography reflects that belief by presenting products in high-quality shoots with carefully considered lighting and a touch of drama. When people see our imagery, they should feel that these items deserve attention and a second life.

Product photography

We use products we receive and create them on brand with a software tool called Studiographer. The tool allows different colours, angles and compositions with a variety of lighting drama, so you can create on brand imagery fit for your specific touchpoint.

Studiographer: studiographer.edbloom.nl

Single product photography

Single product photography

Based on one item category. Nicely used in communication where more abstract topics are addressed. Think: "Vintage.com is good for the globe!" showing a vintage globe in brand photography. Or "Contact us" with a vintage phone.

Multi product photography

Multi product photography

Based on a mix of items, and often used to nudge the process of sending and explaining the concept.

Customer journey photography

Customer journey photography

Shot by Ponderosa. It describes the process of sending in your items with two different characters.

Illustration example

Illustrations

Perfect when you need to make something on brand, without a theme or conceptual layer. Think: letter envelope, or garage door.

Iconography

We try to avoid the use of icons as much as possible. The whole world uses icons everywhere due to a lack of visual elements. We have rich visual assets (photography, illustrations, colour) and should use those instead. When icons are truly needed, we use Phosphor Icons in thin lines.

Always use the Light variant from Phosphor. Avoid scaling icons too large. Icons may only appear in brand colours. Partial fills are allowed as a playful detail, as long as they do not make the overall design feel busy. Refer to the current product design style for reference.

Phosphor Icons: phosphoricons.com

Phosphor Icons thin line examples

Drop caps

A visual text element. Explained in the extensive guidelines.

Drop caps example

Do's and don'ts

Do

  • Always include the ® symbol with the logo, key mark and decorative key
  • Always use the wordmark together with the key-in-box
  • Keep wordmark and key mark in their original proportions
  • Maintain safe space equal to key height around the logo
  • Use the 40/40/20 colour ratio (Salmon/Lila/Blue)
  • Always use optical kerning
  • Always use sentence case
  • Use P22 Underground Book for body, Demibold for headlines
  • Be friendly, pragmatic and easy-going in tone
  • Use product photography and illustrations first
  • Use Phosphor Icons in thin lines when icons are needed

Don't

  • Use the logo, key mark or decorative key without ®
  • Use the wordmark VINTAGE.COM without the key-in-box
  • Scale the key mark up or down relative to the wordmark
  • Let other elements intrude into the logo safe space
  • Let Royal Blue exceed 20% in any composition or touchpoint
  • Use metric kerning or no kerning
  • Use Title Case
  • Mix in other typefaces
  • Be formal, corporate or pushy
  • Default to icons when richer visual assets exist
  • Use other icon libraries or heavy icon weights

Links