• Brand Management
    • Digital asset management
    • Full-scale editing tools
    • Approval and decision flows
    • Manage campaigns
    • Don’t show again

Introduction

Logo

Matillion Employee Brand Package

Partner Branding

Typography

Colors

Matillion Secondary Color

Color Palette Shades

Color Usage with Font Weight and Size

Iconography

Matillion's Swag

Editorial

Matillion Editable Document

Presentation Template

Brand Architecture Logos

front-image-6

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

green-horizontal-logo-matillion

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.


white-horizontal-logo-matillion

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.

green-vertical-logo-matillion
white-vertical-logo-matillion

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.

Download Logo Pack
icon_positive icon_negative
icon

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 clear-space_n


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


Kerning



dont_2


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 


employee


Matillion Employee Brand Package

Logo Package - Zoom Backgrounds - Email Signature

Download Matillion Employee Brand Package

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.


artboard-4
lanyard-mockup2

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

Download Gabarito Font

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

  • HEX #19E57F

  • RGB 25, 229, 127

  • CMYK 63, 0, 73, 0

Midnight Blue

  • HEX #0C2656

  • RGB 12, 38, 86

  • CMYK 100, 91, 37, 33

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

  • HEX #FCDF63

  • RGB 252, 223, 99

  • CMYK 0, 12, 61, 1

Black Pearl

  • HEX #000000

  • RGB 0, 0, 0

  • CMYK 75, 68, 67, 90

Aqua

  • HEX #56FAF0

  • RGB 86, 250, 240

  • CMYK 66, 0, 4, 2

Electric Blue

  • HEX #1A1DFF

  • RGB 26, 29, 255

  • CMYK 90, 89, 0, 0

Ruby

  • HEX #FF0647

  • RGB 255, 6, 71

  • CMYK 0, 98, 72, 0

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

  • HEX #B6FCD7

  • RGB 182, 252, 215

Green 2

  • HEX #5EF7A7

  • RGB 94, 247, 167

Green 3

  • HEX #19E57F

  • RGB 25, 229, 127

Green 4

  • HEX #01A754

  • RGB 1, 167, 84

Green 5

  • HEX #0C643D

  • RGB 12, 100, 61

Eastern Blue 1

  • HEX #28639E

  • RGB 40, 99, 158

Eastern Blue 2

  • HEX #1D4A7F

  • RGB 29, 74, 127

Eastern Blue 3

  • HEX #0C2656

  • RGB 12, 38, 86

Eastern Blue 4

  • HEX #02204F

  • RGB 2, 32, 79

Eastern Blue 5

  • HEX #01173A

  • RGB 1, 23, 58

Blue 1

  • HEX #6286F9

  • RGB 98, 134, 249

Blue 2

  • HEX #3262F9

  • RGB 50, 98, 249

Blue 3

  • HEX #1A1DFF

  • RGB 26, 29, 255

Blue 4

  • HEX #0533D8

  • RGB 5, 51, 216

Blue 5

  • HEX #0228A3

  • RGB 2, 40, 163

Yellow 1

  • HEX #F9ECC7

  • RGB 249, 236, 199

Yellow 2

  • HEX #FCE39D

  • RGB 252, 227, 157

Yellow 3

  • HEX #FCDF63

  • RGB 252, 223, 99

Yellow 4

  • HEX #F9C73D

  • RGB 249, 199, 61

Yellow 5

  • HEX #FCBA00

  • RGB 252, 186, 0

Mint 1

  • HEX #AFF9F2

  • RGB 175, 249, 242

Mint 2

  • HEX #90FCF1

  • RGB 144, 252, 241

Mint 3

  • HEX #56FAF0

  • RGB 86, 250, 240

Mint 4

  • HEX #33E5D4

  • RGB 51, 229, 212

Mint 5

  • HEX #05DDC8

  • RGB 5, 221, 200

Red 1

  • HEX #FC7EA5

  • RGB 252, 126, 165

Red 2

  • HEX #FC427C

  • RGB 252, 66, 124

Red 3

  • HEX #FF0647

  • RGB 255, 6, 71

Red 4

  • HEX #D10242

  • RGB 209, 2, 66

Red 5

  • HEX #9B0231

  • RGB 155, 2, 49

Grey 1

  • HEX #F5F7FA

  • RGB 245, 247, 250

Grey 2

  • HEX #C4C8CC

  • RGB 196, 200, 204

Grey 3

  • HEX #717780

  • RGB 113, 119, 128

Grey 4

  • HEX #404752

  • RGB 64, 71, 82

Grey 5

  • HEX #000000

  • RGB 0, 0, 0

Color Usage with Font Weight and Size 

color-usability-for-bp2


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

database-02-01 database-01
database-add-01 database-add_green-01
database-clock-01 database-clock1-01
Download
Download
Download

Move

