The Matillion identity is the cornerstone of our visual image. As such, we must treat it with the same respect we give our customers. It’s up to all of us to ensure that every impression is consistent, positive, sophisticated, easy to understand, and enjoyable. This guide has been carefully developed to ensure that the Matillion’s brand is presented in a uniform and consistent way.
The following pages provide a set of guidelines detailing how to use our identity correctly. This manual should be shared with graphic designers, advertising agencies, printers, or anyone implementing an element of the brand.
Introduction
Positive Logo
This is the preferred logo for Matillion (positive version). Only use approved artwork and do not create other versions.
The Matillion logo comprises the company name accompanied by a honeycomb symbol. The honeycomb design is inspired by the Manchester Bee icon, representing the company's connection to Manchester. It also includes two stroke lines, serving as a visual metaphor for lifting the data pipeline.
Negative Logo
This is the primary logo for Matillion
(negative version). This will appear as the official signature. Only use approved artwork and do not create other versions. The Matillion logo comprises the company name accompanied by a honeycomb symbol. The honeycomb design is inspired by the Manchester Bee icon, representing the company's connection to Manchester. It also includes two stroke lines, serving as a visual metaphor for lifting the data pipeline.
Logo Alternative “Stacked”
This is the primary logo for
Matillion (Stacked version).
This will appear as the official
signature. Only use approved
artwork and do not create other versions.
Logo Symbol
Matillion has two versions of its symbol for social media one static, one animated. For the circular icon, the icon character with nodes have been reduced in size to accommodate this particular crop and ensure maximum legibility. Please use the correct version where appropriate. The icon is available in our logo package.
Clear Space & Minimum Size
Clear Space
A minimum clear space must frame the Matillion logo. No other design elements may be positioned within this space, including typography, photography, and illustration. The minimum clear space is based on half the height of the ‘o’ and extends from the outermost edges of the logo on all sides.
Minimum Size
With decreasing size, the logo may begin to distort and become illegible. To avoid this risk, please only use approved artwork and do not print below the specified minimum size shown below. The logo should not be printed any smaller than 0.2” tall in print and 25px tall on the screen.
Kerning
Incorrect Usage
Adherence to these guidelines will ensure that the integrity of the identity is maintained. The simplest way to follow these guidelines is to use the approved digital artwork for all variants of the logo, and use good judgment in applying them. Shown are some examples of what not to do.
A. Never stretch or rotate the logotype
B. Never print the logo in a different color
C. Never highlight a character individually
D. Never remove the honeycomb from the icon
E. Never color the icon on a white logo
F. Never outline the characters in the logo
G. Never use Icon by themselves
Matillion Employee Brand Package
Logo Package - Zoom Backgrounds - Email Signature
Partner Branding
When presenting the Matillion logo alongside a sponsor logo, use the Matillion icon as a measuring tool for clear space all around the logo. Always present the Matillion logo first and ensure that neither the partner/sponsor logo height nore width exceeds the height and width of the Matillion logo.
Typography
The primary headline typeface for Matillion is Gabarito. It is legible, modern, and confident. Two weights are used for specific purposes and needs: Medium and Regular. These weights are used to create contrast and hierarchy. Medium should only be used for short statements and headings, and Regular can be used for body copy. Nudista comes free on the Adobe Library. Minimum size for Neusa Next Std is 25pt.
PLEASE NOTE:
Where Gabarito is not available,
for example on Presentations
such as Powerpoint or Google
Slides, please default to Arial
HEADLINE FONT
gabarito
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm
Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz
1 2 3 4 5 6 7 8 9 0 ? ! @ # $ % & ( ) [ ] { }
BODY COPY
gabarito
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm
Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz
1 2 3 4 5 6 7 8 9 0 ? ! @ # $ % & ( ) [ ] { }
Colors
Emerald Green
Midnight Blue
Matillion Color Palette Primary
Color is an essential and distinctive element to the Matillion brand. The Matillion logo should always be printed in Pantone 7479 C (HEX #1BE47F)
#0C2656 is a primary accent color and should be used sparingly as a highlight across print and digital materials for best effect.
Body text on headings overlaying green should be printed in #0C2656.
All colors are shown with corresponding tints
Matillion Color Palette Secondary
Yellowstone
Black Pearl
Aqua
Electric Blue
Ruby
Color Palette Shades
Overall, specifying color shades in brand guidelines is an essential aspect of creating strong variety while staying consistent to brand identity, enhancing brand recognition and differentiation, and ensuring that all branding materials accurately reflect the intended colors.
With our wide range of shades, we are ensuring enough variety for other brand touchpoints such as Product, Social, or Events.
Green 1
Green 2
Green 3
Green 4
Green 5
Eastern Blue 1
Eastern Blue 2
Eastern Blue 3
Eastern Blue 4
Eastern Blue 5
Blue 1
Blue 2
Blue 3
Blue 4
Blue 5
Yellow 1
Yellow 2
Yellow 3
Yellow 4
Yellow 5
Mint 1
Mint 2
Mint 3
Mint 4
Mint 5
Red 1
Red 2
Red 3
Red 4
Red 5
Grey 1
Grey 2
Grey 3
Grey 4
Grey 5
Color Usage with Font Weight and Size
Clear Space & Minimum Size
It is important that our brand is accessible for everyone. An aspect of this is the color contrast between text and background color.
To ensure a high enough contrast on web materials, only use white (#FFFFFF) and dark blue (#0C2656) as text colors on the appropriate background color.
Along with color contrast, accessibility also depends on font weight and size.
For primary (green) and secondary colors, dark blue (#0C2656) should ideally be used as text overlay, however in some instances, white text can be used if text is at least: > 18pt and Semibold/Bold OR >24 pt and Regular weight.
Dark blue (#0C2656) text can be used at any size and / or weight.
If you want to use Emerald Green on white only use the darkest shade! (#0C643D)
Iconography
We are using streamlinehq.com for all of our icon needs. Our preferred Set is Streamline Regular. It is a minimal and geometric line style. The right balance between legibility and minimalism. 1.5px stroke on a 24px grid. Customize vector line width. Also compatible with Figma. It has 55 categories and 14,787 Vector Icons are available.
Database
Add Database
Database Clock
Move
Transform
Orchestrate
Touch ID
Touch ID user
Touch ID search
Password Approved
Password Denied
Password Lock
Analytic Bar
Analytic Graph
App Window
Checklist
Cloud Lock
Cloud Check
Cloud Monitor Download
Coading Apps
Transfer Apps
Data Nodes
Data Profile
Database Connect
Data Sync Cloud
User
Vault Lock
Home
Graph Desktop
Gauge Dashboard
Approved
Alert
Alert Bell Notification
Filter
Filter Text
Graph Stats Arrow
Technology AI
Workflow Chart
Workflow Pull Request
Workflow Board
Module Two
Module Three
Module
HUB
Attach Clipping
Recycle bin
Calender
Operation
Programming User
Programming Monitor
Service Marketplace
Ai Chip
Ai Chat
Ai Browser
Ai Cloud
Ai Database
Ai Setting
Ai Generated
Ai Voice
Ai Prompt
Matillion's Swag
To keep consistency in our brand architecture, the creative team needs to review everything with a Matillion logo on it, even internal swag
Editorial
Make a copy while using it.
Matillion Google Document
Presentation Template
Brand Architecture Logos
