Biblioteca de Assets e Cheatsheets — Tamanhos de Imagens e Referências para Devs

Tabelas de referência para tamanhos de imagens, cheatsheets e grids. Consulta rápida sem precisar pesquisar no Google.

Navegação rápida

Quais são os tamanhos corretos de imagens por plataforma?

Meta — Facebook

Meta — Instagram

Google Ads

YouTube

LinkedIn

Open Graph e SEO

Cheatsheets

Git — Quais são os comandos essenciais?

Configuração inicial

git config --global user.name "Seu Nome"
git config --global user.email "seuemail@dominio.com"
git config --global core.editor "code --wait"

Repositório

git init

Inicia um repositório Git na pasta atual.

git clone https://github.com/usuario/repositorio.git

Clona um repositório remoto para a máquina local.

git remote -v

Lista os repositórios remotos configurados.

Alterações

git status

Mostra o estado atual dos arquivos — modificados, staged ou não rastreados.

git add .

Adiciona todos os arquivos modificados à área de staging.

git add arquivo.txt

Adiciona um arquivo específico ao staging.

git commit -m "mensagem do commit"

Salva as alterações em staging com uma mensagem descritiva.

git commit --amend

Edita o último commit — útil para corrigir a mensagem ou adicionar arquivo esquecido.

Sincronização

git push origin main

Envia commits locais para o repositório remoto na branch main.

git pull origin main

Baixa e integra as alterações remotas na branch atual.

git fetch

Baixa alterações remotas sem integrar — útil para revisar antes de fazer merge.

Branches

git branch

Lista todas as branches locais.

git branch nome-da-branch

Cria uma nova branch.

git checkout nome-da-branch

Muda para a branch especificada.

git checkout -b nome-da-branch

Cria e já muda para a nova branch em um único comando.

git merge nome-da-branch

Integra a branch especificada na branch atual.

git branch -d nome-da-branch

Deleta a branch local após o merge.

Histórico e reversão

git log --oneline

Exibe o histórico de commits em formato compacto.

git diff

Mostra as diferenças entre o working directory e o staging.

git reset --soft HEAD~1

Desfaz o último commit mantendo as alterações em staging.

git reset --hard HEAD~1

Desfaz o último commit e descarta todas as alterações. Irreversível.

git stash

Guarda temporariamente alterações não commitadas para limpar o working directory.

git stash pop

Restaura as alterações guardadas pelo stash.

Photoshop — Quais são os atalhos essenciais?

UTM — Como montar parâmetros de rastreamento?

Estrutura completa de uma URL com UTM

https://seusite.com/pagina?utm_source=facebook&utm_medium=cpc&utm_campaign=nome-da-campanha&utm_content=variacao-a&utm_term=palavra-chave

Parâmetros e quando usar cada um

Convenções recomendadas

• Use sempre letras minúsculas — utm_source=Facebook e utm_source=facebook são dados diferentes no Analytics
• Substitua espaços por hífens — nunca use espaço ou underline no valor do parâmetro
• Seja consistente — defina um padrão e siga em todas as campanhas
• Não use UTM em links internos do próprio site — isso quebra as sessões no Analytics

Exemplos por canal

Grids e referências de design para desenvolvedores

Sistema de grid padrão

Larguras máximas de conteúdo recomendadas

Escala tipográfica base 16px

Espaçamento — escala de 4 em 4

Border radius de referência