FOTOGRAFIA

Ao utilizar fotos nas peças de identidade, siga as seguintes diretrizes:

ESTILO FOTOGRÁFICO

As fotos utilizadas nas peças de comunicação devem possuir casting diverso.

Priorize fotos que representem pessoas reais em situações reais. 

Aplicação fotográfica

As fotos podem ser aplicadas usando máscaras circulares, recortadas (criando interações com os ícones 3-D) ou inteiras.

Foto recortada dentro de um frame circular, utilizando um gradientes da identidade como plano de fundo;

Foto recortada interagindo com o ícone 3-D.

Escolha das fotos

Ao utilizar fotos de crianças, tenha como referência de idade o último ano de cada nível de ensino.

•  Para o Ensino Infantil, prefira usar fotos de crianças que tenham entre 4 e 6 anos de idade.

•  Para o Ensino Fundamental I, prefira usar fotos de crianças que tenham entre 7 e 11 anos de idade.

•  Para o Ensino Fundamental II, prefira usar fotos de crianças que tenham entre 13 e 16 anos de idade.

•  Para o Ensino Médio, prefira usar fotos de adolescentes que tenham entre 16 e 18 anos de idade.

Fotos inteiras sem máscara e recorte também podem ser usadas em algumas situações.

Exemplo de uso

TIPOGRAFIA

SORA

Nossa tipografia institucional é a Sora. Uma fonte sem serifa composta por uma família de diversos pesos. Utilizamos nos títulos, subtítulos, destaques de informação e textos corridos.

Títulos

Para títulos, utilize a Sora no estilo ExtraBold e em caixa-alta.

Destaques

Para textos em destaque, utilize a Sora no estilo ExtraBold e em caixa-alta.

Para textos

Para textos corridos, utilize a Sora no estilo Regular e em caixa-alta e caixa-baixa.

Exemplos de uso

Arquivos para download

Privado: Tipografia

UNOi-Tipografia.zip
11.05.2021 / 909 KB

Olá,

ESTA É A NOVA IDENTIDADE VISUAL DO UNO EDUCAÇÃO.

Conheça os elementos que compõem nossa identidade e aprenda a combiná-los da melhor maneira.

CORES

Para construir o universo visual UNO o uso das nossas cores institucionais é imprescindível. A seguir um pequeno guia de como usá-las corretamente.

Cores principais

Como nuances principais, temos azul, amarelo, branco e cinza, as cores institucionais do UNO. Essas tonalidades garantem um bom contraste. Por esse motivo, são aplicadas como cores de fundo.

Azul

CMYK 100 40 25 15

RGB 0 109 142

HEX #006D8F

Amarelo

CMYK 0 30 100 0

RGB 252 184 19

HEX #FDB913

Cinza

CMYK 0 0 0 10

RGB 238 238 238

HEX #EFEFEF

Branco

CMYK 0 0 0 0

RGB 255 255 255

HEX #FFFFFF

Cores de apoio

Usamos o preto e o rosa, respectivamente, para blocos de textos e pequenos detalhes.

Preto

CMYK 0 0 0 100

RGB 0 0 0

HEX #000000

Rosa

CMYK 5 40 0 5

RGB 228 146 247

HEX #E593F8

Proporção de uso das cores

O equilíbrio no uso da paleta de cores é essencial para a unidade na comunicação da marca. Confira ao lado um diagrama visual da quantidade ideal da aplicação de cada cor:

Proporção de uso das cores

Exemplos de uso

Arquivos para download

Paleta de cores

Paleta de Cores.zip
11.05.2021 / 674 KB

GRADIENTE

Além de utilizar as cores institucionais de forma “sólida”, existe a possibilidade de usá-las como um gradiente nos fundos e nas caixas. Esse recurso cria um efeito de luminosidade nas peças, dando mais destaque aos ícones e às fotos.

Construção do gradiente

