Manual de Identidade Visual para a marca Ofício Cadeira de Laboratório Interdisciplinar de Design IV 4º semestre, 2018

1. CONECTANDO PESSOAS
DEZEMBRO DE 2018
Julia Belardinelli Achutti
Design PUCRS - 4º semestre
MANUAL DE
IDENTIDADE VISUAL

2. MANUAL DE IDENTIDADE VISUAL
A OFÍCIO BUSCA A HUMANIZAÇÃO DO TRABALHO,
bem como exige a distância entre empregador e
empregado. A palavra ofício vem da Idade Média,
onde a relação entre mestre e aprendiz era direta.
Ofício também refere-se à qualquer tipo de trabalho
profissional, independente de quem o faz ou do
quê faz. Qualquer técnica que requeira habilidade
específica; uma tarefa pela qual alguém se
compromete. Missão, Incumbência.
CONCEITO

3. 2.
1.
3.
APRESENTAÇÃO
PERSONALIDADE 5.
4. ELEMENTOS VISUAIS
IDENTIDADE APLICADA
LOGOTIPO
A história
A missão
O propósito
O foco
Padrões de cores
Tipografia
Ícones
AplicaçõesOs valores
O tom de voz
Sobre o logo
Variações preferenciais de marca
Proíbições
Variações monocromáticas
Dimensões mínimas de aplicação
Construção do logo
Área de não interferência
4
5
6
7
25
26
28
319
10
12
13
16
18
21
22
23

4. MANUAL DE IDENTIDADE VISUAL
Apresentação

5. MANUAL DE IDENTIDADE VISUAL
A HISTÓRIA
APESAR DE VIVERMOS EM SOCIEDADE, MUITAS
vezes levamos nosso estilo de vida de forma
bastante individualista. É assustador que, com tanta
conexão existente, os problemas sejam resolvidos
de maneira tão complexa. Isso precisa mudar. A
Ofício foi criada, primeiramente, para justificar uma
experiência pessoal entre moradores de uma mesma
cidade, mais especificamente, de um mesmo bairro,
que estiverem abertos à serem solidários, honestos
e correspondidos. Esse é o primeiro passo para
transformar a maneira como convivemos.
4

6. MANUAL DE IDENTIDADE VISUAL
A MISSÃO
PROPORCIONAR PRESTAÇÃO DE SERVIÇOS DE
utilidade que supram as necessidades locais através da
implantação de bancas comunitárias, reforçando o senso
de comunidade, com qualidade, confiabilidade, preços
justos e ganhos mútuos. Conectar quem necessita
e quem presta serviços de forma cômoda e prática,
prezando sempre pelo outro. Não são apenas serviços
que são oferecidos, é a qualidade e o bem estar que
surge como resultado.
5

7. MANUAL DE IDENTIDADE VISUAL
O PROPÓSITO
TRANSFORMAR UMA CIDADE DE GRADES E
smartphones, em um ambiente no qual ainda
haja espaço para tranquilidade e bem estar. Gerar um
negócio de qualidade focando na qualidade dos serviços
e na boa relação entre os clientes e prestadores. A vida
é conexão, é fazer com que o convívio em sociedade
seja muito mais simples. Mostrar que se pode depender
e confiar no próximo e, assim, transformar o dia-a-
dia para melhor, com ação e positividade.
6

8. MANUAL DE IDENTIDADE VISUAL
O FOCO
ESTABELECEMOS 3 PERFIS DE MORADORES DO
bairro Moinhos de Vento. Quase todos são pessoas que
trabalham ou estudam e possuem pouco tempo livre.
1. Pessoas que buscam comodidade
2. Pessoas que buscam certificação
3. Pessoas que buscam conexões
7

9. MANUAL DE IDENTIDADE VISUAL
Personalidade

10. MANUAL DE IDENTIDADE VISUAL
TORNAR UM CONVÍVIO ISOLADO EM UM QUE SEJA
ideal, consciente e que não deixe espaço para o anonimato.
Desenvolvimento de um espaço seguro e propício à uma
relação mais humanizada, gerando confiança, segurança
e autenticidade entre os moradores de um mesmo bairro.
Permitir que seja normal depender dos vizinhos, com
os quais se desenvolveu alguma intimidade, para ajudar
nos problemas do dia-a-dia. Acredita-se no respeito como
relação social, na qualidade como objetivo estratégico e no
bem estar como indicador de resultado.
1. Qualidade
2. Especialidade
3. Confiança
4. Facilidade
5. Acessibilidade
OS VALORES
9

