O logótipo do Diário de Trás-os-Montes e Alto Douro é composto por um bloco turquesa com a palavra "Diário", as palavras "de Trás-os-Montes" a azul-escuro e o slogan "Montes de Notícias". Este guia reúne as versões do logótipo, as cores e a tipografia, com as regras de utilização no site, nas redes sociais e em materiais impressos.

Todos os ficheiros podem ser descarregados nesta página, um a um ou no kit completo.

Logótipo

Versão principal

Principal, fundos claros
Principal, fundos claros dtm-logo-principal.svg SVG PNG PDF
Principal negativo, fundos escuros
Principal negativo, fundos escuros dtm-logo-principal-negativo.svg SVG PNG PDF

Variações permitidas

Horizontal sem slogan, para espaços pequenos
Horizontal sem slogan, para espaços pequenos dtm-logo-horizontal.svg SVG PNG PDF
Horizontal negativo
Horizontal negativo dtm-logo-horizontal-negativo.svg SVG PNG PDF
Uma cor: preto
Uma cor: preto dtm-logo-principal-preto.svg SVG PNG PDF
Uma cor: branco
Uma cor: branco dtm-logo-principal-branco.svg SVG PNG PDF
Uma cor: Azul DTM
Uma cor: Azul DTM dtm-logo-principal-azul.svg SVG PNG PDF
Branco sobre turquesa
Branco sobre turquesa dtm-logo-horizontal-branco.svg SVG PNG PDF

Versão quadrada

Quadrado, fundos claros
Quadrado, fundos claros dtm-logo-quadrado.svg SVG PNG PDF
Quadrado negativo
Quadrado negativo dtm-logo-quadrado-negativo.svg SVG PNG PDF
Quadrado a uma cor
Quadrado a uma cor dtm-logo-quadrado-preto.svg SVG PNG PDF

Elementos isolados

Símbolo: o bloco "Diário"
Símbolo: o bloco "Diário" dtm-simbolo.svg SVG PNG PDF
Ícone: o "D" do logótipo
Ícone: o "D" do logótipo dtm-icone.svg SVG PNG

A versão quadrada é a usada nas redes sociais. O símbolo é o bloco do logótipo usado sozinho; o ícone é o "D" de "Diário", como no favicon do site.

Qual usar

SituaçãoVersão
Cabeçalho do site, documentos, publicidadePrincipal, ou horizontal se a largura for inferior a 180 px
Fundo azul, preto ou fotografia escuraNegativo
Fundo turquesaBranco (uma cor)
Impressão a uma cor, carimbos, fax, gravaçãoPreto ou branco
Marca de água em vídeo, miniaturasSímbolo
Avatar de redes sociais, formatos quadradosQuadrado
Favicon, ícone de aplicaçãoÍcone

Construção e área de proteção

O logótipo principal tem a proporção 1596 : 330 (4.84 : 1). O bloco mede 455 × 285 nas mesmas unidades: 29% da largura. O slogan fica abaixo da base do bloco, alinhado à direita. A unidade x é um quarto da altura do bloco.

Área de proteção: uma unidade x a toda a volta do logótipo

Nenhum texto, imagem ou margem de página entra na área tracejada. Em avatares e favicons a margem já está incluída no ficheiro.

Tamanhos mínimos

VersãoDigital (largura)Impressão (largura)
Principal, com slogan180 px45 mm
Horizontal, sem slogan120 px30 mm
Quadrado120 px30 mm
Símbolo "Diário"40 px10 mm
Ícone "D"16 px5 mm

Abaixo de 180 px o slogan deixa de se ler; usar a versão horizontal.

Cores

Turquesa, azul e branco vêm do logótipo. As restantes derivam delas e existem por razões técnicas: contraste de texto, fundos e bordas.

Turquesa DTM Logótipo #00BD9C RGB 0, 189, 156
CMYK 100 / 0 / 17 / 26
Azul DTM Logótipo #18384D RGB 24, 56, 77
CMYK 69 / 27 / 0 / 70
Branco Logótipo #FFFFFF RGB 255, 255, 255
CMYK 0 / 0 / 0 / 0
Turquesa escuro Derivada #007F69 RGB 0, 127, 105
CMYK 100 / 0 / 17 / 50
Turquesa claro Derivada #E0F7F2 RGB 224, 247, 242
CMYK 9 / 0 / 2 / 3
Azul profundo Derivada #0F2634 RGB 15, 38, 52
CMYK 71 / 27 / 0 / 80
Cinza 700 Neutra #45525C RGB 69, 82, 92
CMYK 25 / 11 / 0 / 64
Cinza 500 Neutra #66737D RGB 102, 115, 125
CMYK 18 / 8 / 0 / 51
Cinza 300 Neutra #C5CED4 RGB 197, 206, 212
CMYK 7 / 3 / 0 / 17
Cinza 100 Neutra #EFF3F5 RGB 239, 243, 245
CMYK 2 / 1 / 0 / 4
Vermelho alerta Funcional #C8102E RGB 200, 16, 46
CMYK 0 / 92 / 77 / 22

Contraste

  • Azul DTM sobre branco: 12.3:1. Serve para todo o texto.
  • Branco sobre Turquesa DTM: 2.4:1. Só no bloco do logótipo; fora dele, texto sobre turquesa é sempre azul (5.1:1).
  • Turquesa escuro sobre branco: 5.0:1. É a cor das ligações e do texto turquesa.

Pantone: 3395 C ou 339 C para a turquesa e 7546 C ou 302 C para o azul são aproximações por valores de ecrã, não confirmadas. Escolher com um guia físico antes de imprimir em cor direta.

