920pixels

Logo

Identity Guidelines

Social Media

Logo animation for 920pixels. The logo constructs itself in pieces. A blinking light in the corner flashes, and the logo disappears in blur.
In this freelance branding project, I worked with a start-up agency that specialises in creating effective short-form video content for their clients and has garnered millions of views online.
The visual identity guidelines for 920pixels. The blocky nature of the branding is represented in the flexible modular grid used in the document itself.
Logo for 920pixels alongside the 920media logo. Also shown is the guide for appropriate spacing, using the right-angled 'corner' from the logo to show how much space is needed all around.
The logo reflects the bold and distinct character of the brand and uses a literal interpretation of the word "pixels" in the choice of typeface, Bitcount Mono. This alludes to the digital domain in which 920pixels operate. Further, the 'corner' anchoring the top left consolidates the logo, and being one corner of a camera's viewfinder, it represents the agency's focus on video.
Type specimen for Space Grotesk. The type hierachy shows the font weights and relative point sizes expected for elements from headings to captions.
Colour palette for the brand, with RBG hex codes and CMYK codes, for each of the four greyscale shades, and three tints for the vibrant colours: coral, mustard, teal, purple.
As a large part of 920pixels' outlined online presence was through social media, it was important to create a system of branded social media templates flexible enough to be reused while remaining fresh.

I developed 30 total template slides for use as individual posts and in carousels, each slide coming in four different colours and two different dimensions, 5:4 and 1:1. Many of these slides can even be flipped to create numerous new slide layouts.
Text Link
Gif slideshow giving a glimpse of the many alternative layouts and colours for each part of a carousel: intro slides, content slides, and end slides. Below is a diagram showing the layout of slides, including the placement and sizing of text.
Example of a carousel using the templates. Carousel is of 3 creative AI tools. Animation shows a phone, with swiping through the colourful slides.
Up arrow, to return to the top of the page.