Utilize o gradiente apenas nas cores azul e amarelo, seguindo a referência de cores ao lado. O cinza e o rosa da paleta devem ser usados apenas como cores sólidas.

Aplicando o gradiente

Não existe uma regra sobre a utilização do gradiente. O critério de uso deve levar em conta a composição da peça. Veja ao lado algumas dicas de como utilizar.

Os gradientes podem ser usados em qualquer direção ou ângulo. Neste exemplo, a porção mais clara está posicionada na parte superior esquerda da peça, simulando a fonte de iluminação do ícone e garantindo mais destaque para seus volumes.

Já neste exemplo, a porção mais clara do gradiente está na parte inferior direita da peça, proporcionando mais luminosidade para a foto.

Exemplos de uso

Arquivos para download

Gradiente

Gradiente.zip
11.05.2021 / 633 KB

ARREGAÇAR AS MANGAS E COLOCAR A MÃO NA MASSA

Faz parte da nossa proposta de valor disponibilizar recursos e ambientes inovadores que permitam aos alunos arregaçar as mangas e colocar a mão na massa. Isso faz toda a diferença na formação de alunos criativos, e, por isso, os nossos ícones ilustram essa ideia, trazendo a presença das mãos e dos nossos recursos e ambientes.

BIBLIOTECA DE ÍCONES 3-D

Temos seis ícones representando os principais pilares da marca UNO:

Cultura Maker

Socioemocional

Media Lab

Lógica de Programação

Educação e Tecnologia

Educação Bilíngue

Aplicando as ilustrações

Nossos ícones 3-D são usados em peças de comunicação institucional para todos os níveis de ensino.

Ícones complementares

Além dos ícones que representam cada pilar da nossa marca, também contamos com outros ícones de apoio que ajudam a representar todo o universo UNO educação. Para construir um layout ainda mais lúdico e rico, podemos usar os objetos 3-D dos ícones de maneira separada.

Exemplos de uso

Arquivos para download

Ilustrações 3D

Ilustrações-3D.zip
11.05.2021 / 163 MB

ÍCONES VETORIAIS

A marca UNO também conta com uma seleção de ícones que podem ser usados para deixar a comunicação mais dinâmica e visual.

Anatomia dos ícones

Os ícones da identidade visual UNO não contam com preenchimento, apenas traços. As linhas devem seguir a mesma espessura dos ícones pré-existentes, com cantos e quinas arredondadas, o que garante uma aparência mais amigável e leve.

Cartela de ícones

Os ícones da identidade visual UNO não contam com preenchimento, apenas traços com cantos e quinas arredondadas. Isso garante uma aparência mais amigável e leve. Novos ícones devem respeitar as diretrizes acima.

Exemplos de uso

Arquivos para download

Ícones Vetoriais

Ícones Vetoriais.zip
11.05.2021 / 263 KB

VERSÕES DA MARCA

A marca possui duas versões (horizontal e vertical), sem que nenhuma delas seja preferencial. A escolha deve ser feita pela opção que melhor se adeque à situação.

Versão colorida

Esta é a versão principal e deve ser usada sempre que possível.

Versão colorida negativa

Essa versão deve ser utilizada para criar contrastes e favorecer a leitura em fundos escuros.

Versão monocromática

Essa versão é de uso restrito e deve ser utilizada somente quando não houver a possibilidade de reprodução da marca em cores.

Arquivos para download

Marca

UNOi-Marca.zip
15.04.2019 / 10 MB

APLICAÇÃO DA MARCA

Para que a marca UNO seja facilmente reconhecida, é preciso garantir consistência e uniformidade em todos os momentos de aplicação. A seguir, algumas diretrizes para seu uso correto:

 

 

Uso sobre fundos

É recomendado utilizar sempre que possível a versão colorida da marca sobre fundos brancos ou preferencialmente sobre as cores da paleta institucional (azul, amarelo e cinza). A aplicação em fotos ou outras cores deve respeitar os limites de contrastes da marca com o fundo.

