Temas

Markdown para LLMs (em inglês)llms.txt

O tema define a aparência básica da apresentação: cores, fontes, tamanhos dos títulos e margens. Você escolhe um tema pronto e ajusta o que quiser com definições no início do texto.

Escolhendo um tema

Use @theme no início do documento, antes do primeiro slide. Sem @theme, a apresentação usa o tema paper.

@theme editorial

O Folio tem três temas prontos.

paper

Fundo creme, títulos marcantes em Archivo Black, texto em Barlow e destaque coral. É o tema padrão.

@theme paper

Relatório anual {.kicker}
# Resultados de 2026
Receita, clientes e próximos passos. {.lead}

ink

Fundo escuro, tipografia Inter em todos os textos e destaque âmbar. Bom para auditórios e telas grandes.

@theme ink

Relatório anual {.kicker}
# Resultados de 2026
Receita, clientes e próximos passos. {.lead}

editorial

Fundo claro e quente, títulos com serifa em Fraunces, texto em Source Sans 3, destaque vermelho escuro e margens mais generosas.

@theme editorial

Relatório anual {.kicker}
# Resultados de 2026
Receita, clientes e próximos passos. {.lead}

A lista completa de cores e fontes de cada tema está em Referência de temas.

Cores

@color nome valor cria uma cor nova ou substitui uma cor do tema. O valor pode ser um hexadecimal, outra cor do tema ou uma cor com opacidade, como coral/80:

@theme ink
@color accent #4fd1c5
@color marca #7c5cd6

Novo produto {.kicker}
# Painel de vendas {color=accent}
Lançamento previsto para o segundo semestre. {.marca}

Substituir accent muda todos os lugares que usam a cor de destaque, como o estilo .kicker. Uma cor nova, como marca, pode ser usada em qualquer atributo de cor (color=marca, bg=marca/20) e também como estilo ({.marca}).

Nomes de cor usam letras minúsculas, números e hífens.

Fontes

@font nome "Família" pesos declara uma fonte do Google Fonts. Escreva o nome da família entre aspas e, depois, os pesos que você vai usar, de 100 a 900:

@font titulo "Bebas Neue" 400
@font body "Inter" 400 700

# Plano de expansão {font=titulo size=5xl}
Três mercados novos até o fim do ano.

Uma fonte nova, como titulo, é aplicada com font=titulo. Usar um nome que já existe substitui a fonte do tema:

Nome	Onde é usada
`body`	Texto comum e títulos menores
`display`	Títulos principais e os estilos `.display` e `.huge`
`mono`	Código

Tema do projeto

O tema do projeto reúne definições que valem para todas as apresentações de um projeto. É o lugar certo para a identidade visual de uma empresa, de um curso ou de um cliente.

Para editá-lo, passe o mouse sobre o projeto na barra lateral e clique no ícone de paleta, Tema do projeto. O editor mostra a Prévia com o tema, e as mudanças são salvas automaticamente.

@theme editorial
@color marca #1e83d6
@font titulo "Bebas Neue" 400
@style rotulo {size=sm weight=bold uppercase tracking=0.14 color=marca}

Regras do tema do projeto:

Ele só pode ter definições: @theme, @color, @font, @style e @component. Slides no tema do projeto são um erro.
@title e @author são ignorados ali, porque pertencem a cada apresentação. O editor mostra um aviso.
Cada apresentação pode sobrescrever o que quiser: o próprio @theme, uma cor, uma fonte, um estilo ou um componente com o mesmo nome.
Erros no tema do projeto aparecem apenas no editor do tema, nunca nas apresentações.

Próximos passos

Estilos: use as cores e fontes do tema nos seus slides.
Componentes: coloque componentes no tema do projeto para reutilizá-los em todas as apresentações.
Referência de temas: todas as cores, fontes e tamanhos de cada tema.