C240 · design hi-fi certificado

O carrossel é uma peça completa — não uma limitação.

Ficha interna e superfície pública do carrossel como conteúdo de primeira classe: a plataforma baixa automaticamente todas as mídias dos filhos pela API oficial, a ficha lê Carrossel com a sua galeria (sem caixa âmbar de falha), e o eleitor vê a galeria com Baixar (cada mídia) e Compartilhar (post oficial). Visitante: ler, baixar e repassar. Assessoria: importar completo, revisar e publicar.

Literais travados no gate (não reabrir no design): tipo visível “Carrossel” (sem “álbum”); baixa automática de todas as mídias (imagens e vídeos) pela API oficial, sem anexo manual e sem scraping; vídeos-filhos entram na transcrição/catálogo; público com galeria + Baixar (cada mídia) + Compartilhar (post oficial) + Copiar link; recibo conta carrossel como conteúdo criado (sem bloco de ressalva de peça-link); ficha interna sem caixa âmbar “por que o arquivo não foi baixado”; as 52 peças existentes (40 publicadas, 12 rascunhos) ganham o mesmo tratamento.

Observação: os selos Rascunho, Publicado, Processando e Pronto abaixo são estados do produto (vocabulário já existente da Central), não uma certificação deste artefato. Os textos em caixa alta nesta página são anotação do board de design, não chrome do app. As mídias reais aparecem marcadas como NEEDS ASSET.

CENA 01

Ficha interna · desktop 1280 · Carrossel pronto com galeria (imagens + vídeo)

A coluna de mídia deixa de ser um único preview de 300 px e passa a ser a galeria do carrossel: palco + trilha de miniaturas + “N de M”. O cabeçalho ganha a identidade Carrossel. Nenhuma caixa âmbar: a peça lê como conteúdo completo.

← Conteúdos

Fim da escala 6×1 é saúde

Carrossel Pronto Rascunho

Mídias e transcrição prontas

As 8 mídias do carrossel foram baixadas pela API oficial e a ficha foi catalogada — inclusive a transcrição do vídeo-filho. Revise os campos antes de publicar.

AÇÕES DO CABEÇALHO Rascunho → depois de publicado a ação vira o kill switch: Publicado
CENA 02

Ficha interna · mobile 390 · “baixando mídias” sem linguagem de falha

Carrossel
← Conteúdos

Fim da escala 6×1 é saúde

Carrossel Processando Rascunho
NEEDS ASSET · MÍDIA 1
1 de 8 · Foto
1 2 3 ▶

Baixando mídias… 3 de 8. O que já chegou pode ser revisado. As demais mídias seguem em segundo plano.

Disponível quando todas as mídias estiverem prontas.

CENA 03

Ficha interna · desktop 1280 · galeria parcial (“baixando mídias”)

← Conteúdos

Fim da escala 6×1 é saúde

Carrossel Processando Rascunho
NEEDS ASSET · MÍDIA 1
1 de 8 · Foto
1 2 3

Baixando mídias… 3 de 8. As demais chegam em segundo plano; a ficha já pode ser revisada. A peça publica quando as mídias estiverem prontas.

CONTRATO DA FICHA

Identidade Carrossel + galeria das mídias

O estado parcial usa o painel neutro “Baixando mídias… N de M”. Não há caixa âmbar, motivo de limitação nem pedido de anexo manual: baixar os filhos é o fluxo normal.

Peças de carrossel já criadas (importações anteriores/backfill) passam a ler assim: a mesma galeria e a mesma identidade, sem box de ressalva.

CENA 04

Recibo da importação · carrossel conta como conteúdo criado

Importação concluída

As novidades já estão na Central como rascunho. Nada foi publicado.

N novas criadas
N já estavam
— falharam
Criadas por tipo Vídeo · N Carrossel · N Foto · N

Carrosséis entram como conteúdo criado, com as mídias dos filhos baixadas automaticamente pela API oficial. O bloco de ressalva de peça-link só aparece para link não encontrado ou Instagram indisponível.

CENA 05

Catálogo público /conteudos · desktop 1280 · card do Carrossel e filtro Tipo

Capa = primeiro filho (recomendação A do plano). A indicação de múltiplas mídias fica sobre a capa (8 mídias, ícone de imagens) e o tipo aparece na tag Carrossel. O filtro Tipo ganha Carrossel.

Jorge Solla Central de Conteúdos
Tipo
Cidade Região Tema Instituição

Escolha, compartilhe e peça voto

O play só carrega a mídia quando você pedir.

Abra o título para ver detalhes
NEEDS ASSET · MÍDIA 1 DO CARROSSEL 8 mídias
Carrossel

Fim da escala 6×1 é saúde

Trabalho · Salvador

NEEDS ASSET · POSTER REAL 02:14
Vídeo

Visita ao posto de saúde

Saúde · Feira de Santana

“Saúde é direito.”
Texto

Por que defender o SUS

Saúde · Bahia

O card abre a galeria; nela, Baixar pertence sempre à mídia selecionada. Não há ação ambígua de “baixar mídias” nem pacote único (zip).

Jorge José Santos Pereira Solla · Candidato a Deputado Federal · Nº 1313 · Federação Brasil da Esperança (PT/PCdoB/PV) · CNPJ: 68.430.467/0001-05 · Propaganda eleitoral gratuita · Eleições 2026 · 1º turno: 04/10/2026.
CENA 06

Catálogo público · mobile 390 · card do Carrossel e filtro Tipo

Jorge Solla

PEÇA VOTO PRA SOLLA 1313

Mande uma peça.
Peça mais um voto.

