Provide necessary assets before (and during, if required) production to the design team
Provide clear feedback from all stakeholders on each delivery to the design team
Provide the approved content to the individual/parties responsible for development or distribution

Select your project type

Print

Business Cards, PDF, Handout, Battle Cards, Postcards, Signage, T-Shirts, Swag, Case Study, Live Show Booth, Poster

Digital

Blog Graphic, Presentation, Social Profile Graphic, Desktop Background, Video Edit, Motion Graphics, Video Thumbnail, Email Design, Social Posts, Webpage Graphic

Asset Request

Need something that's already produced, or looking for

Creative development

Logo, Social Profile Graphics (this should go here instead of Digital?)

Something else

Not listed here? We're always excited to help out on new ideas, so let's hear what about your idea!

Everything you need to start working with our brands

Quick access to our most requested resources

logos social headers zoom backgrounds

Get started creating presentations, documents and more with our Google suite templates

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Slide examples

Full of helpful slide examples to give you a head start and inspire your own deck

Slide template

Start from scratch with all the blank slides you need to build a Cin7 branded deck

Letterhead

The Cin7 letterhead is a simple template for when you need to write a letter or quick document with a Cin7 logo on it.

Sign off with a beautiful customized email signature

create signature

Learn about our how to design for partnerships

If you're using our logo to celebrate a recent partnership, or an integration with our product make sure to use our primary logo. When laying out the logos, be sure to present your logo first, with ours second. Make sure to divide our logos with a line or similar device, and please avoid using any '+' symbols between our logos.

download template

Partnership lockup examples

Zoom backgrounds

Generic brand

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Download

8,000 customers

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Download

Cin7 animated

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Download

Featured customers

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Download

Our logos

The Cin7 logo is our most valuable brand asset, and must be used with consistency and respect to ensure people can easily recognise our brand. Our logo comes in a few different variations and colours. To help you decide which will work best for your specific placement, we're created these guidelines.

Things to avoid with all of our logos

Our logo looks best the way we designed it, so please avoid any of these common mistakes. Things like: bad colour combinations, skewing the logo, or seperating the shield from the wordmark should all be avoided.

Don't use the white logo on a yellow background

Don't scale the brand mark and word separately

Don't use the blue logo on a black background

Don't re-colour the logo from white or blue

Don't rotate the brandmark

Don't re-colour any of the brandmark

Make sure the logo is legible when placing it over photo or texture

Don't manipulate the position of the brandmark

Keep plenty of clear space around our logos

Our logo looks best when it has a good amount of negative space around it. A good rule of thumb is to leave the space of an additional 'shield' on each side of the logo.

Cin7

Our logo is made up of two parts: the brandmark we call 'the shield' and the wordmark 'Cin7'. The shield is a 7-sided polygon (called a heptagon) and is formed through dynamic, layered lines that represent the connectivity of Cin7. The lines resemble streams of data bouncing from corner to corner connecting our customers tools, workflows, and worlds together.

cin7 logo

Our primary and secondary variations

The Cin7 logo comes in a horizontal, and stacked variation. The horizontal layout is our primary expression of the logo, and should be used in 99% of cases. There may be instances where the stacked logo makes more sense. An example of this could be a really narrow banner ad where we can get more bang for our buck by stacking the shield and wordmark, or when the logo is contained in a circle shape like a profile photo.

When to use each logo color variation

The Cin7 logo comes in two colours: hept blue, and white. The visual guide below shows when each should be used on different background colours. If the logo is applied to a photograph, whichever colour creates the most contrast (hept blue or white) should be used.

DEAR

The Dear logo is our most valuable brand asset, and must be used with consistency and respect to ensure people can easily recognise our brand. Our logo comes in a few different variations and colours. To help you decide which will work best for your specific placement, we're created these guidelines.

dear logo

Our primary and secondary variations

The Dear logo comes in a horizontal, and stacked variation. The horizontal layout is our primary expression of the logo, and should be used in 99% of cases. There may be instances where the stacked logo makes more sense. An example of this could be a really narrow banner ad where we can get more bang for our buck by stacking the shield and wordmark, or when the logo is contained in a circle shape like a profile photo.

When to use each logo color variation

The Dear logo comes in two colours: teal, and white. The visual guide below shows when each should be used on different background colours. If the logo is applied to a photograph, whichever colour creates the most contrast (teal or white) should be used.

Orderhive

Our logo is made up of two parts: the brandmark we call 'the shield' and the wordmark 'Cin7 Orderhive'. The shield is a 7-sided polygon (called a heptagon) and is formed through dynamic, layered lines that represent the connectivity of Cin7 Orderhive. The lines resemble streams of data bouncing from corner to corner connecting our customers tools, workflows, and worlds together.

orderhive logo

Our primary and secondary variations

The Cin7 Orderhive logo comes in a horizontal, and stacked variation. The horizontal layout is our primary expression of the logo, and should be used in 99% of cases. There may be instances where the stacked logo makes more sense. An example of this could be a really narrow banner ad where we can get more bang for our buck by stacking the shield and wordmark, or when the logo is contained in a circle shape like a profile photo.

When to use each logo color variation

The Cin7 Orderhive logo comes in two colours: hept blue, and white. The visual guide below shows when each should be used on different background colours. If the logo is applied to a photograph, whichever colour creates the most contrast (hept blue or white) should be used.