Área de proteção

Para que elementos externos não prejudiquem a leitura, é recomentado resguardar uma área com espessura equivalente a 2,5 vezes a largura do ponto do “ï” ao redor da marca.

Redução

Não faça aplicações em tamanhos menores do que as medidas estipuladas. Isso garante a legibilidade da marca.

Redução da marca impressa

Usos indevidos

Usos incorretos prejudicam a credibilidade e o reconhecimento da marca.

Não altere as cores nem aplique qualquer tipo de efeito ou sombras na marca. Não aplique elementos dentro da área de proporção, não altere a posição ou as proporções dos elementos. Não distorça ou rotacione, não altere a tipografia e não aplique sob fundos que não ofereçam contrastes. A seguir, alguns exemplos de aplicações incorretas.

CONSTRUÇÃO DO UNIVERSO VISUAL UNO

Nossa identidade é constituída de diversos elementos gráficos, que expressam todo o nosso universo educacional.

ELEMENTOS DA MARCA

Para compor a identidade visual e criarmos a atmosfera UNO, utilize as tipografias e cores institucionais junto às fotografias trabalhadas em máscaras, ícones 3-D e vetoriais, além de elementos gráficos, como caixas, linhas e setas. Cada componente contribui para a construção desse universo.

Arquivos para download

Prancha Institucional

Prancha-Institucional.zip
13.06.2019 / 46 MB

Para a criação de infográficos, organogramas e diagramas, pode-se usar linhas preenchidas ou pontilhadas e setas.

RECURSOS VISUAIS

Para complementar a identidade visual, podemos utilizar outros recursos gráficos, como caixas, linhas, hashtags, entre outros elementos.

Caixas

Uma maneira de melhorar o fluxo de informação em um layout: utilize caixas para separar ícones vetoriais ou textos. As caixas devem ter bordas finas e linhas coloridas, exceto na sua base ou linhas inteiramente tracejadas.

Destacando informações

Um bom recurso para realçar informações é aplicar uma camada de cor, simulando uma caneta marca texto.

Crie destaques utilizando hashtags ou setas em forma de bullet.

Exemplos de uso

Arquivos para download

Recursos Visuais

Caixas e Destaques.zip
11.05.2021 / 597 KB

ESPERAMOS QUE ESTE GUIA AJUDE NA APLICAÇÃO DA MARCA UNO E FORTALEÇA AINDA MAIS A NOSSA COMUNICAÇÃO

 

Este guia foi pensado especialmente para você, nosso parceiro, como um material de consulta constante, rápida e efetiva.

Em caso de dúvidas, entre em contato com a gente.

USE O BOM SENSO NA HORA DE CRIAR

Tome cuidado para não exagerar e deixar as peças visualmente carregadas.

Não sobrecarregue o layout.

Não use tipografias além das definidas neste guia.

Não utilize outras cores além das definidas neste guia.

Evite rotacionar os ícones 3-D.

UM PROJETO EDUCACIONAL COMPLETO

O UNO educação é um projeto educacional completo que contempla soluções integradas e tecnológicas que promovem o desenvolvimento de competências e habilidades. Diferente das propostas focadas apenas em conteúdo e resultado, nosso projeto transforma a realidade escolar, por meio da educação com propósito.

Uma marca com valores do universo digital

Buscamos uma escola inspirada, inteligente, inovadora, interativa, integral e internacional.

SUA FORMAÇÃO É A MARCA UNO CONSTITUÍDA POR UM CONTINUUM GRÁFICO.

Falando com propriedade

• O UNO, masculino; afinal, estamos falando de um projeto educacional. Exemplo: “O UNO educação é um projeto educacional completo”.

• Utilize maiúsculas para a grafia de “UNO” e minúsculas para “educação”, desta forma: UNO educação.

• Projeto educacional é ≠ de programa, sistema, plataforma etc.