Transform

Orchestrate

move-01 move_green-01
transform-01 transform_green-01
orchestrate-01 orchestrate_green-01
Download
Download
Download

Touch ID

Touch ID user

Touch ID search

touch-id-11-01 touch-id-1-01
touch-id-user1-01 touch-id-user-01
touch-id-search1-01 touch-id-search-01
Download
Download
Download

Password Approved

Password Denied

Password Lock

password-approved-01 password-approved1-01
password-denied-01 password-denied1-01
password-lock-1-01 password-lock-11-01
Download
Download
Download

Analytic Bar

Analytic Graph

App Window

analytics-bars-3-d1-01-01 analytics-bars-3-d-01-01
analytics-graph-bar-01 analytics-graph-bar1-01
app-window-pie-chart-01 app-window-pie-chart1-01
Download
Download
Download

Checklist

Cloud Lock

Cloud Check

checklist-01 checklist1-01
cloud-lock-1-01 cloud-lock-01
cloud-check-01 cloud-check1-01
Download
Download
Download

Cloud Monitor Download

Coading Apps

Transfer Apps

cloud-monitor-download-01 cloud-monitor-download1-01
coding-apps-1-01 coding-apps-01
coding-apps-conversion-documents-2-01 coding-apps-conversion-documents-21-01
Download
Download
Download

Data Nodes

Data Profile

Database Connect

data-nodes-1-01 data-nodes-01
data-profilepng-1-01 data-profile-01
database-connect-01 database-connect1-01
Download
Download
Download

Data Sync Cloud

User

Vault Lock

data-sync-cloud-1-01 data-sync-cloud1-01
user-privacy-protection-shield-1-01 user-privacy-protection-shield-11-01
vault-lock-1-01 vault-lock-01
Download
Download
Download

Home

Graph Desktop

Gauge Dashboard

house-1-01 house-11-01
pie-line-graph-desktop-01 pie-line-graph-desktop1-01
gauge-dashboard-01 gauge-dashboard1-01
Download
Download
Download

Approved

Alert

Alert Bell Notification

cog-approved-01 cog-approved1-01
alert-hexagon-01 alert-hexagon1-01
alert-bell-notification-1-01 alert-bell-notification-11-01
Download
Download
Download

Filter

Filter Text

Graph Stats Arrow

filter-3-01 filter-31-01
filter-text-01 filter-text1-01
graph-stats-ascend-01 graph-stats-ascend1-01
Download
Download
Download

Technology AI

Workflow Chart

Workflow Pull Request

technology-ai-brain-coding-01 technology-ai-brain-coding1-01
-workflow-gantt-chart-12-01 -workflow-gantt-chart-121-01
workflow-pull-request-01 workflow-pull-request1-01
Download
Download
Download

Workflow Board

Module Two

Module Three

workflow-kanban-board-01 workflow-kanban-board1-01
module-three-2-01 module-three-21-01
module-three-1-01 module-three-11-01
Download
Download
Download

Module

HUB

Attach Clipping

module-01 module1-01
hub-1-01 hub-01
attach-clipping-object-01 attach-clipping-object1-01
Download
Download
Download

Recycle bin

Calender

Operation

bin-1-01 bin-11-01
calendar-3-01 calendar-31-01
operation1-01 operation-01
Download
Download
Download

Programming User

Programming Monitor

Service Marketplace

programming-user-head-01 programming-user-head1-01
programming-monitor-01 programming-monitor1-01
service-marketplace-01 service-marketplace1-01
Download
Download
Download

Ai Chip

Ai Chat

Ai Browser

ai-chip-01-01 ai-chip-02-01
ai_chat-1-01 ai_chat-02-01
ai-browser-01 ai-browser-02-01
Download
Download
Download

Ai Cloud

Ai Database

Ai Setting

ai-cloud-02-01-01 ai-cloud-01-01
ai-database-01 ai-database-02
ai-setting-01 ai-setting-02-01
Download
Download
Download

Ai Generated 

Ai Voice

Ai Prompt

ai-generate-portrait-01 ai-generate-portrait-02
ai-generate-voice-robot-01 ai-generate-voice-robot-02
ai-prompt-robot-01 icon-base-02
Download
Download
Download
Download all icon Package

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


blue_tshirt2 white_tshirt
cap_blue2 cap_white
hoodie_green hoodie_white

Editorial

Make a copy while using it.

Download Template
editorial_one_a
editorial_two_b
Download Template

Matillion Google Document

Click here to edit

Presentation Template

Click here to edit
207

Brand Architecture Logos

matillion-academy-logo-color
matillion-community-logo-color
matillion-documentation-logo-color
Download
Download
Download
matillion-exchange-logo-color
matillion-partner-network-logo-color
matillion-partners-logo-color
Download
Download
Download
matillion-support-logo-color
Download