Referência

    Marca

    As regras do kit de marca do Ploy: cor, logótipo e símbolo, espaço livre, tamanhos mínimos, o que não fazer e os ficheiros a usar.

    Uma só cor lisa, sem fundo, sem gradientes e sem sombras. O símbolo é um anel de órbita com uma bola. O logótipo é a palavra "ploy" em letras desenhadas para ele, com o anel como o "o".

    Cor

    • Laranja Ploy, #F2481F. É um laranja puxado para o vermelho. É a cor do símbolo e do logótipo e o destaque das ações. Nunca é o fundo de uma página nem de uma secção.
    • Neutros. Preto quase puro #1B1B1B, branco #FFFFFF e o papel quente #F4F1EC são os neutros em que o logótipo foi verificado.

    O logótipo e o símbolo

    O logótipo é geométrico, em minúsculas e com um só peso. O "o" é o anel do símbolo, inclinado e com a sua bola, escalado à altura do x. A bola sobe acima dele como o ponto de uma letra.

    O símbolo é o anel com a bola. Serve para o ícone da app, o favicon e os avatares. Na app, a bola percorre a órbita enquanto o assistente trabalha.

    Nas medidas do desenho, a haste tem 96 unidades para uma altura do x de 500 (ascendente 770, descendente 235). A barriga do "p" tem o mesmo contraste do anel: grossa em baixo à esquerda, fina em cima à direita. As formas redondas ultrapassam a altura do x e a linha de base em 10 unidades, e as hastes têm um raio de canto de 14.

    Espaço livre e tamanhos mínimos

    • Espaço livre: pelo menos a largura da bola em todos os lados do logótipo.
    • Tamanho mínimo do logótipo: 18 px de altura.
    • Tamanho mínimo do símbolo: 16 px. Abaixo de 64 px usa a versão pequena, com o anel mais grosso e a bola maior.

    O que não fazer

    • Não esticar, contornar, rodar nem acrescentar efeitos ao logótipo.
    • Não pintar a bola de uma cor diferente da do anel.
    • Não usar o logótipo na cor da marca sobre um fundo laranja.
    • Não usar a cor da marca como fundo de uma página ou de uma secção.
    • Não compor frases com as letras do logótipo: servem só para o nome.
    • Ao lado do logótipo, o texto usa uma grotesca neutra.

    A direção de design do projeto proíbe ainda néon, gradientes sem função e maiúsculas decorativas em letra monoespaçada com espaçamento. Ver Princípios.

    Ficheiros

    Todos têm fundo transparente.

    Ficheiro Utilização
    ploy-wordmark.svg Logótipo na cor da marca. Fundos escuros ou neutros.
    ploy-wordmark-dark.svg Logótipo em preto quase puro (#1B1B1B). Fundos claros.
    ploy-wordmark-light.svg Logótipo branco. Fotografias, a cor da marca e fundos escuros que chocam com o laranja.
    ploy-mark.svg Símbolo sozinho. Ícone da app, favicon e avatares.
    ploy-mark-small.svg Símbolo com o anel mais grosso e a bola maior, para 64 px e menos.

    O kit do projeto inclui também versões PNG do logótipo (128, 512 e 1024 px) e do símbolo (256, 512 e 1024 px). Neste site estão só os SVG.

    Os ficheiros são gerados por build_glyph.py (símbolo) e build_wordmark.py (logótipo), em packages/desktop/icons/source/. A app desenha ambos a partir de ploy-glyph.ts e ploy-wordmark.ts. O tema laranja existe em claro e escuro, na janela e no terminal.