Obigtech Brand Guidelines

Page 1

Brand Guideline

V1


This guide will help you understand the basics of our identity system. It explains how to use the system and to ensure consistent application of the visual elements in all communications.

Note: All partner led creatives must be approved by the Obig brand team.


Trademark


Our trademarks are some of the most important parts of our identity. They create coherence and brand recognition across all communications.


Logo

Our logo is a key element of our brand identity, therefore, it is essential that it is always reproduced correctly. It must be used consistently and appropriately, even minor variations will undermine and compromise the image of the branding. Only use obig provided digital artwork. Please do not attempt to redraw or alter the logo. Master �iles in a variety of different formats can be acquired from our team or found on our shared drive.


Clearspace

Our logo lockup is only used in the disrupt part of our own communication or when we exist in a context where the nature of our business isn’t obvious. This ensures we tell the customers what we are all about in a rational way.

62.811 pt

62.811 pt

62.811 pt

62.811 pt


Symbol

Our logo lockup is only used in the disrupt part of our own communication or when we exist in a context where the nature of our business isn’t obvious. This ensures we tell the customers what we are all about in a rational way.


Color

Logo should be white on darker backgrounds and black on lighter backgrounds.


Partnership

Partnership logos should follow clearspace rules.


Avartar

Our avatar contains our symbol. It represents us on multiple platforms from app icon to social media pro�ile icon.


Icon construction

Align the logo center vertically and horizontally of the icon. Use a 40.842 by 40.842pt square as the padding to the left and right edge of the icon shape.

40.842

40.842


Typography


This guide will help you understand the basics of our identity system. It explains how to use the system and to ensure consistent application of the visual elements in all communications.


Graphik Typeface

Graphik LCG is our primary typeface. It has been carefully selected to represent the brand and must be used to retain consistency.

Graphik LCG Extra Light

Graphik LCG Light

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 0123456789

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 0123456789

Graphik LCG Regular

Graphik LCG Medium

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 0123456789

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 0123456789

Graphik LCG Semibold

Graphik LCG Bold

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 0123456789

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 0123456789


Kerning

Sometimes letters don’t sit well nicely by default. Kerning is the process of unifying the space between each letter. Any display copy should be kerned to look right.

Graphik Kern -40

Graphik Kern -50


Leading

As a general rule, text below 50pt will need leading between 100% and 125% of type size. Text below 12pt will need leading between 130% and 140% of the type size. Text below 8pt will need leading between 130% and 140% of type size.

We provide the best digital experience. This is a paragraph used to describe things more in detail. It could be used in two or three coloumn layout.


Composition


Regardless of the size, dimension or type of communication, we have certain rules of where we want things to be placed. Some things just look better being placed a certain way.


Elements

layout

Grid guide

Partnership logos should follow clearspace rules.

16.27 pt

14.35 pt

Type & logo

Prototype

We provide the best digital experience. 12.608 pt

We provide the best digital experience. 12.608 pt

This is a paragraph used to describe things more in detail. It could be used in two or three coloumn layout.

This is a paragraph used to describe things more in detail. It could be used in two or three coloumn layout.


Column breakdown

Our avatar contains our symbol. It represents us on multiple platforms from app icon to social media pro�ile icon.


Composition Message

01

Our primary brand colors are black, white and blue. They are used to rovide simplicity, clarity and consistency across brand communications.

Simplicity 02

consistency 03

black, white and blue


Colors


Our colors are a big part of our brand, especially Obig Black. When people see our colors, we want them to think about obig. We use consistent colors so we can strengten our brand awareness.


Primary colors

Our primary brand colors are black, white and blue. They are used to provide simplicity, clarity and consistency across brand communications.

Black

Whit e

RGB - 0 0 0 CMYK - 70 35 40 100 HEX - 000000

RGB - 0 0 0 CMYK - 0 0 0 0 HEX - FFFFFF

Light blue RGB - 2 3 93 255 CMYK - 85 67 0 0 HEX - 175CFF


Secondary colors

Sometimes letters don’t sit well nicely by default. Kerning is the process of unifying the space between each letter. Any display copy should be kerned to look right.

Blue

Green

Yello w

Red

RGB - 28 41 217 CMYK - 88 80 0 0 HEX - 1C29D9

RGB - 5 185 112 CMYK - 80 0 81 0 HEX - 05B9 70

RGB - 255 192 67 CMYK - 0 27 8 7 0 HEX - FFC043

RGB - 255 125 133 CMYK - 0 67 3 7 0 HEX - FF7D85


Brand Architecture


Secondary colors

There are different styles for lockups for sub-brands, products, organisation brands etc. The primary lockup pairs Neurial Grotesk Regular with our “obig” used by organisation brands eg, obigagency.

Primary Lockup

Please take note of the space before the lockups.

primary

10.41pt

10.41pt

Graphik LCG Light


The secondary lockup pairs Neurial Grotesk Light with our “obig” used by organisation brands eg, obigagency.

Secondary Lockup

secondary Graphik LCG light


Sub-brands

Sub-brands are the lines of business under the parent brand.

agency

media


Application


Collaterals

Our primary brand colors are black, white and blue. They are used to provide simplicity, clarity and consistency across brand communications.

Letterhead Business card Popoola Emmanuel Frontend Engineer

P: +234 817985 7180 E: Popoola@obig.tech P: +234 817985 7180 E: Popoola@obig.tech

Dear Joe,

o i

www.obig.tech

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorLorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, cons ectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.

o i


Collaterals

Popoola Emmanuel Frontend Engineer

If you found this card please return to the address below or any nearest police station.

5th �loor Oluwatobi house, Allen avenue Ikeja, Lagos, Nigeria

Signature


Collaterals


Sticker


Patterns


Assets


For now, Google drive is our digital asset management tool where we would be storing all our assets. This is where you can �ind our assets.


Assets location

If you have any questions regarding the �iles, please reach out to obigtech.design@gmail.com. In the drive, this will show in the namings of the assets.

Obig_Logo Black

SVG, PNG, EPS

White

SVG, PNG, EPS

Obig agency_Logo Black

SVG, PNG, EPS

White

SVG, PNG, EPS

Typography Graphik Typeface Zip �ile


Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.