MANUAL DA MARCA_RUNRUNIT

Brandbook

2

Índice 04 Logotipo 08 Cores 16 Tipografia 20 Aplicações

4 Logotipo 4

Logotipo Versão Horizontal Símbolo Esta é a versão atualizada e completa do Manual A versão horizontal do logotipo apresenta a escrita O símbolo é a versão do logotipo indicado em de Marca e elementos de identidade da Runrun. completa do nome da empresa. A mesma deve situações nas quais não seja possível a aplicação da it. Qualquer documento anterior a este, deverá ser corresponder as medidas descritas no decorrer versão horizontal prioritária. substituído por este brandbook. Tenha-o sempre à do brandbook Runrun.it para não desconfigurar a Para isso é necessário o respeito às regras de mão na hora de produzir ou aprovar peças para a marca definida, bem como sua relação de estrutura aplicação desta versão no decorrer do brandbook. Runrun.it. Só assim poderemos garantir a qualidade e cores utilizadas. Esta versão é a prioritária. e a padronização dos nossos materiais. Se você ainda possui os arquivos do primeiro lançamento da Runrun.it, substitua-os pelos novos. De forma alguma tente redesenhar os elementos que compõem a marca, sempre use as matrizes. Todos os elementos são fornecidas numa variedade de formatos, adequados e definidos tanto para material impresso, TV ou mídia digital. Brandbook Runrun.it 5

Aplicações 6 Aplicações 6

Redução máxima Digital: 24px Impressão: 2cm As reduções máximas descritas nesta sessão, 24px 2cm tanto para mídia digital quanto impressa, devem ser obedecidas para garantir a total legibilidade da Digital: 32px Impressão: 0,80cm marca Runrun.it. 32px 0,80cm Brandbook Runrun.it 7

ACoprleicsaIçnõsetsitucionais 8 Cores institucionais 8

Cores Institucionais Hexadecimal: #e8403c Hexadecimal: #004466 R:232 G:64 B:60 R:0 G:68 B:102 As cores institucionais devem ser sempre utilizadas para a correta aplicação do logotipo e fidelização na C:0 M:86 Y:73 K:0 C:99 M:68 Y:36 K:36 execução dos materiais. As suas configurações de RGB, hexadecimal e CMYK, Hexadecimal: #e8403c Hexadecimal: #004466 devem possuir as métricas descritas ao lado. R:232 G:64 B:60 R:0 G:68 B:102 A cor primária sempre será o vermelho e, as demais cores deverão ser utilizadas como apoio sempre C:0 M:86 Y:73 K:0 C:99 M:68 Y:36 K:36 que possível. 9 Brandbook Runrun.it

Área de proteção Símbolo Para proteger nossa marca de possíveis aplicações A versão simbólica da marca também possui sua erradas, temos uma área de proteção que deve ser área de proteção, sendo este o elemento central usada em todos os materiais online e offline. encontrado dentro da letra “R”. Essa área de Essa área de proteção é 2x maior que a altura do proteção será 2x maior que o elemento central. elemento do ponto, presente no logo na versão A versão invertida da marca também possuí uma horizontal. Nenhum elemento externo poderá área de proteção que deve ser obaservada devido invadir a área de proteção definida. ao seu background branco. Versão Horizontal 10

Instrução de uso - Versão Horizontal Cores institucionais Aplicações em fundos coloridos Aplicações em fundos neutros As cores institucionais devem ser usadas como Hexadecimal: #000000 background da versão horizontal ou simbólica do R:0 G:0 B:0 logotipo. C:0 M:0 Y:0 K:100 Hexadecimal: #ffffff Elas também podem ser utilizadas em materiais R:255 G:255 B:255 como backgrounds de peças gráficas. C:0 M:0 Y:0 K:0 Hexadecimal: #e8403c 11 R:232 G:64 B:60 C:0 M:86 Y:73 K:0 Hexadecimal: #ffffff R:255 G:255 B:255 C:0 M:0 Y:0 K:0 Hexadecimal: #004466 R:0 G:68 B:102 C:99 M:68 Y:36 K:36 Hexadecimal: #009AE7 R:0 G:154 B:231 C:75 M:28 Y:0 K:0 Brandbook Runrun.it

