Sistema visual · Cards & Carrosséis · Instagram

Sergio Vidigal

A marca do conteúdo de legado: azul royal que carrega a história, lima que dá o agora, Amsi Pro condensada mandando na lâmina e foto real como prova. Este documento consolida a concepção construída no carrossel "Você Sabia" — paleta, tipografia, elementos e o sistema de lâminas.

01

Paleta

Dois mundos que se completam: o universo royal (as lâminas de história) e o universo papel (as lâminas de respiro). O lima atravessa os dois como assinatura.

Royal Claro
#2E52F2
Topo do gradiente; acento tipográfico e line-art do respiro.
Royal
#2444DE
Meio do gradiente. Cor-mãe da marca.
Royal Profundo
#1B37B8
Base do gradiente.
Marinho
#0D1F66
Texto sobre lima.
Quase-preto
#070D26
Overlays de foto.
Lima
#D9F53F
Destaque: tarjas, filete, estrela brutalist.
Ciano
#5BE1FF
Palavras-chave no corpo sobre azul.
Papel
#F7F5EF
Fundo do respiro, com grão pontilhado.
Ink
#06123C
Texto sobre papel.
Gradiente oficial das lâminas: linear-gradient(180deg, #2E52F2 0%, #2444DE 55%, #1B37B8 100%) — sempre com grain por cima.
02

Tipografia

Amsi Pro Cond Black para tudo que grita, Poppins para tudo que conversa. Nunca itálico.

Display · Amsi Pro Cond Black — títulos, kickers, tarjas, numeração
Você sabia?
Caixa alta sempre, entrelinha .86. Capa: 180–230pt. Internas: 122–130pt. Kicker: 34–37pt. A palavra-força vai em lima — uma por título, nunca a frase inteira.
Corpo · Poppins Medium / Bold — texto, assinatura, ações
Com uma equipe inicial de 11 profissionais, o hospital hoje atende 16.500 crianças.
Corpo 33pt nas lâminas. Destaques: bold, ciano em palavra-chave sobre azul, tarja lima na frase-síntese. Avançar/Compartilhar: Poppins Medium 23pt, caixa alta, sem ícone.
03

Elementos gráficos

O kit que se repete e cria reconhecimento. Nada além disso.

Tarja

Uma história de lutaque virou entrega

Lima, texto marinho, Amsi. Regra dura: uma linha por tarja — frase de duas linhas vira duas tarjas empilhadas.

Linea nas lâminas azuis

O traço orgânico em azul #2960E0, desenho e posição definidos no Figma (linea-faixa.svg), aplicado como camada exata sobre a lâmina.

Linea no fecho

No fecho, a versão própria (linea-fecho.svg): azul #2960E0, atravessando de leve a foto. Uso único por carrossel.

Estrela brutalist

Só no respiro: lima sólida, vazada no canto inferior direito.

Line-art do respiro

Ilustração monoline em royal claro, sem contorno, sobre papel. Gerada a partir de foto real (prompt mestre monoline no Magnific).

Filete de base

Barra lima de 14px na base de toda lâmina, sem exceção.

Numeração + assinatura

03 / 06SERGIO VIDIGALAvançar

Número no alto à direita (Amsi). Rodapé: assinatura à esquerda, ação à direita — ambos leves, Poppins.

Grain

Textura em tudo

Noise em overlay a 14% sobre o card inteiro — fundo, foto e texto. É o acabamento da marca.

04

Sistema de lâminas

Quatro tipos resolvem qualquer carrossel. A ordem cria o ritmo: capa, respiro, faixa, respiro, faixa, fecho.

CapaFoto completa da lâmina. Título gigante na área calma da imagem (céu, parede). Overlay segura a leitura.
RespiroPapel com grão, texto ink, line-art lima, estrela no canto. Quebra o azul e dá ritmo ao carrossel.
Faixa A / BFoto em 44% da lâmina (cima ou baixo), texto na área royal oposta, linea tom sobre tom.
FechoFoto emocional, linea lima por cima, tarjas empilhadas, Compartilhar no rodapé.
05

Regras

Sempre

  • Foto real — obra, atendimento, gente. A prova do legado.
  • Uma ideia por lâmina; a palavra-força em lima.
  • Grain a 14% por cima de todo card.
  • Filete, numeração e assinatura em toda lâmina.
  • Tarja em linha única — duas linhas, duas tarjas.
  • Texto na área calma da foto; overlay onde há texto.
  • Respiro entre lâminas de foto pra dar ritmo.

Nunca

  • Itálico — em nenhum texto.
  • Emoji ou memoji nas artes.
  • Box arredondado de apoio.
  • Contorno na tipografia ou na line-art do respiro.
  • Verde no texto do respiro — o acento lá é o royal claro; o lima fica na estrela e no filete.
  • Lima como fundo de lâmina inteira.
  • Ícone em Avançar/Compartilhar.
  • Foto de banco de imagem.
O carrossel

Você sabia — na prática

As seis lâminas do sistema aplicado: capa, respiros, faixas e fecho.

01 / 06
Você sabia?
O Hospital Materno-Infantil
da Serra quase não saiu do papel.
Uma história de luta
Capa: foto completa, hierarquia limpa.
02 / 06
O sonho
Uma maternidade
pública
Quando fui prefeito pela primeira vez, eu já sonhava com uma maternidade pública para a Serra.
Cuidado perto de casa
Respiro: traço e acentos em lima puro, sem contorno.
03 / 06
Sueli Vidigal
O sonho precisava de recursos
Sueli assumiu a missão: levou o projeto a Brasília e foi atrás do apoio necessário.
Missão assumida
Modelo B: texto em cima, foto embaixo.
04 / 06
Em Brasília
Sueli não
desistiu
Quando a bancada capixaba não chegou a um consenso, Sueli procurou o relator do Orçamento da Saúde
Apresentou o projeto e ajudou a garantir os recursos
Respiro: line-art da gestante espelhada como provisória — troca pela da assinatura quando sair limpa do Magnific.
05 / 06
A espera terminou
Anos de espera
e uma entrega
Quando retornei à Prefeitura, resgatamos o hospital para a Serra.
16 de fevereiro de 2022
Modelo B: hospital embaixo como prova visual.
06 / 06
Hoje
Mais de 16.500
crianças
Esse hospital é uma conquista da Serra.
E tem muito da luta da Sueli nessa história
Fecho A: com a área azul de texto.
06 / 06
Hoje
Mais de 16.500
crianças
Esse hospital é uma conquista da Serra.
E tem muito da luta da Sueli nessa história
Fecho B: só a foto, completa e centralizada — sem área azul.