Cosméticos: medidas e regras de cada item

O SquadCall tem oito tipos de cosmético. Quatro são artes prontas (moldura, placa de identificação, banner e fundo animado), com formato e medida fixos. Três são desenhados pelo próprio app (efeito, aura e cor do nome). O oitavo, a assinatura, não tem arte. Esta página reúne as medidas de cada um, para quem for criar arte que se encaixe.

Visão geral

Tipo	O que é	Formato	Medida
Moldura	Anel em volta do avatar	PNG ou APNG (animado)	224×224 px
Placa de identificação	Arte atrás do nome na lista de membros	WebP	800×70 px
Banner	Topo do perfil	SVG	caixa 600×240
Fundo animado	Vídeo em loop atrás do cartão de perfil	WebM VP9 e WebP parado	480×428 e 320×286 px
Efeito	Partículas sobre o fundo do perfil	feito pelo app	sem arte
Aura	Brilho ou pontos em volta do avatar	feito pelo app	sem arte
Cor do nome	Cor do nome nas mensagens e listas	duas cores	sem arte

Cada item tem uma raridade (comum, incomum, raro, épico, lendário ou mítico) e um tema (por exemplo cósmico, elemental, sombrio ou paisagem). Itens da mesma família ficam numa coleção e combinam livremente com os demais.

Moldura

A moldura é um quadrado de 224×224 px com fundo transparente. O avatar aparece no círculo central de 184 px, então a arte deve ocupar só o anel em volta, nos 20 px de cada lado.

Formato: PNG, ou APNG para animar. Hoje 75 dos 82 itens são animados.
Peso: cerca de 400 KB por moldura. Acima disso a arte é reduzida para 160×160 px (o avatar aparece no máximo a 80 px, então continua nítida) e perde quadros se ainda precisar.
Molduras maiores que o quadrado, como um dragão que sai da borda, declaram o lado da arte (por exemplo 244 px), e o avatar continua sendo o círculo central.
Com "menos animação" ligado, a moldura anima menos ou para.

Placa de identificação

A placa fica atrás do nome na linha do membro, na lista de servidores e de amigos.

Formato: WebP de 800 px de largura e cerca de 70 px de altura (as atuais vão de 67 a 74 px). Até 32 KB.
A imagem é esticada para preencher a linha, alinhada à direita, com cantos de 12 px.
Um degradê escuro cobre cerca de 45% da esquerda, onde fica o texto. Mantenha essa parte calma e deixe o assunto da arte à direita.
Cada placa declara um ponto de foco, em porcentagem da largura (100 é a borda direita), para o assunto não ser cortado em linhas mais altas ou mais baixas.

O banner é o topo do perfil.

Formato: SVG com viewBox="0 0 600 240". Até 34 KB.
O banner é cortado ao centro, porque a altura do perfil muda com a tela (de 86 a 212 px). Não coloque nada importante junto às bordas de cima e de baixo.
O avatar e o nome ficam por cima do terço esquerdo. Deixe essa parte mais calma.
Um esmaecido embaixo é aplicado pelo gerador, para o nome continuar legível sobre qualquer banner.

Fundo animado

O fundo animado é um vídeo em loop atrás do cartão de perfil inteiro, como o miniperfil da Steam.

Vídeo: WebM VP9, 480×428 px, 30 fps, sem som, em loop. O original costuma ser 640×570.
Imagem parada: WebP de 320×286 px, com o mesmo nome do vídeo. Ela aparece nos cartões da loja e para quem desliga a animação.
Peso: cerca de 450 KB por vídeo. A qualidade é reduzida até caber.
Na faixa de miniaturas da chamada, o fundo aparece parado, para não pesar com vários vídeos ao mesmo tempo.

Efeito

O efeito é um grupo de partículas pequenas sobre o fundo do perfil. O app cria de 4 a 12 partículas por efeito e espalha as posições e os atrasos pelo número de cada uma.

Cada efeito define:

o formato da partícula (ponto, estrela, pétala, risco, losango);
o tamanho, de 1 a 12 px;
a cor e, se tiver, o brilho;
o movimento: cair, subir, piscar ou vagar;
a duração de cada volta, de 2 a 9 s.

Por exemplo, Fagulhas usa pontos de 3×5 px na cor #ffd5a1, subindo em 6 s, com 0,6 s de atraso entre uma partícula e outra. Com "menos animação" ligado, os efeitos param.

Aura

A aura fica atrás do avatar e passa 14% do tamanho dele para cada lado. Existem dois modos:

Brilho: um círculo de luz que pulsa (3,2 s por pulso).
Pontos em volta: até 8 pontos distribuídos de 45° em 45°, que giram ou piscam.

Cada aura define a cor, o tamanho dos pontos (de 6 a 7 px), o brilho e a velocidade.

Cor do nome

A cor do nome tem duas versões: uma para o tema escuro e outra, mais escura, para o tema claro, de modo que o nome continue legível nos dois. Por exemplo, Ouro é #eec57a no escuro e #80550b no claro.

Assinaturas e itens de servidor

Nonseq Plus, Nonseq Max, Impulso de servidor e Servidor Studio não têm arte. Cada um dura 30 dias e dá limites e acessos, não um visual.

Combinação, raridade e preço

Qualquer item combina com qualquer outro: uma moldura com uma aura, um efeito, uma placa e uma cor de nome ao mesmo tempo.
Os identificadores dos itens são permanentes: um item nunca troca de id depois de vendido.
Itens com free são grátis. Os demais são vendidos avulsos ou incluídos no Plus e no Max. Os preços ficam na configuração da API, não no catálogo.
Um item pode ficar em breve (listado, ainda sem uso) ou aposentado (não é mais vendido, mas quem comprou continua usando).