Tipo · Carrossel Cidade Tema
NEEDS ASSET · MÍDIA 1 8 mídias
Carrossel

Fim da escala 6×1 é saúde

Trabalho · Salvador

Ver a galeria completa →
CENA 07

Página pública /conteudos/<slug> · desktop 1280 · galeria, Baixar por mídia, Compartilhar e nota de origem

Jorge Solla Voltar à Central
NEEDS ASSET · MÍDIA 1 (imagem real)
Mídia 1 de 8
Mídia 1 de 8 · Foto
1 2 3 4 5 6 7 8
Carrossel

Fim da escala 6×1 é saúde

Legenda oficial da publicação: Jorge Solla explica por que reduzir a jornada protege a saúde de quem trabalha. Arraste para ver as 8 mídias e baixe a que quiser.

Tema
Trabalho e saúde
Local
Salvador
Mídias
8 · 7 fotos, 1 vídeo
Origem
Instagram

O compartilhamento usa o link da publicação no Instagram. As mídias foram baixadas do perfil oficial; baixe cada uma pela galeria.

CENA 08

Página pública · mobile 390 · galeria com dots + sheet de compartilhamento existente

Central de Conteúdos
NEEDS ASSET · MÍDIA 1
1 de 8 · Foto
Carrossel

Fim da escala 6×1 é saúde

Arraste para ver as 8 mídias. Baixe a que quiser e repasse a que fizer sentido.

Peça esse voto no WhatsApp

A mensagem é sua: revise antes de abrir.

Sem destinatário e sem envio automático. Compartilhar e copiar usam o link do post oficial; Baixar esta mídia permanece uma ação separada da galeria.

CENA 09

Estados críticos da galeria · só imagens · com vídeo · grande · mídias chegando

SÓ IMAGENS · 5 MÍDIAS

NEEDS ASSET · MÍDIA 1
1 de 5 · Foto
5 fotos · sem vídeo

Nenhum selo de play; o contador e a trilha bastam. A legenda segue pesquisável, sem transcrição de vídeo.

COM VÍDEO · POSTER → PLAYER

NEEDS ASSET · POSTER DO VÍDEO-FILHO
3 de 8 · Vídeo 00:42
NEEDS ASSET · VÍDEO EM REPRODUÇÃO (controles nativos)

O vídeo só monta o player após o gesto; o vídeo-filho entra na transcrição da peça.

GRANDE · 12 MÍDIAS

NEEDS ASSET · MÍDIA 1
1 de 12 · Foto
1 2 3 4 5 6

A trilha rola; o contador “N de M” e os botões ‹ › mantêm a navegação sem mapa de miniaturas pressionado.

FICHA INTERNA · MÍDIAS AINDA CHEGANDO

NEEDS ASSET · MÍDIA 1
1 de 8 · Foto
1 2

Baixando mídias… 3 de 8. Estados honestos, sem caixa de falha e sem bloquear o que já chegou.

Este é um estado da ficha interna. No público, a galeria só aparece depois que todas as mídias estão prontas; o eleitor nunca recebe um slide incompleto.

LEGENDA / TEXTO DA PEÇA

NEEDS ASSET · MÍDIA 1
1 de 8 · Foto
Carrossel

Fim da escala 6×1 é saúde

Legenda oficial da publicação exibida sob a galeria — é ela que dá contexto a cada mídia e alimenta a busca (junto da transcrição do vídeo-filho).

A legenda é a mesma em todas as mídias: não há texto por slide.

CERTIFICAÇÃO VISUAL

Contrato do port e escolhas que o gate humano confirma

Design hi-fi certificado pelo designer de referência. A implementação deve portar estas cenas com paridade; a aprovação final continua sendo decisão humana no gate.

  1. Identidade. “Carrossel” aparece como tipo na ficha, no card, na página e no filtro. O design não usa “álbum” em nenhum ponto.
  2. Hierarquia pública. No card, Compartilhar é o único CTA primário e Ver galeria abre a peça. Na página, Baixar esta mídia pertence ao slide selecionado; não existe download ambíguo do conjunto.
  3. Compartilhamento. Compartilhar e Copiar link usam o post oficial do Instagram. Compartilhar mídia não compete com esse gesto; a mídia é obtida exclusivamente pelo botão de download do slide.
  4. Capa e navegação. O primeiro filho é a capa. A galeria combina palco, contador “N de M”, setas e trilha rolável; carrossel grande não comprime miniaturas para caber.
  5. Processamento. “Baixando mídias… N de M” é um estado neutro da ficha em desktop e mobile. Publicar fica indisponível até todas chegarem; a superfície pública nunca mostra slide parcial.
  6. Vídeo-filho. Poster e duração antecedem o play; o player só carrega após gesto, nunca reproduz automaticamente ao trocar de slide. A legenda e a transcrição dos vídeos alimentam a leitura e a busca.
  7. Recibo e legado. Carrossel entra na contagem criada e no recorte por tipo, sem ressalva de peça-link. As 52 peças existentes recebem a mesma identidade, galeria e estados das novas.
  8. Acessibilidade do port. Galeria como região nomeada; setas com nome acessível; posição anunciada em texto; miniaturas como lista com estado selecionado; navegação por teclado, foco visível e respeito a movimento reduzido.
  9. Assets. Nenhum SVG próprio foi necessário (ícones lucide inline). As mídias reais seguem marcadas como NEEDS ASSET.

Pendência do gate humano: confirmar a direção visual certificada — capa no primeiro filho, Compartilhar como CTA primário e publicação pública somente com a galeria completa. A forma de dados e o mecanismo de processamento permanecem decisões de engenharia.