Joplin brand guidelines
Logos
All the variations of Joplin logo are all front facing.
To ensure a clarity and legibility of design, the logo should always
be surrounded by a clear space.
Lockup logo
Joplin lockup is the main logo. It is used for products and marketing communications. To ensure sufficient contrast and readability, two following versions of the lockup are provided.
Blue text version to be used on bright background.
Joplin
White text version to be used
on dark background.
Joplin
Brandmark logo
The classic brandmark icon is often used on a bright background to help increase the contrast. It is a reduced version of a logo which should be used in limited spacing or when using a full name is not necessary.
Joplin tagline
Our tagline is an invitation to capture your thoughts and securely access them from any device.
Colours
Two core colour palettes can be used while representing the brand. The
accent colours are used to highlight
important elements and support the colours of the core palettes.
Primary colours
Dark blue
HEX - 043873
White
HEX - FFFFFF
Dark gray
HEX - 32363F
Accent colours
Light blue
HEX - 4F9CF9
Yellow
HEX - FFE492
Allowed variations of
primary colours
Variant dark
HEX - 072445
Variant white
HEX - F8F9FA
Variant dark gray
HEX - 212529
Allowed variations of
accent colours
Variant light blue
HEX - F7FBFF
Typography
Font-family: Montserrat
Montserrat is a typeface chosen for its great readability. It is
used as a default font. Sans-serif font should be used when
Montserrat is not available.
Connector element
The graphic element that represents the connection between the components, files and data. It's Joplin's signature element present in application's website as well as in marketing communications.
Imagery
We uses vector art illustration . It ensures high quality images in any scale, large or small. All the illustrations come from storyset.com and are personalised to match the Joplin's colours.
Highlighter
It is a reference to process of note taking on paper. It is used to
emphasize words in the titles. There are two
variations of the element:
Yellow version under dark text
Light blue version under white text
Tone of voice
Professional,
Friendly,
Welcoming,
Trustworthy,
Open-minded,
Genuine
We believe that transparency is key to honest and successful communication. We remain trustworthy and genuine in engaging with our users and Joplin community.
As an open-source project we stay open-minded and enthusiastic about new ideas and solutions. At the same time we continue to be professional to honour the trust the users place in us.
We appreciate the value the users bring to our product and therefore we keep our tone friendly and welcoming .