Marca
A marca, como ela é construída e os arquivos que IO Patina LLC publica para uso.
O símbolo e o bloqueio primário, retirados da grade em todos os tamanhos. Ambos são vetores, não uma imagem de um.
Construção
Os raios são desenhados ao redor do círculo, e a largura angular de cada um muda de acordo com seu rumo. Onde essa largura atinge o tom total, os raios vizinhos se encontram e o anel fica sólido; onde cai pela metade, eles se separam em leque. O crescente e o leque são, portanto, o mesmo objeto visto em dois ângulos, razão pela qual a transição entre eles não tem costura.
| Medir | Valor | Nota |
|---|---|---|
| Diâmetro externo do anel | 100 | a grade - todos os outros números são uma porcentagem dela |
| Diâmetro vazio | 61.18 | ajuste circular residual 0.84px na referência |
| Deslocamento nulo | 2.53 esquerda | o vazio não é concêntrico, e esse é o design |
| Largura da barra | 12.99 | nivelado com o anel, superior e inferior |
| Diferença entre barra e anel | 12.30 | espaço livre dentro da marca |
| Raios, círculo completo | 114 ± 3 | pitch 3.10°–3.23° por autocorrelação em quatro raios; o mestre é muito grosseiro para contá-los exatamente |
| Largura do raio | 50% | do campo, no torcedor aberto |
| Arco sólido | 195°–330° | medido; centralizado logo abaixo das nove horas |
| Largura total | 126.67 | incluindo o alcance do ventilador além do ringue |
Dimensionamento óptico
Um raio e sua lacuna precisam de aproximadamente três pixels de arco para serem interpretados como duas coisas. Em vez de desenhar raios 114 e deixar o rasterizador destruí-los, a marca carrega quatro cortes. O anel, o vazio descentralizado e a lacuna entre a barra e o anel são idênticos em todos os quatro - apenas os detalhes que o tamanho não consegue conter são descartados.
Todos os quatro são desenhados aqui no mesmo tamanho, então a diferença é visível. Cada um normalmente é visto apenas no tamanho para o qual foi cortado.
Cor
Cada par abaixo é medido em relação às WCAG 2.2. Três das cinco cores do kit não alcançam 4.5:1 no papel conforme indicado - Stone Grey em 2.81:1, Portal Gold em 1.85:1 e Mist em 1.10:1 - então cada uma é usada onde passa e retirada da mesma tonalidade onde não passa. As substituições são registradas no sistema de design.
Deep Ink
#0F1114
Manchetes, botões principais, fundo escuro
16.76:1 em Paper
Paper
#F3F1ED
Base da página
16.76:1 em Deep Ink
Portal Gold
#C8B092
Destaque apenas em superfícies escuras
9.08:1 em Deep Ink
Bronze
#7C5F3E
Links e marcas em superfícies claras
5.22:1 em Paper
Graphite
#4A4C4E
Cópia do corpo
7.65:1 em Paper
Stone
#6B6D6B
Micro-rótulos – o neutro mais leve
4.63:1 em Paper
Dispositivos
A marca é um objeto de precisão; uma página que apenas o contém parece uma página com um adesivo. Esses quatro dispositivos são medidas próprias da marca utilizadas como estrutura da página, de modo que a identidade e o site deixam de ser dois objetos que compartilham um logotipo. Cada IO Patina propriedade é extraída do mesmo conjunto - veja o tema comum em tema/.
Dispositivo 01 · A barra
Marca cada título de seção. O elemento mais reconhecível da identidade, em todas as páginas, muitas vezes, sem nenhum custo.
Regra 5px · altura total do trilho · cor de destaque
de a haste da unidade 12.99
Construção
Uma regra, não duas formas.
Cor
Seis valores que carregam texto.
Dispositivo 02 · A regra do raio
Um por página, no limite principal da página. Todas as outras divisórias permanecem na linha do cabelo - uma regra desenhada só mantém seu peso se for a única.
pitch 6px · dever 50% · altura 10px · desaparece à direita
de o tom do torcedor
Dispositivo 03 · Metálico
Uma superfície, não um destaque. Um por página, atrás do herói ou da faixa escura, nunca atrás do texto que deve ser lido.
lavagem da barra como borda da página 13px · lavagem do anel marcada no canto superior direito
de os gradientes publicados
Dispositivo 04 · O vazio fora do centro
O layout copia a assimetria do anel: a coluna de texto é mais larga que a coluna de registro e o corte Display sai da página.
colunas 1.35 / 1 · a marca ultrapassou a borda direita em 16%
de o deslocamento da unidade 2.53 do vazio
Orçamento por página: uma superfície metálica, um corte Display da marca, uma faixa escura e tantas barras e réguas quantas seções o conteúdo tiver. Ultrapassá-lo é o que transforma uma identidade novamente em decoração.
Tipo de letra
Todos os três são enviados deste domínio como subconjunto woff2. Nada no site solicita uma fonte de qualquer outro lugar, e é também por isso que a política de segurança de conteúdo pode proibir completamente fontes de terceiros.
Ideas, carefully made.
Variável, 100–900. Títulos de seção, navegação, botões e tudo mais lido como texto corrido. Também a fonte dos contornos da marca nominativa.
Ideas, carefully made.
Títulos e declarações de páginas, 30–62px. Nunca abaixo de 26px, onde a serifa deixa de ser voz e passa a ser textura.
Ideas, carefully made.
Sobrancelhas, linhas de registro e todos os dígitos do site, para que qualquer coisa medida seja lida como medida.
Arquivos
Cada um é gerado a partir do mesmo módulo de geometria com o qual o site desenha seu cabeçalho, portanto, um arquivo e a marca ativa não podem discordar. Todos são vetoriais.
Usando a marca
Deixe pelo menos metade do diâmetro do anel livre em todos os lados. Os arquivos publicados já o carregam em seu viewBox, portanto basta colocá-los de ponta a ponta.
A lua crescente fluindo para dentro do leque é a marca. Um anel genérico é um logotipo diferente.
Use um arquivo publicado. A marca é mais larga do que alta e dimensionar um eixo quebra o círculo.
O ventilador não consegue resolver nesse tamanho e faz barulho. Os favicons e ícones de aplicativos já trazem o corte certo.
Permissão
A marca IO Patina e a marca nominativa são marcas registradas de IO Patina LLC. Os arquivos acima são publicados para que qualquer pessoa que escreva ou tenha links para a empresa possa representá-la corretamente.
Eles podem ser usados para se referir a IO Patina LLC e seus produtos. Eles não podem ser usados para sugerir endosso, parceria ou afiliação que não exista, e não podem ser incorporados às marcas próprias de outra organização.
Para qualquer outro uso, ou para um bloqueio que esta página não publica, escreva para legal@iopatina.com.