11. MANUAL DE IDENTIDADE VISUAL
O TOM DE VOZ
A OFÍCIO É SIMPÁTICA, INTELIGENTE E ATENCIOSA.
Sempre fala apenas aquilo de que é certa. Será a
primeira a apontar erros e sugerir correções. Também,
sobretudo, muito agradecida. Palavras são instrumentos
poderosos, e por isso, o tom de voz da Ofício é ainda
objetivo e confiante, transmite segurança ao público com
o qual interage. É através da conexão entre pessoas que
o serviço existe, portanto, conta, acima de tudo, com
racionalidade, verdade e empatia nas suas interações.
10

12. MANUAL DE IDENTIDADE VISUAL
Logotipo

13. MANUAL DE IDENTIDADE VISUAL
O LOGO
O LOGO ORIGINAL FOI CRIADO COM A FONTE
Archer. Consiste em uma letra capital maiúscula:
‘O’, seguida das outras minúsculas: ‘f, i, c, i, o’. Não
é permitido de nenhuma maneira mudar a forma de
representação do logo. A marca horizontal é usada,
preferencialmente para títulos e apresentações que
exijam mais impacto visual. Já a horizontal pode ser
usada quando o espaço disponível é menor.
12

14. MANUAL DE IDENTIDADE VISUAL
ESTA É A VERSÃO MAIS VERSÁTIL DO LOGOTIPO,
use-a sem restrições. Comunica facilmente a natureza
da marca.​​​​​​​
STANDARD
CONECTANDO PESSOAS
13

15. MANUAL DE IDENTIDADE VISUAL
EXISTE PARA VALORIZAR A MARCA MESMO EM
espaços pequenos. A tagline também acompanha a
verticalização.
VERTICAL
CONECTANDO
PESSOAS
14

16. MANUAL DE IDENTIDADE VISUAL
UTILIZE A VERSÃO VAZADA ONDE O CONTEXTO DA
marca já está explícito, como sites, aplicativos
ou comunicações dos espaços físicos do serviço
(bancas). Atenção: não utilize a versão vertical
vazada sobreposta a nenhum fundo colorido, exceto o
preto.
VERTICAL VAZADA
CONECTANDO
PESSOAS
15

17. MANUAL DE IDENTIDADE VISUAL
1. Não distorcer
2. Não mudar a tipografia
3. Não rotacionar
4. Não alterar as cores
5. Não aplicar moldura
6. Não alterar a opacidade
7. Não adicionar gradiente
PROIBIÇÕES
GERAIS
OFÍCIO
16

18. MANUAL DE IDENTIDADE VISUAL
8. Não utilizar a marca na cor branca
com o fundo amarelo.
PROIBIÇÕES
ESPECÍFICAS Versão standard horizontal
Versão standard vertical
CONECTANDO
PESSOAS
CONECTANDO
PESSOAS
CONECTANDO PESSOAS
17

19. MANUAL DE IDENTIDADE VISUAL
Com contraste positivo
VARIAÇÕES
MONOCROMÁTICAS
Versão standard horizontal
Versão standard vertical
CONECTANDO PESSOAS
CONECTANDO
PESSOAS
18

20. MANUAL DE IDENTIDADE VISUAL
Com contraste positivo
VARIAÇÕES
MONOCROMÁTICAS
Versão standard vertical
CONECTANDO
PESSOAS
CONECTANDO
PESSOAS
Versão standard horizontal
CONECTANDO PESSOAS
19

21. MANUAL DE IDENTIDADE VISUAL
De uso restrito
VARIAÇÕES
MONOCROMÁTICAS
NEGATIVAS
Versão standard vertical
CONECTANDO
PESSOAS
CONECTANDO
PESSOAS
Versão standard horizontal
CONECTANDO PESSOAS
20

22. MANUAL DE IDENTIDADE VISUAL
PARA A INTEGRIDADE DO LOGO, RECOMENDA-SE
que a versão standard não seja impressa com
tamanho inferior a 1,5 cm de largura e 0,5 cm de
altura em aplicação principal. Para o logo vertical,
recomenda-se que não seja menor que 0,8 cm de
largura e 0,9 cm de altura. Para a versão vertical
vazada, recomenda-se um tamanho mínimo de 0,9
cm de largura por 1 cm de altura.
REDUÇÕES
MÁXIMAS
21

