Escolar Documentos
Profissional Documentos
Cultura Documentos
Isabela Morais
O BookOffice surge, então,
Lead Project Designer
determinado a surpreender o
Guidance
mercado de aluguéis corporativos.
6
Os pilares da construção
da marca e do produto
Conexão Realização
Conectar é ligar pontos. Pontos que antes Muitas vezes, a dependência de um espaço
estavam isolados por uma distância físico se torna uma barreira na hora de
aparentemente insuperável agora podem se unir, tirar ideias do papel. Agora, isso não é mais
formando uma relação que gera novos frutos. É um problema: qualquer ideia, projeto ou
este o objetivo do BookOffice: criar a conexão negócio poderá encontrar o seu lugar
entre espaços, pessoas, negócios, ideias. para ganhar vida e se tornar realidade.
Flexibilidade Experiência
7
Contato Praticidade
Tecnologia Facilidade
Relacionamento Agilidade
Compartilhamento Eficiência
Aproximação Oportunidade
Conexão Realização
Flexibilidade Experiência
Versatilidade Novidade
Criatividade Confiabilidade
Dinamismo Modernidade
Autonomia Segurança
Escolha Centralização
8
oportunidades,
lugar, espaço, negócios, sonhos,
localização possibilidades
a experiência
completa de
Onde o seu projeto encontra espaço “achar lugar”
para os negócios
acontecerem
9
O espaço
Não há uma clara definição dos
limites do espaço em relação à Terra,
ou mesmo de sua extensão.
10
Construção o espaço o local a ideia
geométrica
a conversa o destino
11
Guia de uso da
identidade visual
Branco Cinza claro
Versões em
uma cor
Quando necessário, poderão ser
utilizadas as versões em uma Monocromática negativa Monocromática positiva
cor do logotipo, dependendo do
contexto de aplicação e do plano
de fundo onde ele será inserido.
A versão em tons de cinza
consiste na aplicação de uma
única cor chapada sobre todo o
desenho da marca e opacidade
de 55% no desenho da porta. Já
a versão monocromática não
tem distinção de transparência
entre os elementos.
14
Grid e
proporções
Construção do grid
3x x
É expressamente proibido o
3x
redesenho deste logotipo. As
proporções e a estrutura do
desenho original, conforme grid
demonstrado ao lado, devem ser
seguidas em todas as aplicações.
Área de segurança
15
60 px
Redução
máxima
15 px
Para evitar a distorção e a perda da
qualidade dos elementos visuais
da marca, ela não deverá ser
aplicada em tamanhos menores
em relação aos definidos ao lado.
16
Não altere a proporção entre os elementos Não incline o logotipo
Restrições
Não modifique a posição dos elementos Não utilize a marca sem o símbolo
de uso
Para evitar a distorção e a perda da
qualidade dos elementos visuais
da marca, ela não deverá ser
aplicada em tamanhos menores
em relação aos definidos ao lado. Não achate nem alongue o logotipo Não aplique em cores ausentes neste manual
17
Made Tomy
Esta é uma frase escrita com a tipografia Made Tommy
Regular, usada com adaptações no logotipo BookOffice.
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
. , ; : ! ? / \ | “ ‘ # $ % & * ( ) [ ] { } ^ ~ `´ ° + =
Lato
Tipografias
Esta é uma frase escrita com a tipografia Lato Regular, principal
fonte que deve ser utilizada na comunicação BookOffice.
18
Cores
No uso, o marinho e o salmão
devem ser aplicados em menor
proporção que as demais, em
áreas e elementos estratégicos
com maior hierarquia visual,
sendo essas as cores de destaque
da identidade. Em equilíbrio, os
tons de cinza e o branco devem
ser utilizados em maior proporção,
porém em elementos de menor
ênfase, como em grandes blocos
de texto e planos de fundo.
Dessa forma, a identidade Marinho Salmão Cinza escuro Cinza claro Branco
transmitirá leveza através do uso
majoritário de tons neutros e CMYK (100, 93, 20, 22) CMYK (0, 70, 55, 0) CMYK (84, 69, 47, 48) CMYK (9, 3, 2, 0) CMYK (0, 0, 0, 0)
terá detalhes significativos que RGB (5, 15, 110) RGB (254, 110, 101) RGB (45, 55, 72) RGB (237, 242, 247) RGB (255, 255, 255)
atraem o olhar para as duas cores Pantone 2748 C Pantone 2345 C Pantone 4140 C Pantone 649 C Pantone Bright White
primárias: marinho e salmão. Hex #050F6E Hex #FE6E65 Hex #2D3748 Hex #EDF2F7 Hex #FFFFFF
19
Aplicação
sobre imagens
20
Sistema de
imagens
21
Fotografia
de espaços
22
O que não deve ser feito
23
Fotografia
de pessoas
24
O que não deve ser feito
25
Guia de estilos
para interfaces
Para desenvolvimento da plataforma BookOffice,
foram utilizados componentes e estilos criados com
o objetivo de criar uma comunicação direta e eficaz
com o usuário, de forma a aprimorar ao máximo a
sua experiência durante a navegação no site.
Lato
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
. , ; : ! ? / \ | “ ‘ # $ % & * ( ) [ ] { } ^ ~ `´ ª ° + = 1 2 3 4 5 6 7 8 9
27
White Gray / 50 Gray / 100 Gray / 200 Gray / 300 Gray / 400
#FFFFFF #F7FAFC #EDF2F7 #E2E8F0 #CBD5E0 #A0AEC0
Cores padrão
Network 400 Orange 400 Yellow 400 Green 400 Cyan 400 Pink 400
#B8283C #C15715 #ECB246 #328535 #2275C9 #D14256
28
Cores identitárias Marinho 700 Marinho Marinho 300 Salmão 700 Salmão Salmão 300
#000745 #050F6E #B2B7DF #A03E31 #FE6E65 #FFCFBA
Para as cores identitárias do BookOffice,
foram desdobradas as cores marinho
e salmão em tons mais claros e
mais escuros, possibilitando seu
uso de forma mais abrangente em
botões, tags e outros elementos.
29
Botões primários
Ações principais
Os botões em marinho são utilizados na
interface para ações principais, como
“Iniciar”, “Confirmar” e “Continuar”.
31
Botões de alerta
32
Botões ghost
33
Inputs
34
Ícones
Foram utilizados ícones simples, em uma cor,
que facilitam o reconhecimento do usuário.
35
Papelaria
institucional
Papel timbrado: papel offset 90g,
impressão offset 2x0 cores Pantone,
formato 210x297mm, refile.
37
Cartão de visitas: papel couché 280g,
impressão offset 2x1 cores Pantone, formato
90x50mm, laminação fosca frente e verso,
verniz localizado frente e verso, refile.
38
Assinatura de email: modelo de
assinatura a ser utilizado para
envio de emails institucionais,
com adaptação de nome,
cargo, email e telefone.
39
Desenvolvimento Realização
Guidance Experts ® 2020 BookOffice ® 2020
www.guidance.dev www.bookoffice.com.br
Direção Direção
Geraldo Franciscani Diretor e Líder Back-End Guilherme Tanure CEO e Co-Founder
Thiago Costa Porto Líder de tecnologia Betania Tanure Co-Founder
Pedro Bernardina Líder Front-End Luisa Tanure Co-Founder
Igor Antoine Líder de Design e Branding David Travesso Chairman
Design e Branding
Isabela Morais UiUx Design e Design Gráfico
Elton Ribeiro Apoio UiUx Design e Design Gráfico
Desenvolvimento Front-End
Diego Kfuri, Jeann Carlos Batemarque, Genísio
Alcântara, Paulo Vaz e Rhayana Barbosa
Desenvolvimento Back-End
Arthur Ferraz e Gustavo Avelar
40
suporte@bookoffice.com.br
www.bookoffice.com.br