OnlineFreeTools.org
  • Início
  • Image editing tools
    • Marca d’água de texto — no navegador
    • Extrair cores da imagem — paleta e clique
    • Virar imagem — espelho H/V
    • Borda na imagem — cor e espessura
    • Comprimir imagem — lado máximo, qualidade e tamanho alvo (local)
    • Cortar e redimensionar imagem — no dispositivo
    • Ver e remover EXIF de fotos — GPS, câmera, no dispositivo
    • Conversor de formato de imagem — PNG JPEG WebP AVIF BMP GIF ICO SVG
    • Escala de cinza — converter foto
    • Unir imagens — combine fotos num collage
    • Otimizar imagem — WebP, AVIF e MozJPEG no dispositivo
    • Sobrepor imagens — coloque um logo na foto
    • Imagem ↔ Base64 — codificar e decodificar
    • Imagens em GIF — animação curta
    • Imagens em PDF — uma página por foto
    • Imagens em PowerPoint — um slide por foto
    • Imagens para Word — DOCX local
  • Ferramentas de design
    • Gerar escala de cor da marca — paleta 50–950 e tokens CSS
    • Guia de estilo da marca — rascunho modular editável
    • Esquema de cores do site — tokens CSS semânticos
    • Verificador de contraste WCAG — razão AA/AAA
  • Developer tools
    • Adicionar WWW ao DNS — A/CNAME e guias
    • Conversor CSV ↔ JSON — tipos, separador e local
    • Codificar e decodificar entidades HTML — local
    • IndexNow — enviar URLs ao Bing, checar chave e códigos
    • Qual é o meu IP — Consulta IP pública (IPv4/IPv6)
    • Validador JSON Schema — Caminhos draft-07 e local
    • De Markdown para HTML — e HTML de volta a Markdown
    • Compare Two Texts Online — Text Diff Checker
    • Verificar cabeçalhos HTTP de um site — Inspecionar response headers
    • De YAML para JSON — e JSON de volta a YAML
  • Calculators
    • Calculadora de IMC — Como calcular o índice de massa corporal
    • Calculadora de gradiente — ∇f multivariable (derivadas parciais)
    • Calculadora de receita marginal — Fórmula ΔRT / ΔQ
    • Calculadora de variação percentual — Do valor antigo ao novo
    • Como calcular o ROI — Calculadora com fórmula e exemplo
    • Pés quadrados para m² — Conversão para imóveis e reformas
  • English
  • 中文
  • Español
  • العربية
  • Português
  • Bahasa Indonesia
  • Français
  • 日本語
  • Русский
  • Deutsch

Ferramentas

Marca d’água de texto — no navegadorAdicionar WWW ao DNS — A/CNAME e guiasGerar escala de cor da marca — paleta 50–950 e tokens CSSGuia de estilo da marca — rascunho modular editávelExtrair cores da imagem — paleta e cliqueConversor CSV ↔ JSON — tipos, separador e localVirar imagem — espelho H/VCalculadora de IMC — Como calcular o índice de massa corporalCalculadora de gradiente — ∇f multivariable (derivadas parciais)Calculadora de receita marginal — Fórmula ΔRT / ΔQCalculadora de variação percentual — Do valor antigo ao novoComo calcular o ROI — Calculadora com fórmula e exemploCodificar e decodificar entidades HTML — localBorda na imagem — cor e espessuraComprimir imagem — lado máximo, qualidade e tamanho alvo (local)Cortar e redimensionar imagem — no dispositivoVer e remover EXIF de fotos — GPS, câmera, no dispositivoConversor de formato de imagem — PNG JPEG WebP AVIF BMP GIF ICO SVGEscala de cinza — converter fotoUnir imagens — combine fotos num collageOtimizar imagem — WebP, AVIF e MozJPEG no dispositivoSobrepor imagens — coloque um logo na fotoImagem ↔ Base64 — codificar e decodificarImagens em GIF — animação curtaImagens em PDF — uma página por fotoImagens em PowerPoint — um slide por fotoImagens para Word — DOCX localIndexNow — enviar URLs ao Bing, checar chave e códigosQual é o meu IP — Consulta IP pública (IPv4/IPv6)Validador JSON Schema — Caminhos draft-07 e localDe Markdown para HTML — e HTML de volta a MarkdownEsquema de cores do site — tokens CSS semânticosPés quadrados para m² — Conversão para imóveis e reformasCompare Two Texts Online — Text Diff CheckerVerificador de contraste WCAG — razão AA/AAAVerificar cabeçalhos HTTP de um site — Inspecionar response headersDe YAML para JSON — e JSON de volta a YAML

Guia de estilo da marca — rascunho modular editável

