Parte II — Identidade Visual · Capítulo 13 · SDARM Brand Book · 2026
Padrões & Texturas
Derivados do símbolo, padrões repetíveis e regras de aplicação.
- Parte II · Cap. 13
- Upload de padrões personalizados
- Aplicador interativo
13.1 — Princípios de padrões & texturas
DNA do símbolo —
a origem certa dos padrões
Padrões genéricos não pertencem a uma marca. Os padrões da SDARM são derivados dos próprios elementos visuais do símbolo da Igreja — curvas, arcos, formas e geometrias que já existem no logo. Isso cria padrões com DNA institucional real.
Origem no símbolo As curvas, arcos e formas do logo — quando extraídos, repetidos e aplicados em baixa opacidade — criam padrões que qualquer membro reconhece intuitivamente como pertencentes à Igreja.
Suporte, nunca destaque O padrão que funciona é aquele que ninguém nota à primeira vista. Ele cria profundidade e riqueza visual sem competir com o conteúdo. Se o padrão chama atenção, a opacidade está alta demais.
Tile repetível Todo padrão é construído como tile — uma unidade mínima que se repete perfeitamente. Isso garante que o padrão funcione em qualquer formato, escala ou proporção de material.
Por que padrões genéricos falharam
"Pontos em grade, linhas paralelas e xadrez poderiam ser de qualquer banco ou ONG. Eles não têm nada a ver com a SDARM."
Padrões genéricos são decoração. Padrões derivados do símbolo são identidade. A diferença está na origem — não no resultado visual.
A direção correta
1 Extrair as curvas e arcos do símbolo no Illustrator
2 Criar variações — mais aberto, mais denso, elementos isolados
13.2 — Biblioteca de padrões
Seus padrões do Illustrator
aplicados ao sistema
Seis slots para receber os padrões que você desenvolver. Suba PNG ou SVG com fundo transparente — o sistema aplica o fundo de cor e a opacidade correta automaticamente.
Como exportar do Illustrator para este sistema
Formato recomendado: PNG com fundo transparente, mínimo 800×800px para tile quadrado. Cor do traço: branco (#FFFFFF) ou azul (#0F3999) — o sistema controla a opacidade. SVG: também aceito, com fill="none" e stroke em currentColor ou #FFFFFF.
Posts
Padrão 01 — Derivado do símbolo
Curvas e arcos do logo em repetição regular Substituir padrão Curvas e arcos do logo em repetição regular PNG · SVG · fundo transparente CapaBanner
Story
Padrão 02 — Elemento aberto
Espaçamento amplo entre elementos do símbolo Substituir padrão Espaçamento amplo entre elementos do símbolo PNG · SVG · fundo transparente ConviteEmail
Capa A4
Padrão 03 — Fragmento do logo
13.3 — Aplicador interativo
Padrão + fundo + opacidade
em tempo real
Selecione um padrão carregado, escolha o fundo e ajuste a opacidade. O preview atualiza instantaneamente — exatamente como ficará no material final.
SDARM · 2026
Você é bem-vindo aqui.
Padrão
Fundo
Opacidade 10%
O preview usa o primeiro padrão carregado. Carregue padrões na seção 13.2 acima para vê-los aqui.
13.4 — Escala de opacidade
Valores aprovados —
5% a 20%
A opacidade é a variável mais crítica no uso de padrões. Acima de 20%, qualquer padrão começa a competir com o conteúdo. Abaixo de 5%, perde sentido visual.
5% Sobreposição sobre foto. Quase imperceptível.
Sobreposição sobre foto. Quase imperceptível.
8% Suave. Fundo azul com foto ou conteúdo denso.
Suave. Fundo azul com foto ou conteúdo denso.
10% ★ Padrão recomendado. Visível mas discreto.
Padrão recomendado. Visível mas discreto.
15% Fundo branco. Verificar contraste com texto.
Fundo branco. Verificar contraste com texto.
13.5 — Contextos de aplicação
Quando e onde
usar cada padrão
A tabela abaixo é a referência definitiva. Contextos com coluna verde recebem padrão. Contextos vermelhos — fundo sempre limpo.
Post 1:1 social
Padrão indicado
Derivado do símbolo · denso
Opacidade
8–10%
13.6 — Uso correto e incorreto
O que nunca fazer
com padrões
Os erros mais comuns vêm de excesso de opacidade, uso em contextos errados e tentativas de personalização local fora do sistema.
Sábado · 2026 Você é bem-vindo aqui. Correto Padrão derivado do símbolo a 10% sobre azul institucional. Texto totalmente legível — o padrão existe mas não compete.
Sábado · 2026 Você é bem-vindo aqui. Proibido Mesmo padrão a 45%. Compete com o texto, prejudica legibilidade e destrói a hierarquia visual da peça.
Convite Semana de Oração Correto Elemento isolado do símbolo em escala grande, centrado, a 10%. Sobre cream — elegante e institucional.
✝ ☩ ✡ ☪ Padrão com símbolos religiosos externos ao sistema Proibido Padrões com símbolos religiosos de outras tradições são proibidos. A Igreja está em 127 países com diferentes contextos culturais.
13.7 — Exportação
SVG tile · PNG 400dpi
e configuração no Figma
Cada padrão aprovado é distribuído em três formatos para cobrir todos os contextos de uso — digital, impresso e design.
SVG tile .svg Tile vetorial com pattern definido — escalável infinitamente. Em CSS: background-image: url(pattern.svg) →Web · interfaces · HTML →Figma fill → Image → tile →Opacidade via CSS ou camada
PNG tile 4× · 400dpi .png Tile rasterizado em alta resolução para impressão offset. Fundo transparente. Modo tile no InDesign ou Affinity Publisher. →Impressão offset · gráfica →InDesign · Affinity Publisher →Opacidade na camada, não no arquivo
Figma Biblioteca Componentes de padrão na biblioteca SDARM do Figma. Fill → Image → modo tile. Opacidade ajustada na layer do frame, nunca no componente. →Design digital · Social media →Biblioteca SDARM Brand Hub →Nunca alterar o componente
Catálogo
Padrão 01 — Derivado do símbolo
Curvas e arcos do logo em repetição regular
Padrão 02 — Elemento aberto
Espaçamento amplo entre elementos do símbolo
Padrão 03 — Fragmento do logo
Detalhe isolado ampliado como marca d
Padrão 04 — Grade densa
Repetição compacta do elemento derivado
Padrão 05 — Variação dourada
Para uso sobre fundos escuros com tom dourado
Padrão 06 — Reserva
Slot livre para padrão adicional aprovado