The Mindville Brand

Logos

Mindville logoMindville Logotype

Our logo is the combination of a simple and modern wordmark with the icon. The icon stands for a lot of things — The feeling of order and control that we give to our users, assets that fits together like a puzzle and data points that connect seamlessly. We are very proud of our logo, and would appreciate it if you could follow these guides to ensure it always looks its best.

Download logos

 

Mindville Horizontal — Mindville Indigo (P300)

Logo Construction

 

Mindville Horizontal — Negative (White)

Mindville Logo - Negative variant

For dark backgrounds, the logo should always be white.

 

Exclusion Zone

The exclusion zone ensures the legibility and impact of the logo by isolating it from competing visual elements such as text and supporting graphics. This zone should be considered as the absolute minimum safe distance, in most cases the logo should be given even more room to breath. The exclusion zone is equal to half the height of the icon.

LogoExclusion Zone

 

Product Logos

Insight

Insight — Symbol

Insight Symbol

Insight Discovery

Insight Discovery — Symbol

Discovery symbol

Insight Integration

Insight Integration — Symbol

Insight Integrations symbol

 

 

Symbol Construction

9 Point Grid System
Symbol-Construction-9-Point-Grid-System

 

 

Typography

Typography

Mindville typface - Aeonik

Brand Typeface
Aeonik

About

With Modernist roots but details referencing mechanical early Grotesks, Aeonik positions itself as a Neo-Grotesk with a Geometric skeleton; with proportions that are wider than a typical Grotesk, but thinner than a typical Geometric Sans. Structurally, this creates a fantastic balance for both display and text use.

Large Headings

For large headings we always use Aeonik Medium.

Line-height: 1.1
Tracking: -20
Kerning: Optical

These text colors can be used:
#18185C — Spacescape

#3737AF — Mindville Indigo
#FFF — White

Smaller Headings

For smaller headings we use Aeonik Bold.

Line-height: 1.25
Tracking: -20
Kerning: Optical

These text colors can be used:
#18185C — Spacescape
#FFF — White

Preamble Text

For preamble text we use Aeonik Regular. Preamble text is always 1,25 bigger than the paragraph text. Size vary depending on medium.

Line-height: 1.4
Tracking: 0
Kerning: Optical

Paragraph Text

For paragraph text we use Aeonik Regular.

Line-height: 1.4
Tracking: 0
Kerning: Optical

These colors can be used:
#2B2B35 — Haiti
#FFF — White

Mindville-Preamble-Paragraph

Colors

mindville-colors-header

 

Primary 
Palette

A
Fail
A
Fail
A
Pass
A
Pass
Name
P300 - Mindville Indigo
RGB
55, 55, 175
CMYK
90, 82, 0, 0
Hex
#3737af
PMS
2369 C
A
Fail
A
Fail
A
Pass
A
Pass
Name
P500 - Spacescape
RGB
24, 24, 92
CMYK
98, 90, 10, 30
Hex
#18185C
PMS
2756 C
A
Pass
A
Pass
A
Fail
A
Fail
Name
N0 - White
RGB
255, 255, 255
CMYK
0, 0, 0, 0
Hex
#fff
PMS
A
Fail
A
Fail
A
Pass
A
Pass
Name
N700 - Haiti
RGB
43, 43, 53
CMYK
35, 30, 5, 88
Hex
#2B2B35
PMS

 

Secondary 
Palette

A
Pass
A
Pass
A
Pass
A
Fail
Name
R100 – Pink Fire
RGB
255, 126, 93
CMYK
0, 63, 60, 0
Hex
#FF7E5D
PMS
A
Pass
A
Pass
A
Fail
A
Fail
Name
T75 – Fresh Turquoise
RGB
62, 218, 203
CMYK
61, 0, 31, 0
Hex
#3EDACB
PMS
A
Pass
A
Pass
A
Pass
A
Fail
Name
G75 – UFO Green
RGB
55, 219, 113
CMYK
65, 0, 73, 0
Hex
#37DB71
PMS
A
Pass
A
Pass
A
Fail
A
Fail
Name
Y75 – Gargantua
RGB
236, 236, 85
CMYK
14, 0, 74, 0
Hex
#ECEC55
PMS
Imagery

mindville-imagery-header

Mindville people

 

Mindville people

 

Mindville people

 

Imagery grid

Imagery connections

Imagery - The Assets