Tipografia

O logótipo usa Oswald no nome e Open Sans Bold no slogan. Mesmo assim, o logótipo nunca se reescreve: o espaçamento entre letras é próprio, por isso usam-se sempre os ficheiros.

A Oswald, por ser condensada, fica reservada ao logótipo e a peças gráficas com letras grandes: imagens para redes sociais, capas e apresentações. No site, os títulos usam Poppins, que se lê melhor em tamanhos pequenos, e o texto usa Open Sans. As três são gratuitas e estão no Google Fonts.

Mirandela

Município encerra processo e indemniza famílias desalojadas

Câmara decide não recorrer da sentença, doze anos depois da derrocada

O texto corrido usa Open Sans a 400, com 17 a 19 px no site e entrelinha de 1,6. A largura da coluna de leitura fica entre 60 e 70 caracteres por linha.

Lusa · 6 out. 2026, 18h29

UsoFontePesoTamanhoEntrelinha
Título principal (site)Poppins60027 a 38 px1,2
Título de cartão e de secção (site)Poppins60015 a 26 px1,3
Texto corridoOpen Sans40017 a 19 px1,6
Etiqueta (concelho, secção)Open Sans70011 a 13 px1,3
Metadados, legendasOpen Sans40013 a 14 px1,4
Botões, menusOpen Sans60015 a 16 px1
Redes sociais (título na imagem)Oswald50070 a 105 px em 1080 px1,1

Em email e documentos de escritório, onde as fontes web falham: Arial Narrow em negrito para títulos e Arial para texto.

Fazer e não fazer

Fazer

  • Usar sempre os ficheiros do kit, de preferência SVG.
  • Respeitar a área de proteção e os tamanhos mínimos.
  • Escolher a versão pelo fundo: cores em fundo claro, negativo em fundo escuro, branco em turquesa.
  • Sobre fotografia, pôr o logótipo numa faixa azul ou branca.
  • Manter o slogan sempre que couber e se leia.

Não fazer

  • Redesenhar, reescrever ou "atualizar" o logótipo.
  • Usar versões antigas, de baixa resolução, em peças novas.
  • Ampliar um PNG para além do seu tamanho.
  • Criar versões noutras cores.
  • Aplicar efeitos 3D, relevo ou brilho.
Oito exemplos de utilização incorreta do logótipo

Aplicações digitais

Site

  • Cabeçalho: logótipo principal em SVG, com 56 a 64 px de altura em ecrã largo; versão horizontal com 40 px em telemóvel.
  • Rodapé: negativo sobre Azul DTM.
  • Ligações em Turquesa escuro; botões principais em Azul DTM ou Turquesa escuro com texto branco.
  • Etiquetas de concelho: fundo turquesa com texto azul, em maiúsculas.

Perfis e capas

Avatar com o logótipo quadrado
Avatar (todas as redes)
Imagem de partilha com o logótipo principal
Partilha / Open Graph
Capa de perfil com o logótipo negativo
Capa (Facebook, LinkedIn, X, YouTube)

Modelos de publicação

Modelo de publicação de notícia
Notícia
Modelo de publicação de última hora
Última hora
Modelo de publicação de citação
Citação
Modelo de story
Story

Todas as publicações terminam na mesma faixa azul com o logótipo horizontal negativo. É essa faixa, com a etiqueta turquesa do concelho, que torna uma publicação reconhecível.

RedeAvatarCapaPublicação
Facebookquadrado1640 × 6241080 × 1350
Instagramquadrado—1080 × 1350; story 1080 × 1920
LinkedInquadrado1128 × 1911080 × 1350 ou 1200 × 630
YouTubequadrado2560 × 1440miniatura 1280 × 720
Xquadrado1500 × 5001200 × 630

Aplicações editoriais

Papel timbrado em A4
Papel timbrado e comunicado (A4)
Cartão de visita, frente
Cartão, frente
Cartão de visita, verso
Cartão, verso
Apresentação, diapositivo de capa
Apresentação, capa
Apresentação, diapositivo de conteúdo
Apresentação, conteúdo
  • Edição em papel ou PDF: logótipo principal no cabeçalho, a toda a largura da mancha ou alinhado à esquerda; a uma cor, usar a versão preta.
  • Comunicados: papel timbrado, título em Oswald, data por extenso.
  • Assinatura de email: logótipo horizontal a 240 px.
  • Publicidade e materiais institucionais: fundo turquesa com texto azul, ou fundo azul com logótipo negativo.
  • Conteúdo patrocinado: identificar sempre com a etiqueta "Patrocinado" em cinza, nunca em turquesa.

Ficheiros

Kit completo
Logótipos em SVG, PNG, JPG, PDF, EPS e WebP, favicons, modelos para redes sociais, papel timbrado, cartão, apresentação e cores em CSS, SCSS e JSON. ZIP, cerca de 3 MB.

Descarregar o kit
Pasta do kitConteúdo
logo/svg/17 versões vetoriais. Usar estas sempre que possível
logo/png/As mesmas versões com fundo transparente, em duas larguras
logo/jpg/Versões com fundo, para quem não aceita PNG ou SVG
logo/pdf/, logo/eps/Vetorial para gráficas e programas de paginação
logo/webp/Para a web, mais leve do que PNG
logo/favicon/favicon.ico, SVG, PNG, ícones Apple e Android
colors/Cores da marca em CSS, SCSS e JSON
social/Avatar, capas, imagem de partilha e modelos de publicação
templates/Papel timbrado, cartão, apresentação, anúncio, assinatura de email
guidelines/img/Diagramas: área de proteção, paleta e utilizações incorretas