Download as pdf or txt
Download as pdf or txt
You are on page 1of 13

Brand

Guidelines
The Manifesto
We believe product management Today we are one team, delivering
has evolved significantly over the last product together.
several years. Gone are the days of
the weighty tomes we called product In this discipline you may be an
requirements documents. Gone are engineer, a designer, a founder or a
the days of project managing releases. product manager – all that matters is
Gone are the days of defining products that you are at the core of the product
in an ivory tower and then throwing it and passionately work towards the
across the wall to the engineering team betterment of that product.
to deliver. Today product management
is much more than a job title – it’s a This may require fewer people called
discipline, and to some, a calling. product managers in a company, but
it puts ever more emphasis on the
Today we work iteratively, in agile importance of the craft of product
stories and simple cards, because the management. On learning, sharing and
collaboration this forces with everyone working with others inside and outside
involved in the product leads to better our companies in the development of
solutions and better designs. that craft.
Today we ship product continuously and
while there may occasionally be press This is why Mind the Product and
releases involved most of the time it’s ProductTank exist – to further the craft
done to little fanfare other than the of product management by bringing
appreciation of our customers. together product people of all stripes.
The Story
Mind the Product is an international 2012 we had our first conference which
product community, by product people, gathered 450 attendees to London.
for product people.
By 2015 the London conference
Product Management can be a lonely had grown to over 1,000 attendees,
job, whether you’re the only product ProductTank was in 25+ cities, and
manager in a startup or part of a large we brought the conference to San
team you’re outnumbered by engineers, Francisco for the first time.
designers and the rest of the company.
Today, our annual London and San
In 2010 we started ProductTank in Francisco conferences compete with
London to solve this - a simple meetup each other for the title of the world’s
with the aim of bringing together largest product conference, with over
product managers to share stories, 1,200 attendees, and ProductTank is run
experiences, and lessons learned. in over 75 cities around the world.

We obviously weren’t alone in this Mind the Product is the world’s largest
desire and as the meetup was taking product community, bringing together
off in London we also helped a dozen fellow product people online through
other cities start their own ProductTank our blog, newsletter, slack chat, and job
meetups within the first year. board, and offline through our meetups,
workshops, and conferences.
In 2011 we founded Mind the Product
to tie all these events together, and in
The Venn Logomark
The primary logomark is the core of The Logomark Cropping and Rotation
the visual brand. It is a venn diagram When used on its own, the Venn
showing the intersection of the three Logomark can be rotated or cropped
core roles or skills of a product manager for effect:
- UX, technology, and business.

The venn diagram came from a seminal


blog post defining the role published on
Mind the Product in 2011.

Always point the white intersection


in the Venn Logomark towards the
content/page and try to leave one of
the circles whole.

Colours Background Colours


The original venn diagram is used Except for black and white printing The Venn Logomark can be displayed
(with permission and attribution) in a exceptions the venn logomark should on any background colour except 100%
number of blog posts, published books, always be presented in colour, and in Cyan as the main circle bleeds out. For
and other contexts and has become the Cyan colourway shown here. full cyan pages with the logo on it use
a recognised representation of and the Light or Dark Cyan defined in the
symbol for product management. colours section of this guide.
The Core Logos
The two core brands/logos are Mind
the Product and Product Tank. The logo
uses the venn logomark and emphasises
the word product.

Spacing
The logo should be given room to
breathe, the minimum white space
around the logo is equivalent to the
height of the T in product:

Colours No rotation
While the Venn Logomark doesn’t The logos should never be rotated,
change the text of the core logos can and the white intersection in the Venn
be black or white depending on the Logomark should always point towards
background. the text of the logo.
Mind the Product Variations
Variations of the Mind the Product logo Multiple Logos
are allowed for location or year of the Multiple logos should not be displayed
conference. next to each other (this page just broke
that rule). For example, if listing a
Typography number of conferences just show the
The variations are created by adding core logo and then a text list of the
text in Neutraface 2 Text Light. The conferences.
x-height of the additional text aligns
with the word product in the core Vertical Logos
logo. Ascenders and descenders are In exceptional cases vertical versions of
encouraged in the additional text. the logo and its variations are fine, just
bear in mind alignment:

Colour
The additional text should contrast with
the core logo text but is generally Cyan.

Text vs Years
Text should be italicized, years should
not. They should not be combined.
ProductTank Variations
Each ProductTank city gets its own Multiple logos
version of the ProductTank logo. Multiple logos should not be displayed
next to each other (this page just
Typography broke that rule). For example, if listing
The base font for the city name is a number of ProductTank events just
Neutraface 2 Text Demi Italic but the show the core logo and then a text list
ascenders are truncated to match the of the cities.
height of the lower case t in tank.

Colour
The city name is always in Cyan.

City Names
It’s up to each city how they want their
name represented. Eg dfw for Dallas
Fort-Worth, twin cities for Minneapolis/
St Paul, indy for Indianapolis, etc

The city names are always in lower case,


