Estilizar e personalizar a sua página

Como deixar suas páginas mais bonitas
Neste artigo

Você pode usar os recursos de personalização e estilização para personalizar qualquer página ou espaço de trabalho e deixar tudo com a sua cara. Pode confiar: design é com a gente mesmo 🎨

Acessar as perguntas frequentes

O Notion conta com todos os recursos de estilização de texto presentes em qualquer processador de texto, mas também temos algumas ferramentas que são só nossas. É só destacar um pedaço de texto que você vai ver o seguinte menu:

Claro, todos os atalhos normais se aplicam como cmd/ctrl + B para negrito e cmd/ctrl + Shift + S para tachado, mas temos mais alguns:

  • cmd/ctrl + E para exibir código in-line.

  • cmd/ctrl + Shift + M para adicionar um comentário a qualquer texto.

  • Ah, sempre dá para usar @ para mencionar uma página ou uma pessoa do espaço de trabalho. 

O Notion é compatível com todos os tipos de estilização de Markdown em computadores, na web e em dispositivos móveis. Veja abaixo os principais detalhes:

Use os atalhos abaixo quando estiver digitando:

  • Digite ** no início e no fim do texto para colocar o texto em negrito.

  • Digite * no início e no fim do texto para colocar o texto em itálico.

  • Digite ` (crase) no início e no fim do texto para criar um código in-line.

  • Digite ~ no início e no fim do texto para tachar o texto.

No início de qualquer linha de texto:

  • Para criar uma lista com marcadores, digite *- ou +  e, em seguida, insira espaço.

  • Para criar uma lista de tarefas com caixas de seleção, digite [] (sem espaço entre os colchetes).

  • Para criar uma lista numerada, digite 1. e espaço.

  • Para criar um cabeçalho T1, digite # e espaço.

  • Para criar um cabeçalho T2, digite ## e espaço.

  • Para criar um cabeçalho T3, digite ### e espaço.

  • Para criar uma lista de alternantes, digite > e espaço.

  • Para criar um bloco de citação, digite " e espaço.

Nota: Você pode encontrar uma lista completa com todos os atalhos do Notion aqui →

  • Temos três estilos diferentes de tipografia, que podem ser usados em todas as páginas que você criar: é só clicar no ícone ••• no canto superior direito da página e escolher  PadrãoSerif ou Mono. Todo o texto da página mudará conforme o estilo.

  • Esse mesmo menu contém a alternância de Texto pequeno. Ao habilitá-lo, o texto da página diminuirá. É útil para fazer caber mais informações em uma página ou caso você goste dessa aparência.

Que tal adicionar um toque de cor ao seu texto? O Notion conta com diversas cores disponíveis e várias formas de aplicação:

  • Use o mesmo menu com negrito, itálico ou comentário para colorir seu texto ou destaque. Basta selecionar qualquer texto e escolha uma cor do menu suspenso A:

  • Também é possível colocar todo o bloco de texto da mesma cor. A maneira mais fácil de fazer isso é digitando / seguido pelo nome da cor em que você quer escrever, por exemplo, /vermelho.

  • Também é possível alterar a cor de um bloco de texto digitando cmd/ctrl + / a qualquer momento e definir a cor desejada e pressionar Enter.

Dica: Está usando sempre a mesma cor? Para aplicar a última cor que você usou, é só recorrer ao atalho cmd/ctrl + shift + H.

Caso queira reduzir as margens de uma página para expandir a área útil do conteúdo, acesse ••• no canto superior direito do Notion e ative a opção Largura completa.

A parte superior de uma página do Notion pode incluir dois elementos: links internos e comentários.

  • Os links internos indicam todas as páginas com links para a página que você está visualizando e possibilitam uma navegação descomplicada pela interface.

  • Os comentários registram as conversas entre você e os membros de sua equipe e podem ser usados como espaço de trocas, dúvidas, feedback e mais.

Para personalizar links internos e comentários para uma página que não seja de base de dados:

  1. Clique no botão ••• no canto superior direito da página e selecione a opção Personalizar página.

  2. Na janela aberta, ative ou desative a opção Mostrar backlinks.

  3. Ative ou desative as discussões da página.

Para personalizar links e comentários para uma página de base de dados:

  1. Clique em ••• no canto superior direito da página e selecione Personalizar layout.

  2. Clique no módulo Cabeçalho e ative ou desative a opção Mostrar backlinks.

  3. Clique no botão de configurações ao lado do nome da sua base de dados na parte superior da página. Decida se você deseja que os comentários embutidos em sua página sejam exibidos como estão por padrão (com o comentário visível ao lado da foto do perfil do comentarista) ou exibidos de maneira mínima (com apenas o número de comentários exibidos, que você pode clicar para expandir).

  4. Você também pode decidir se deseja que as discussões da sua páginaou os comentários adicionados no nível da página sejam expandidos (com todos os comentários exibidos) ou desativados (não exibidos).

  5. Quando você terminar de ajustar essas configurações, selecione Aplicar a todas as páginas na parte superior da página. Observe que suas personalizações de backlinks e comentários serão aplicadas a todas as páginas da base de dados em que você estiver.

Você pode criar um layout personalizado que se aplique a todas as páginas em uma base de dados. Saiba mais neste artigo →

Os blocos com frases de destaque são recursos úteis para destacar partes de texto ou até mesmo separá-lo do restante do conteúdo Talvez você queira chamar a atenção para um aviso ou uma dica.

Adicionar uma frase de destaque

Você pode adicionar uma frase de destaque a uma página de algumas maneiras:

  • Passe o mouse sobre um novo bloco e selecione + à esquerda do bloco → Frase de destaque.

  • Digite /frase de destaque na sua página e pressione Enter.

Você pode mover o bloco da sua frase de destaque pela página passando o mouse sobre ele e usando ⋮⋮ que aparece como uma alça para arrastar e soltar. As frases de destaque podem até ser colocadas em uma coluna.

Estilizar a frase de destaque

  • O seu bloco de frase de destaque pode conter outros tipos de bloco, como tópicos e títulos. Você pode arrastar esses blocos para reorganizá-los na sua frase de destaque.

    • Observe que, se você usar títulos na sua frase de destaque, esses títulos aparecerão no índice da sua página.

  • Todo bloco com frase de destaque vem com um ícone. Para alterar o ícone, clique nele e escolha um novo ícone. Para remover o ícone, clique nele e selecione Remover.

  • Você também pode carregar seu próprio ícone de imagem ou copiar um link para a imagem que deseja inserir. No caso de carregamentos, o tamanho recomendado é de 280x280 pixels.

  • Clique em 🔀 para gerar opções aleatórias do ícone até encontrar uma que lhe agrade!

  • Para alterar a cor do bloco de frase de destaque ou do texto dentro dele, clique no ícone ⋮⋮ que aparece à esquerda ao passar o mouse sobre o bloco.

  • Selecione Cor e use o menu para escolher a cor de fundo do bloco. Ao escolher Padrão, o bloco fica branco, com um contorno cinza-claro.

  • Se você selecionar qualquer outra cor que não preta para o texto, o bloco ficará branco com contornos em cinza claro.

  • Também é possível alterar a cor do texto e do fundo com o atalho cmd/ctrl + / e digitar o nome da cor desejada.

Todas as páginas podem ter ícones próprios como emojis ou até mesmo imagens. Esses ícones são exibidos no canto superior esquerdo da página e na barra lateral — assim, você pode encontrar as páginas com mais facilidade e ainda deixá-las com aquele toque especial.

Existem algumas maneiras de adicionar ícones às páginas:

  • Passe o mouse sobre a parte superior de qualquer página e clique em Adicionar ícone.

  • Clique em qualquer um dos ícones presentes na barra lateral.

  • Essa ação exibirá um menu no qual é possível pesquisar e selecionar emojis, carregar um arquivo armazenado no computador ou colar o URL de uma página da web.

  • Idealmente, as imagens de ícone devem ter 280x280 pixels.

  • Quando você carrega um arquivo para transformá-lo em um ícone de página, você também tem a opção de transformá-lo em um emoji personalizado na biblioteca de emojisdo seu espaço de trabalho. Basta marcar a caixa ao lado de Adicionar à biblioteca de emojis do espaço de trabalho enquanto você carrega seu arquivo. Você pode usar seu emoji personalizado como ícone de página, reação ou inline em uma página.

  • Você também pode clicar em 🔀 para alternar entre emojis escolhidos aleatoriamente e escolher um!

  • Para remover um ícone, basta clicar nele e selecionar Remover.

Observação: os emojis personalizados não são renderizados em widgets para dispositivos móveis.

A arte de capa é exibida como uma imagem em banner na parte superior de qualquer página, e pode ser usada para dar um pouquinho de charme, cor e estilo às páginas e bases de dados.

  • Passe o mouse sobre a parte superior de qualquer página e clique em Adicionar capa.

  • Passe o mouse sobre a capa e selecione Alterar capa.

  • Você verá um menu com uma galeria de imagens que passou por uma curadoria do Notion.

  • Clique em Carregar para adicionar uma imagem que esteja armazenada no computador ou clique em Link para colar o URL de uma imagem disponível na internet.

  • Outra opção é pesquisar por imagens no Unsplash, um imenso banco de imagens com mais de 1 milhão de fotos e ilustrações.


Perguntas frequentes

Posso configurar a largura completa como visualização-padrão? É possível configurá-la desse modo para todas as páginas?

Ainda não, mas muita gente vem pedindo isso. Já está na nossa lista para projetos futuros.

Posso justificar o texto à direita ou centralizá-lo?

Infelizmente, o Notion ainda não conta com nenhuma opção de alinhamento tradicional 😕Mas você pode fazer essa configuração manualmente: basta arrastar e soltar uma linha vazia até a coluna ao lado do texto e alinhá-la para a direita ou para a esquerda.

Por que não consigo alterar o tamanho do texto em dispositivos móveis?

Acontece que a opção de estilização, bem como a opção de largura de página, só existe nas versões para computador e web.

Qual é o tamanho e a proporção ideal para imagens de capa?

As imagens de capa mudam dinamicamente de acordo com a largura da sua janela, por isso não há um tamanho específico que seja considerado o ideal. No entanto, a nossa recomendação é usar imagens que tenham ao menos 1.500 pixels de largura.

Como faço para inserir um emoji in-line junto com o texto 🤔?

É só digitar : e o nome do emoji que você quer usar, como :fogo para 🔥 ou :palmas para 👏

Use o seletor de emojis do computador para incluir emojis in-line em uma página do Notion ou em qualquer outro lugar no seu computador!

Mac: ctrl + cmd + espaço

Windows 10: tecla Windows +. ou tecla Windows +;

Ainda tem dúvidas? Envie uma mensagem ao suporte

Dar feedback

Este recurso foi útil?