Edição inline → PNG/PDF capturam o estado atual (com suas edições). PSD é o master com camadas separadas (Background + Content) — pra atualizar com edições, exporta o HTML editado e roda local node tools/generate-instagram-psd.mjs --source <html>.
Alright
Instagram Kit · v1
2026-05-15
Sistema visual de presença no Instagram — avatar de perfil, capas de Feed (formato dominante 1080×1350, 4:5) e capas verticais para Reels/Stories (1080×1920). Tudo construído sobre as decisões já cravadas: Bricolage Grotesque, paleta Bone / Dark / Orange Clay, brand device (( )). Cada template é renderizado abaixo em escala reduzida; o markup interno está em resolução nativa, o que permite exportação direta para PNG via Playwright.
01 / Avatar
Foto de perfil
Instagram corta o avatar em círculo (≈ 75% do quadrado). As três variantes abaixo testam diferentes níveis de escala — passe o mouse sobre cada peça para simular o crop circular.
((l))
A · 1080 × 1080Símbolo ((l))Brackets Bone enquadram o l Orange Clay opticamente centralizado. Símbolo abstrato puro — mais reconhecível em scale pequena.
Al
B · 1080 × 1080Favicon style AlPegada do favicon — primeiros dois caracteres do wordmark cheios no quadro. A Bone + l Bold Orange Clay. Já se lê como fragmento da palavra.
Alright
C · 1080 × 1080Wordmark AlrightLogo Default completo sobre Dark. Reconhecimento total (palavra inteira) ao custo de menor escala efetiva no círculo do perfil.
Teste · escala real
Como cada opção aparece nos contextos do Instagram
Cada coluna reproduz o diâmetro real (em CSS pixels) em que o Instagram exibe o avatar no respectivo contexto. Crop circular aplicado como na app. Compare lendo cada linha.
32 pxComentários Post no feed
44 pxDMs Busca / sugestões
56 pxStories ring no feed
110 pxHeader do perfil
A ((l))
B Al
C Alright
02 / Feed
Capas de post
Formato 4:5 retrato (1080×1350), dominante no Instagram desde 2020. Seis templates cobrem os contextos editoriais previstos: case, manifesto, big idea, making-of, citação e anúncio. Tipografia Bricolage Grotesque; accent Orange Clay sempre ≤ 10% da peça.
Case · 2026 Olympikus
N.07
Corre. Filme sem câmera.
Alrightwearealright.cc A.I. first prod. co.
01 · 1080 × 1350Capa · CaseAnuncia um trabalho. Eyebrow cliente · ano + index; título grande; wordmark + meta no rodapé.
Manifesto · 01
(( ))
Craft. Craft. And. More. Craft.
Alright2026 · São Paulo
02 · 1080 × 1350Capa · ManifestoBandeira canônica sobre Dark. Texto-protagonista; nada além dele. Use para frases canon: Craft. Craft. And. More. Craft., Cada filme é um filme., No camera or set.
Alright · Big idea
EP · 03
((Look again.))
AlrightA.I. first Production Co.
03 · 1080 × 1350Capa · Big ideaBig idea cravada (((Look again.))) com brackets Orange Clay como heroes. Para abrir séries ou marcar reveals.
Making-of · PUMAFRAME 048 / 240
Take 12 · interior · 16:9
Sem câmera. Sem set. Só craft.
AlrightCarrossel · arraste →
04 · 1080 × 1350Capa · Making-ofFrame still 16:9 (placeholder warm gradient — substituir por still real do projeto) + título embaixo. Padrão para abrir carrosséis de bastidores.
Pensamento · 04
(( ))
Não filmamos. Imaginamos.
Diário Alright · 2026
Alright((Look again.))
05 · 1080 × 1350Capa · PensamentoCitação editorial autoral. Uma palavra em Orange Clay como ênfase (proporção ≤10%). Atribuição em mono caps.
Novo · 2026
Chupa Chups ((Forever Fun))
Quatro filmes. Um universo. Zero câmeras.
AlrightLink na bio →
06 · 1080 × 1350Capa · Anúncio splitComposição split Bone/Dark 62/38 para anúncios de lançamento, com lead em Bone sobre Dark + CTA. Funciona como capa standalone ou cover de carrossel.
03 / Vertical
Reels & Stories
Formato 9:16 vertical (1080×1920). Safe-zone superior ≈ 280 px (header app) e inferior ≈ 320–340 px (UI nativa + label). Conteúdo crítico no centro 1080×1320.
Making-of · OlympikusReel · 60s
((Corre 5))
07 · 1080 × 1920Reels cover · editorialPadrão para capa de Reels. Brackets enquadram o título; still warm gradient embaixo (placeholder); wordmark centralizado no rodapé respeitando safe-zone.
Alright2026 05 · 15
Case novo.
PUMA Portugal — filme institucional sem câmera, sem set, sem custo alto.
Arraste →↗
08 · 1080 × 1920Stories · swipeTemplate para Stories. Dark background (a marca respira em dark no efêmero); headline + lead + CTA. Wordmark top-left, índice mono top-right.