even if it’s an acronym.
Logo Usage
Secondary Logos Backgrounds Please Do Not
Other logo variations are generally The logos work best on Black, White, • Vary the typography
discouraged but sometimes used. We Grey, and Navy Blue backgrounds or • Add outlines or borders to the logo
will likely develop new ones over time photographics backgrounds. text or venn logomark
as various business areas are explored
and grow in importance. Try to avoid overly bright backgrounds • Add text other than the approved
(such as yellow and orange). variations above
Do not create new logo or variations • Place the logos on a patterned
without first checking in with the Mind Text Only Logos background (other than a photo)
the Product brand team for permission. In exceptional circumstances the logos • Place the logos on an overly bright
can be presented as text-only (without or clashing colour
Examples the Venn Logomark), for example if
black and white is the only option or
when greying out a logo.

This does not change the layout or style


of the text portion of the logos.
Typography
The core typeface is Neutraface 2 Text. Feel free to vary between Title Case, Web Fonts
Font weight is determined by the size lowercase and All Caps to help with the Since Neutraface isn’t available as a web
of the text and legibility, but generally visual hierarchy of text on banners, ads, font we use Brandon Grotesque as the
the lighter the better. Body text should badges, or similar. closest approximation.
be set in Book, while titles and headings
look great in Light. For body text online we use Open Sans,
though a modern, humanist, serif would
Neutraface 2 Text Light be fine too.

Neutraface 2 Text Light Italic Neutraface 2 Variations


Other variations of Neutraface 2 can be
used if the application demands it:
Neutraface 2 Text Book
Neutraface 2 Condensed
Neutraface 2 Text Book Italic In compact formats such as online
banners we use Neutraface 2
Neutraface 2 Text Demi Condensed to fit more text while
maintaining our brand style.
Neutraface 2 Text Demi Italic Neutraface 2 Display
Neutraface 2 Text Bold Neutraface 2 Display should be used
sparingly, and ideally only in it’s all-caps
Neutraface 2 Text Bold Italic Titling weight.
Colours
Primary Colours
Cyan. Lots and lots of Cyan.
CYAN BLACK WHITE
C:100 M:0 Y:0 K:0 C:0 M:0 Y:0 K:100 C:0 M:0 Y:0 K:0
R:0 G:174 B:239 R:0 G:0 B:0 R:255 G:255 B:255
#00AEE7 #000000 #FFFFFF

Secondary Colours
For emphasis, wayfinding,
badges, etc. Only used in ORANGE GREEN Venn Logomark Process Colours
small amounts. C:0 M:60 Y:100 K:0 C:60 M:0 Y:100 K:0 While in CMYK and RGB the Venn
R:245 G:130 B:32 R:118 G:184 B:42
Logomark is derived from various
#F58220 #76B82A
opacities of White over the Cyan circle,
when process printing the colors are:

Cyan Variations Process Cyan C


To be used as backgrounds,
especially when displaying DARK CYAN LIGHT CYAN Pantone 297 C
the Venn Logomark on top C:100 M:0 Y:0 K:20 C:80 M:0 Y:0 K:0
so the Cyan doesn’t bleed R:0 G:146 B:200 R:0 G:185 B:242 Pantone 290 C
into the backgroud. #0092C8 #00B9F2

White
Photography
We use a lot of photography and
video. Follow general rules/styles of
composition and focus and if using it
as a background make sure the text is
legible on top of the photo.

We have thousands of photos from


ProductTanks and Mind the Product
conferences available for use on our
Flickr account.
Black and White photos work really well Black and White with a Cyan pop helps
with our Cyan logo and colours emphasise the Brand

Sense of scale, space, and context make Strong composition and a clean Strong composition, faded/blurred
this photo pop. background for the text background and cyan text
Style Guide & Voice
Brand Names following the AP style guide (capitalise means Mind the Product itself does not
The brands are always written as follows proper nouns, acronyms, and words of have a view, does not believe there is
• Mind the Product four letters or more). one right way to do anything, but rather
• ProductTank represents a neutral reporter of the
Oxford Comma views of others.
UK/US Spelling Yes, yes, and yes.
We’re based in the UK but our audience Individual team members and
is international and over 50% of our Our Audience contributors, however, absolutely do
audience is in the US so as long as it’s Our audience are called product have a view and are encouraged to
consistent within a document/design/ people to avoid any one job title and present it, even if it causes controversy
event we’re ok with either. be as inclusive as possible. In singular and discussion among our audience, but
form this would be product person and these must be signed or bylined.
Time/Date Format neither is capitalised.
The same goes for time and date Voice
formatting - as long as it’s consistent Gender Neutral Our tone and voice are proper but
and appropriate for the intended target Our writing is gender neutral, by informal. We’re not afraid to make
audience, either is ok. Ideally dates referring to job titles or generic terms puns or jokes. We don’t take ourselves
should spell out the month name to like customers, users, them, their, etc. too seriously, and we do not take an
avoid confusion, eg May 4, 2016 is less authoritative or definitive voice.
confusing than 4/5 or 5/4. Neutral Point of View
We believe that product management
Title Capitalisation is not an exact science — each company,
Titles. headlines, email subjects, and team, and product person refines their
similar are presented in Capital Case own bespoke tools and methods. This
Taglines & Slogans
Taglines Slogans
We have a few different taglines We have a few different slogans and
depending on context; mottos, such as build products people
love, that we use on swag and
To further the craft of product venue branding, and I(venn)
management by bringing together Product which is a popular
product people of all stripes to inspire sticker. We are open
each other and share lessons learned. to similar visual
treatments.
Connecting and inspiring product
people to further the craft of product
management

Passionate about products and the


people who make them

You might also like