Monte seu manual de identidade no navegador. Passos: nome da marca, setor, HEX principal (exemplo Northline Studio #0F6E8C), tags de personalidade, módulos; receba rascunho com espaço de proteção, cores, tipos, espaçamento e exemplos pode/não pode, depois copie Markdown ou JSON. Sugestões editáveis campo a campo — sem IA na nuvem. Nada é enviado.

Tags influenciam raio, dica tipográfica, voz e área do primário.

Módulos desligados não aparecem na prévia nem na exportação.

Rascunho editável, não parecer jurídico de marca. Presets (Rígido / Produto / Amigável) são padrões educativos inspirados em guias públicas — não kits oficiais nem vínculo com essas organizações. Geração local; não hospedamos logos de terceiros.

Como usar

Preencha o básico, escolha preset e módulos, clique Gerar. Regras visíveis de personalidade (raio, tipografia, voz, área primária) geram exemplos pode/não pode e exportam Markdown/JSON. Campos editados ficam manuais; Regenerar só sugeridos atualiza defaults intactos.

Regras esperadas

Módulos, sugerido vs manual, contraste e privacidade.

  • Estrutura: Módulo → Elemento → Exemplo (Pode/Não pode). Módulos fechados não exportam.
  • Tags mapeiam raio, área máxima do primário, papéis tipográficos e voz — regras visíveis, não caixa preta.
  • Espaço de proteção padrão 1× altura do símbolo (1,5× no Rígido). Tamanho digital mínimo conforme preset.
  • Cores de status fixas e desacopladas do primário; erros não herdam tom da marca.
  • «Sugerido» são regras determinísticas nesta aba — não brand kit LLM na nuvem.
  • Privacidade: geração, prévia e cópia rodam localmente. Não enviamos logos nem packs de marca.

Exemplo

Carregar exemplo: Northline Studio, SaaS, #0F6E8C, calma + técnica, preset Produto. Prévia com base, espaço 1×, primário teal com secundária/destaque derivados, status fixos, papéis tipográficos, espaçamento 8px e cards Pode/Não pode. Markdown e JSON acompanham.

Bons encaixes

  • Sites indie redigindo a primeira folha visual antes de contratar designer.
  • Freelancers entregando Markdown editável, não só PDF fechado.
  • Times pequenos alinhando web, social e chrome de app nas mesmas regras de espaço e cor.

Frequently asked questions

«Sugerido» é o mesmo que IA de marca?

Não. São regras fixas visíveis (personalidade → raio/tipo/voz, HEX → secundária/destaque). Nada vai para API de modelo.

Posso usar como licença oficial de marca?

Não. A exportação é rascunho de trabalho da sua marca; não é parecer jurídico nem permissão para marcas alheias.

Como difere de ferramenta de paleta?

Paletas focam amostras ou tokens CSS. Aqui você monta documento multi-módulo (logo, tipo, espaçamento, exemplos). Para sistemas mais profundos use Brand Color Scale ou Smart Website Color Scheme.

O que mudam os presets de estrutura?

Rígido enfatiza espaço de proteção e limites; Produto mantém módulos token-friendly; Amigável liga voz e touchpoints. Módulos ainda podem ser toggled manualmente.

Módulos fechados ficam no JSON?

Flags de módulo são salvas; prévia e Markdown omitem seções fechadas para parceiros verem só o ativado.

Como funcionam as exportações Word e PDF?

Word e PDF capturam a mesma prévia da página (html2canvas) e paginam em imagens .docx ou páginas PDF. Demos de movimento ficam estáticas. Tudo local após gerar; libs carregam ao clicar em baixar.

Related tools

  • Gerar escala de cor da marca — paleta 50–950 e tokens CSS
  • Esquema de cores do site — tokens CSS semânticos
  • Verificador de contraste WCAG — razão AA/AAA

Compartilhar esta ferramenta

Compartilhe nas redes, copie o link ou use o compartilhamento do dispositivo.

XFacebookLinkedInRedditWhatsAppTelegram

https://onlinefreetools.org/pt/tools/brand-style-guide

Dúvidas ou feedback

Algo pouco claro, quebrado ou faltando? Escreva abaixo — lemos cada mensagem sobre estas ferramentas.

E-mail: dailyonetools@outlook.com

References

  • WCAG 2.2 Understanding — Contrast (Minimum)
  • Material Design 3 — Styles
  • Carbon Design System — Color
  • NASA Brand Guidelines (structure reference)
  • docx — JavaScript library
  • pdf-lib
OnlineFreeTools.org · Projeto de aprendizagem · Em iteração
Sobre·Registros de Desenvolvimento·Privacidade·Termos·Contacto