
The 'B' icon.
The icon can be used on its own e.g. Twitter profile icon, but is normally used in conjunction with the wordmark, in one of the Logo Lockups seen below.
The Brandkit® brand and identity
Home for your brand. Connecting the world to your content 24/7.
The Brandkit® logo consists of the the 'B' Icon and the 'Brandkit' wordmark.
The 'B' icon places the letter 'B' (for Brand) inside a rounded square frame - intended to look like a molded "plastic model kit". This represents the concept of Brand Assets or 'content' being parts or components of a wider brand system, used to create a Brand Identity and wider Brand Story. The Brandkit wordmark is derived from the Museo Slab typeface. It can be produced in black or white only, depending on background colour (aim for best contrast).
There are 4 basic variants:
The 'B' icon.
The icon can be used on its own e.g. Twitter profile icon, but is normally used in conjunction with the wordmark, in one of the Logo Lockups seen below.
The wordmark
The wordmark is the brand name, 'Brandkit', with a registered trademark symbol, available as a vector and image file. It is always one word with the '"k" always in lower case.
Horizontal Lockup
For use in spaces with restricted height.
Vertical Lockup
For use in spaces with restricted width.
A minimum clear-space is required at all times.
For the icon on its own, a circle of 125% of a circle that intersects all 4 corners of the icon. For the Horizontal Lockup, draw another circle that intersects all 4 corners of the wordmark and expand 125% - then draw a rectangle that intersects the outer circles (as shown) to find the clear-space.
To make this easier to deal with, note that some assets for download have the correct clear-space built into the artwork or image canvas.
The general principal with use of colour at Brandkit, in particular in the Brandkit® application and default portal design, is as little colour as possible.
Why? Because Brandkit's job is to house the brand assets and colours of our customers. We want our customers content do be the dominant thing on the page. Therefore our branding, our use of colour must be subtle and unobtrusive.
So we use black and shades of black predominantly. We use Yellow and Purple for highlights and light shades of black, purple and yellow as backgrounds to provide separation between ideas for an easier reading experience.
However for marketing and advertising Brandkit® software or services in 3rd party channels, such as social media, we adopt a brigher more colourful approach and use the secondary Purple and Yellow more. For example we apply a Purple or Yellow filter over photography to given them a distinct look.
Brandkit is always written as one word, with an uppercase 'B', and a lower case 'k'.
(It should never be written as two words or with an upper case 'k').
Starting in 2023, to celebrate the launch of Brandkit 2, we have selected Inter, complimented by IBM Plex Serif, as our new typefaces.
Inter is a variable font family created by renowned Swedish designer Rasmus Andersson. The font was crafted specifically for computer screens to enhance the legibility of small text sizes. It was first released on August 20, 2017, and was initially known as Interface. It is also regarded as a "neutral" typeface, and a good match for our desire for the Brandkit® brand to be a neutral low key backdrop for each of our customers' brand and content. With our new monochromatic neutrality, we wanted to add a serif font to add a bit of interest to page layouts.
We selected IBM Plex Serif, because it is a perfect match for Inter with similar x-height, apertures and letter forms. As a bonus both are free fonts available on Google Fonts.
Change the way the world accesses your brand content.
Inter Regular (400)Change the way the world accesses your brand content.
Inter Light (300)Change the way the world accesses your brand content.
IMB Plex Serif Medium (500)As a software product/service screenshots are one of the primary visuals we use to market and promote Brandkit. We've developed a standard style of screenshots with text and arrow overlays that we create with Cleanshot screen capture software. We have a standard set of presets in Cleanshot. Contact us if you need these.
Our screenshots look like this:
For marketing or feature pages we overlay call-out copy with arrows directly over the image in Cleanshot.
For marketing and help articles we might call out specific details - sometimes with overlays and sometimes without.
For help articles and explanations we often use numbered call outs. Generally we don't use this style for marketing pages or important features.
Generally we don't edit photography because we want to portray something authentically and honestly.
However when we create social media images or an Ad, where a logo or text is overlaid we want a darker image (for white text) with a "Brandkit" aesthetic using Brandkit purple or for black text using Brandkit Yellow.
We achieve this by applying a coloured overlay with opacity set between 10% to 33% adjusted by eye to give a subtle yet distinguishable purple or yellow hue/tone to images. It should make the logo or text overlay more legible by providing a bit more contrast. Adjust as needed for each situation.
Examples of approved usage of the brand identity and suitable image and colour themes.
Your story matters. Help your collaborators find your content, tell your story with confidence, and build a stronger brand.
Subscribe to Updates Book a Demo
Statistics above last updated 18 Sep 2023