Discover our color palettes

The Cin7 colors work together to fuel the energy of our brand. Just like learning about the sophistication of any SaaS tool, we should lead our customers carefully through our pallete, introducing more as time goes on. When people are just getting to know Cin7, our primary colors are the colors we lean on the most.

Cin7 & Orderhive colors

Primary colors

'Hept' makes people feel at ease, and represents the sophyistation of our brand. While 'Transit' invokes the energy of helping our customers get their businesses and products moving. Through repetition and consistency, when someone asks about Cin7, these are the colors people should see in their mind.

#002EFF

Copy hex

Hept blue

CMYK 100 63 0 2
PANTONE 2935

#FEDB31

Copy hex

Transit yellow

CMYK 0 6 72 0
PANTONE 121

Secondary colors

Our secondary colors are useful on our website and in places where we need a little more colour to play with. They shouldn't be used as a substitute for our primary colours, but instead add variety and visual interest to break them up.

#4D98FF

Copy hex

Lapis

CMYK 55 13 0 0 PANTONE 292

#002E6E

Copy hex

Midnight

CMYK 100 74 0 45
PANTONE 294

#FF4D7C

Copy hex

Punch

CMYK 0 79 31 0
PANTONE 184

#9FDF3C

Copy hex

Lime

CMYK 37 0 77 0
PANTONE 367

Ruby

DEAR colors

Primary colors

'Teal' makes people feel at ease, and represents the sophyistation of our brand. While 'Transit' invokes the energy of helping our customers get their businesses and products moving. Through repetition and consistency, when someone asks about Dear, these are the colors people should see in their mind.

#05CBBF

Copy hex

Teal

CMYK XXX XXX XXX XXX
PANTONE XXX

#002E6E

Copy hex

Midnight

CMYK 100 74 0 45
PANTONE 294

Secondary colors

#c3eff2

Copy hex

Half teal

#cde2ff

Copy hex

Half lapis

#4d99ff

Copy hex

Lapis

#002dff

Copy hex

Hept

Our fonts

Our typography is another tool we have to create a unified brand feeling across multiple touch-points. Our company font is 'Calibre' designed by Klim Type Foundry. For occasions where this font is unavailable (like Google slides) our fallback font is the widely available Roboto by Googl

Our main typeface is Calibre

Calibre is a neo-grotesk sans serif inspired by lettering on West Berlin street signs. Calibre gently tempers the engineer’s geometric tendencies by applying the human element of optical correction. Calibre gives Cin7 a professional look while remaining legible at all sizes.

request license

Our substitute typeface is Roboto

Roboto was created by Google in 2011 for their Android operating system. Since then, it has been iterated on and is widley available and free for anyone to download and use. For cases where we're unable to use Calibre, Robot is our substitue typeface.

download roboto

Pattern is still a work in progress

Photography

Sub–brands

This is a section that has component and layout examples to use for creating content in other sections

Here are some basic text and CTA styles (h2)

This is the third level of heading (h3)

This is a small (h4) heading

cin7 download cin7 download

This is an example of an in-text link, for minor links that don't need a CTA callout.

Using images and graphics

A basic full–width image

Full–width image inside an inset white frame (to match images with inset captions)

Image with caption

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Image with download and titles

This is a small (h4) heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Download photo

Images two up, three up, and four up — examples with and without frames / descriptions

Two up images (mobile stacks to single column)

Three up images (mobile stacks to single column) with frames

Four up images (mobile stacks to two up per row) with frames and descriptions

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Two thirds / one third (mobile stacks to even half half split)

One third / two thirds (mobile stacks to even half half split) — example showing varied layout options

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

If you're new to working with the brand team, welcome!

Our role

Your role

Select your project type

Print

Digital

UI / UX

Asset Request

Creative development

Something else

Everything you need to start working with our brands

Quick access to our most requested resources

Get started creating presentations, documents and more with our Google suite templates

Slide examples

Slide template

Letterhead

Sign off with a beautiful customized email signature

Learn about our how to design for partnerships

Partnership lockup examples

Personalize your social media presence with your favorite branded assets

Getting work done

Abstract logo shapes

Pride design

Zoom backgrounds

Generic brand

8,000 customers

Cin7 animated

Featured customers

Our logos

Things to avoid with all of our logos

Keep plenty of clear space around our logos

Cin7

Our primary and secondary variations

When to use each logo color variation

DEAR

Our primary and secondary variations

When to use each logo color variation

Orderhive

Our primary and secondary variations

When to use each logo color variation

Discover our color palettes

Cin7 & Orderhive colors

Primary colors

Hept blue

Transit yellow

Secondary colors

Lapis

Midnight

Punch

Lime

Supporting

Quarter lapis

Half lapis

Mandarin

Ruby

DEAR colors

Primary colors

Teal

Midnight

Secondary colors

Half teal

Half lapis

Lapis

Hept

Our fonts

Our main typeface is Calibre

Our substitute typeface is Roboto

Pattern is still a work in progress

Photography

Sub–brands

This is a section that has component and layout examples to use for creating content in other sections

Here are some basic text and CTA styles (h2)

This is the third level of heading (h3)

This is a small (h4) heading

Using images and graphics

A basic full–width image

Full–width image inside an inset white frame (to match images with inset captions)

Image with caption

Image with download and titles

This is a small (h4) heading