23. MANUAL DE IDENTIDADE VISUAL
CONSTRUÇÃO
DO LOGO
= X
11 x
7 x
10 x
24 x
22

24. MANUAL DE IDENTIDADE VISUAL
PARA GARANTIR A LEGIBILIDADE DO LOGO,
sempre certifique-se de que há um espaço vazio
com, no mínimo, a largura do pingo da letra ‘i’, entre
a marca e o final da página ou outros elementos.
A medida pode ser definida por ‘X’ (indicado da
imagem), considere essa margem ‘X’ em todas
as variações da marca. A utilização do logo
desta maneira em todas as aplicações melhora o
reconhecimento imediato da marca Ofício. A área de
proteção tem como base a grade, aumentando-se X
para cada lado.
O ESPAÇAMENTO
CONECTANDO
PESSOAS
CONECTANDO PESSOAS
= X
23

25. MANUAL DE IDENTIDADE VISUAL
Elementos Visuais

26. MANUAL DE IDENTIDADE VISUAL
COLOR
PALETTE
Process
White 0, 0, 0, 0
Yellow 1, 19, 99, 0
Black 75, 68, 67, 90
Grey 47, 40, 53, 8
Hex
White #FFFFFF
Yellow #ffcc05
Black #000000
Grey #8a8575
RGB
White 225, 225, 225
Yellow 255, 204, 5
Black 0, 0, 0
Grey 138, 133, 117
AS CORES PRINCIPAIS DA
Ofício são o branco, o preto, o
cinza e o amarelo. O amarelo
é a cor que mais transmite
a essência da marca, alegre,
otimista e confiante, faz tudo
com clareza e compreensão.
O Cinza destaca o o equilíbrio
sobre o qual seu sistema se
sustenta. Ela é neutra e calma
nas suas relações. O branco e o
preto, por sua vez, ressaltam a
sua elegância e seriedade.
25

27. MANUAL DE IDENTIDADE VISUAL
A TIPOGRAFIA
DUAS TIPOGRAFIAS FORAM ESCOLHIDAS PARA
complementar a composição visual e a experiência
da Ofício: Gotham e Archer. Geométrica e charmosa
como a cidade de Porto Alegre e acolhedora e prática
como o serviço oferecido. Utilizadas em conjunto,
representam com precisão seu tom e voz, simples,
direto, inteligente e franco. Sem sobrecarregar um ou
outro.
26

28. MANUAL DE IDENTIDADE VISUAL
ARCHER
Aa
A B C D E F G H I J K M
N O P Q R S T U V W X Y Z
ABCDEFGHIJKLMNOPQ
RSTUVWXYZ
GOTHAM
A B C D E F G H I J K M
N O P Q R S T U V W X Y Z
ABCDEFGHIJKLMNOPQ
RSTUVWXYZ
1234567890%
!@#$%^&*()_+{}”:?
Aa
27

29. MANUAL DE IDENTIDADE VISUAL
PARA CADA TAMANHO DE ÍCONE, É PRECISO
seguir regras construtivas, para que o entendimento
do contexto, ou do próprio ícone, não seja
prejudicado.
CONSTRUÇÃO
DOS ÍCONES
ESPESSURA
DE LINHA
7pt
DESLOCAMENTO
MÍNIMO
8pt
7,2 cm
MÉDIO
Área útil: 2,4 cm x 2,3 cm
Expessura de linha: 2 pt
Distância mínima: 3px
PEQUENO
Área útil: 1,2 cm x 1,3 cm
Expessura de linha: 1,5 pt
Distância mínima: 2px 28

30. MANUAL DE IDENTIDADE VISUAL
APROXIMADAMENTE 20 TIPOS DIFERENTES DE
serviços serão oferecidos pelas bancas. Eles foram
separados em 3 grupos: Serviços imediatos,
regulares e customizados. E, para cada um deles,
foi desenvolvida uma identificação através de
iconografia.
ÍCONES
CUSTOMIZADOS
REGULARES
IMEDIATOS
Professor
Limpeza
Cuidador
Babás
Passeador de cães
Jardinagem
Chave
Encomendas
Cuidado de plantas
Animais
Costureira
Entregas
Pequenoas consertos
Montagem de Móveis
Voluntário
Informática
Empréstimo de utensilhos 29

31. MANUAL DE IDENTIDADE VISUAL
Identidade Aplicada