Aplicações - Símbolo Cores institucionais Aplicações em fundos coloridos Aplicações em fundos neutros As cores institucionais devem ser usadas sempre no Hexadecimal: #000000 símbolo da mesma forma que a versão horizontal. R:0 G:0 B:0 C:0 M:0 Y:0 K:100 Elas poderão também ser utilizadas em materiais Hexadecimal: #ffffff como background de peças gráficas. R:255 G:255 B:255 C:0 M:0 Y:0 K:0 Hexadecimal: #e8403c R:232 G:64 B:60 C:0 M:86 Y:73 K:0 Hexadecimal: #ffffff R:255 G:255 B:255 C:0 M:0 Y:0 K:0 Hexadecimal: #004466 R:0 G:68 B:102 C:99 M:68 Y:36 K:36 Hexadecimal: #009AE7 R:0 G:154 B:231 C:75 M:28 Y:0 K:0 12

Aplicações Vetadas 13 Nunca! Não altere as proporções do logotipo, nem o uso de cores especificadas. Não rotacione nem aplique efeitos no logotipo. Qualquer outro tipo de aplicação não especificada neste brandbook deverá ser previamente aprovada pelos responsáveis da marca Runrun.it. Brandbook Runrun.it

Aplicações 14 Cores de apoio 14

Cores de apoio As cores de apoio devem ser utilizadas em #132D42 #273444 #54677B #8492A6 #D5E0ED #F0F4F9 ilustrações e grafismos de vídeos. #F9FAFC #FFFFFF #D63B34 #004466 #007DBB #009AE7 O cinza ( #8492A6 ) será a cor padrão para a pele #BDE5F9 #EBF8FF #108040 #B8E0B0 dos avatares, evitando assim a definição de etnia #E0F0E0 #380404 #183830 #D83818 #50B840 #FFE8E8 ou raça. #994F17 #DF6D21 #FECB85 #838FE1 #A967E0 #E8529D #C00810 #EDC334 #FFB09C #67D073 Brandbook Runrun.it #55CCCA #2CABE7 #FD9126 #FFEAC9 #F69A4E #A5CD3F 15 #4588DD

Aplicações 16 Tipografia 16

Tipografia Aa Bb Cc Dd Ee Tipografia para título Ff Gg Hh Ii Jj Utilizar a fonte Roboto Slab para títulos das Kk Ll Mm Nn Oo peças gráficas. Sempre respeite os templates especificados nas sessões a seguir deste Pp Qq Rr Ss Tt brandbook. Uu Vv Xx Ww Yy Zz 013 456 789 & Roboto Slab A família da fonte Roboto Slab está liberada para sua utilização em títulos. R 17 Brandbook Runrun.it

Tipografia Aa Bb Cc Dd Ee Tipografia para texto Ff Gg Hh Ii Jj Utilizar a fonte Open Sans para textos e conteúdos Kk Ll Mm Nn Oo das peças gráficas. Sempre respeite os templates especificados nas sessões a seguir neste Pp Qq Rr Ss Tt brandbook. Uu Vv Xx Ww Yy Open sans Zz 012 345 789 & R A família da fonte Open Sans está liberada para sua utilização em textos. 18

Tipografia para e-mail Aa Bb Cc Dd Ee Utilizar a fonte Arial ou helvética para conteúdos Ff Gg Hh Ii Jj com landing pages, newsletters e emails para evitar problemas de renderização em computadores Kk Ll Mm Nn Oo e navegadores de terceiros. Pp Qq Rr Ss Tt Arial / Helvética Uu Vv Xx Ww Yy R Zz 012 456 789 & Brandbook Runrun.it A família da fonte Arial está liberada para sua utilização em títulos. 19

Aplicações 20 Aplicações 20

Avatares e ilustrações aa Os avatares sempre terão o cinza 21 como cor de pele. Roupas, acessórios e outros grafismos deverão utilizar as cores de apoio. Nas ilustrações é aconselhável o uso de poucos elementos. Brandbook Runrun.it

Avatares e ilustrações 22

23 Redes sociais Brandbook Runrun.it 23

