Capítulo · 13
Padrões & Texturas
Derivados do símbolo, padrões repetíveis e regras de aplicação.
Parte II — Identidade Visual · Capítulo 13 · SDARM Brand Book · 2026
Padrões & Texturas
Padrões derivados do símbolo da Igreja — as curvas e geometrias do logo repetidas em baixa intensidade. Suporte visual com DNA institucional.
- 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
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.
ContextoPadrão indicadoOpacidadeObservação Post 1:1 socialDerivado do símbolo · denso8–10%Sobre fundo azul ou azul profundo. Abaixo do texto. Story 9:16Derivado do símbolo · aberto5–8%Elemento em escala grande, recortado pelo formato vertical. Capa A4Curvas do logo · grande escala10–12%Uma ou duas repetições do elemento, não tile denso. Cartaz A3Derivado do símbolo · denso10%Sobre azul institucional. Tile regular cobrindo toda a área. Banner impressoDerivado do símbolo · aberto8%Sobre azul profundo. Espaçamento maior entre elementos. ConviteElemento isolado do símbolo6–8%Um único elemento centrado em escala grande. Sobre cream. Email marketingDerivado do símbolo · fino5–8%Header e footer. Nunca no corpo do email sobre texto. SinalizaçãoNenhum0%Fundo sólido. Padrão compromete leitura rápida a distância. Documentos oficiaisNenhum0%Atas, cartas pastorais, relatórios — fundo sempre limpo. CertificadosNenhum0%Exceção: marca d'água oficial impressa a 3% em pré-impressão.
Seção 13.5 · Contextos de aplicação
"Close-up of a fabric banner with a subtle repeating pattern beside printed church stationery, warm ambient light, film grain, low saturation, no text visible, 4:5"
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