Style Guide - Bringit

Working at Proxys, we created the Style Guide for one of the group's companies, bringIT. BringIT is an e-commerce specialized in selling laptop parts.

As an internal priority, we first created the Style Guide with information considered crucial for the current moment of the company. Now we are builting an online Design System with all necessary content about Brand, UI elements, Languages, Patterns and Library.

Institutional

Mission

We are an online company that offers solutions for notebooks throughout Brazil and we do this through technology together with a space of respect, dialogue and transparency, ensuring what is necessary for the development of everyone.

Vision

Given our mission and understanding of the importance of technology in relationships, we currently seek to establish communication with our customers in order to make their lives easier through complete solutions for notebooks.

Values

Our values ​​guide the building for success for bringIT and stakeholders. We value competence, punctuality, honesty, health, self-development, transparency, balance, flexibility, resilience, autonomy and responsibility.

Personas

Photo of a middle age man

André, 43 years

Entrepreneur
Small/Medium IT business
Recurring Purchase
Photo of a young man

Miguel, 34 years

Administrator
Single Purchase
Private Person
Photo of a middle age woman

Lorena, 46 years

Manager
Private Person
Regular Purchase
Image of young man

Ricardo, 40 years

Computer Technician
Freelancer
Recurring Purchase

Moodboard

The semantic panel will help us in communicating with the customer. For B2B, we focus on images that refer to work, support and high performance. Images should convey seriousness and confidence to bringIT's audience.
‍
For B2C, we can use slightly lighter images that show our products as wish items. It is possible to cover topics from online games, EAD, home office, home schooling and much more.

B2B

Image of young people that representas b2b
Image of young people that representas b2b

B2C

Image of young people that representas b2c
Image of young people that representas b2c

Brand Guide

Logo example

Common Mistakes

Main Colors

Navy Blue
HEX: 1D2C5B
White
HEX: FFFFFF
Cyan
HEX: 00B9FC
60%
30%
10%

Support Colors

HEX: 006EB8
HEX: 57068A
HEX: E94601
HEX: FF7A7E
HEX: 46CAAA
HEX: FDDA00

Typography

A B C D E F G H I J K L M N O P Q R S T U V W X Y Za b c d e f g h i j k l m n o p q r s t u w x y z! ? /\| + - = _ @ # $ % & . , ; * 0 1 2 3 4 5 6 7 8 9

Roboto
A

Applied Compositions

Banner example for desktop
Banner example for mobile
1
Visual Identity
4
Advantages
6
Product
2
Campaign Name
5
Slogan
3
CTA