Instagram feed O feed do instagram deve obedecer o software de gestão mais os templates especificados. fácil de usar do mundo! Os títulos não devem ultrapassar o Como ser um Conheça a CGeosnthãeoçraema ota: limite de 60 (sessenta) caracteres. líder ágil mCoemtoodsoelorguima mo qeuetovodcoêlnoãgo ipaode OlídKeRr ágil OpeKrdRer de vista Sempre que houver alguma outra situação de aplicação, a arte deve ser previamente aprovada pelos responsáveis da marca Runrun.it. Hexadecimal: #ffffff 1 1° Alocação do tempo: as horas O que é? Para saber como R:255 G:255 B:255 investidas em retrabalho podem aplicar a gestão 3.0, C:0 M:0 Y:0 K:0 Gerenciamento ultrapassar o que foi combinado É uma metodologia de gestão acesse o nosso blog. de entregas: para o projeto, causando focada na mudança contínua, Hexadecimal: #004466 prejuízos. que enxerga a empresa como R:0 G:68 B:102 mais do que medir esforço, é o resultado das ações de todos C:99 M:68 Y:36 K:36 importante dar espaço para os indivíduos. O link está na bio! a equipe trabalhar e avaliar Hexadecimal: #009AE7 a qualidade das entregas R:0 G:154 B:231 C:75 M:28 Y:0 K:0 Curta Compartilhe Salve 24

Instagram stories Os stories devem seguir os layouts Webinar runrun.it runrun.it runrun.it especificados. Tamanhos de fontes, cores, alinhamento e posições devem 10 erros do gestor Webinar Webinar Webinar ser sempre mantidos. de primeira viagem, com Liderança Ágil Como usar o Trabalho Se houver alguma outra disposição Felipe Cortez (Nimble Leadership), com Quadros do Runrun.it, Remoto não especificada neste brandbook, com Mary Nakamura a arte deverá ser previamente Para se inscrever, arraste para cima! Patrícia Souza Pedro Henrique aprovada pelos responsáveis Ver mais Para se inscrever, arraste para cima! Consultor Comercial da marca. Para se inscrever, arraste para cima! Ver mais Ver mais Para se inscrever, arraste para cima! Hexadecimal: #ffffff R:255 G:255 B:255 Ver mais C:0 M:0 Y:0 K:0 25 Hexadecimal: #004466 R:0 G:68 B:102 C:99 M:68 Y:36 K:36 Hexadecimal: #009AE7 R:0 G:154 B:231 C:75 M:28 Y:0 K:0 Brandbook Runrun.it

Instagram stories Os layouts foram desenvolvidos para atender as mais diversas situações. runrun.it Webinar runrun.it runrun.it Webinar Comunicação Webinar Webinar não-violenta e soft skills Trabalho Descomplicando agestão Desvendando a Remoto com Débora Cardoso ágil: como aplicá-la no metodologia OKR seu dia a dia? Débora Cardoso Hexadecimal: #ffffff Consultora Comercial Alex Moraes Débora Cardoso May Nakamura Felipe Cortez Alex Moraes Patrícia Souza R:255 G:255 B:255 C:0 M:0 Y:0 K:0 Para se inscrever, arraste para cima! Para se inscrever, arraste para cima! Para se inscrever, arraste para cima! Para se inscrever, arraste para cima! Hexadecimal: #004466 Ver mais Ver mais Ver mais Ver mais R:0 G:68 B:102 C:99 M:68 Y:36 K:36 Hexadecimal: #009AE7 R:0 G:154 B:231 C:75 M:28 Y:0 K:0 26

Thumb YouTube As thumbs devem seguir os layouts Webinar Webinar especificados. Tamanhos de fontes, cores, alinhamento e posições devem Comunicação Liderança Ágil ser sempre mantidos. não-violenta e soft skills, (Nimble Leadership), com Alex Moraes com Mary Nakamura Se houver alguma outra disposição não especificada neste brandbook, Webinar a arte deverá ser previamente aprovada pelos responsáveis Trabalho da marca. Remoto Hexadecimal: #ffffff Webinar Patrícia Abrell R:255 G:255 B:255 C:0 M:0 Y:0 K:0 Trabalho Head de Negócios Remoto Hexadecimal: #004466 R:0 G:68 B:102 Alex Moraes C:99 M:68 Y:36 K:36 Diretor Comercial Hexadecimal: #009AE7 R:0 G:154 B:231 27 C:75 M:28 Y:0 K:0 Brandbook Runrun.it

Thumb YouTube Os layouts foram desenvolvidos para Webinar Webinar atender as mais diversas situações. Liderança Ágil Liderança Ágil (Nimble Leadership), (Nimble Leadership), com Mary Nakamura com Alex Moraes E Patrícia Souza E Patrícia Souza Hexadecimal: #ffffff Webinar Webinar R:255 G:255 B:255 C:0 M:0 Y:0 K:0 Descomplicando agestão Trabalho ágil: como aplicá-la no Remoto Hexadecimal: #004466 seu dia a dia? R:0 G:68 B:102 Alex Moraes Débora Cardoso C:99 M:68 Y:36 K:36 Com Alex Moraes e Felipe Cortez Diretor Comercial Head de Negócios Hexadecimal: #009AE7 R:0 G:154 B:231 C:75 M:28 Y:0 K:0 28

Thumb YouTube Hexadecimal: #ffffff Webinar R:255 G:255 B:255 C:0 M:0 Y:0 K:0 Trabalho Remoto Hexadecimal: #004466 R:0 G:68 B:102 Alex Moraes Débora Cardoso C:99 M:68 Y:36 K:36 Diretor Comercial Head de Negócios Hexadecimal: #009AE7 Webinar R:0 G:154 B:231 C:75 M:28 Y:0 K:0 Trabalho Remoto Brandbook Runrun.it Alex Moraes Débora Cardoso Diretor Comercial Head de Negócios 29

Newsletter Webinar Webinar As newsletter devem seguir os Gestão Gestão layouts especificados. Tamanhos consciente consciente de fontes, cores, alinhamento e posições devem ser sempre Mary Nakamura Alex Moraes mantidos. Diretora de Operações CEO Hexadecimal: #ffffff R:255 G:255 B:255 Webinar Webinar C:0 M:0 Y:0 K:0 Gestão Como líderes podem Hexadecimal: #F0F4F9 consciente motivar a equipe em R:240 G:244 B:249 trabalho remoto C:7 M:3 Y:2 K:0 Alex Moraes Felipe Cortez Patrícia Souza Hexadecimal: #004466 CEO R:0 G:68 B:102 CEO CEO da Runrun.it C:99 M:68 Y:36 K:36 Hexadecimal: #009AE7 R:0 G:154 B:231 C:75 M:28 Y:0 K:0 30

Mensagem In-app Webinar Webinar As mensagem in-app devem seguir os Gestão consciente Gestão consciente layouts especificados. Tamanhos de fontes, cores, alinhamento e posições 16/07 • Quinta-feira • 11:00 16/07 • Quinta-feira • 11:00 devem ser sempre mantidos. Se houver alguma outra disposição Mary Nakamura Patrícia Souza não especificada neste brandbook, a arte deverá ser previamente Diretora de Operações da Runrun.it Diretora de Operações da Runrun.it aprovada pelos responsáveis da marca. Webinar Webinar Hexadecimal: #ffffff Gestão consciente Como líderes podem motivar R:255 G:255 B:255 a equipe em trabalho remoto C:0 M:0 Y:0 K:0 16/07 • Quinta-feira • 11:00 23/07 • Quinta-feira • 11:00 Alex MOraes Débora Cardoso Hexadecimal: #004466 Felipe Cortez R:0 G:68 B:102 CEO CEO da Runrun.it C:99 M:68 Y:36 K:36 Diretor de Operações da Runrun.it Hexadecimal: #009AE7 Webinar Webinar R:0 G:154 B:231 C:75 M:28 Y:0 K:0 Como líderes podem motivar Como líderes podem motivar a equipe em trabalho remoto a equipe em trabalho remoto Brandbook Runrun.it 23/07 • Quinta-feira • 11:00 Alex MOraes Débora Cardoso 23/07 • Quinta-feira • 11:00 Alex MOraes Débora Cardoso CEO CEO da Runrun.it CEO CEO da Runrun.it 31

Utilização de imagens 32

Iconização 33 A fonte Anwsome deverá ser utilizada dentro da plataforma Runrun.it , devido a sua fácil memorização. A sua aplicação está liberada para as peças gráficas de instagram, blog e demais materiais nos pesos regular e solid. As cores utilizadas devem ser as institucionais e de apoio. Hexadecimal: #ffffff R:255 G:255 B:255 C:0 M:0 Y:0 K:0 Hexadecimal: #004466 R:0 G:68 B:102 C:99 M:68 Y:36 K:36 Hexadecimal: #009AE7 R:0 G:154 B:231 C:75 M:28 Y:0 K:0 Brandbook Runrun.it

BrandBook Runrun.it 2020 34