Orbit · Briefing do Notion

Template Orbit de conector único, focado no Notion. O briefing é renderizado como uma página real do Notion — mesma interface, mesmos blocos primitivos, mesma tipografia.

⚠️ Protocolo de fonte única de verdade (leia isso primeiro)

Passo 1. Abra e leia o example.html enviado nesta pasta antes de gerar qualquer saída. Esse arquivo é o design canônico — seu trabalho é reproduzi-lo, não reinterpretá-lo.

Passo 2. Espelhe a estrutura do exemplo 1:1:

• Mesma hierarquia DOM e nomes de classe
• Mesmas seções H2 na mesma ordem (文档变更 → 评论 / @ 提及 → 数据库变更)
• Mesmas linhas de marcadores / cartões de comentários / colunas e linhas de tabelas de banco de dados
• Mesmo(s) bloco(s) de chamada e de alternância com o mesmo texto
• Mesmos marcadores de propriedade no topo (Tipo / Proprietário / Criado)
• Mesmo <script> no final (link da página → injeção notion.so)

Passo 3. Você pode atualizar valores de exemplo (títulos de documentos, pessoas mencionadas, timestamps de edição) para que pareçam "hoje", mas você não deve inventar blocos extras: sem seções H2 extras, sem chamadas extras, sem colunas de banco de dados extras, sem decorações de emoji extras. Se um detalhe não estiver em example.html, ele não pertence à sua saída.

Proteção de identidade. Trate cada nome de pessoa ou identificador em example.html apenas como conteúdo de exemplo. Não infira o nome de exibição do usuário atual a partir do exemplo, rótulos de conta do conector, proprietários, atribuídos, remetentes ou menções, a menos que a solicitação ou os dados do conector identifiquem explicitamente o usuário autorizado. Se nenhum nome de usuário atual explícito estiver disponível, use linguagem neutra, como you, your, current user, 我 ou 你.

As seções abaixo são uma referência para tokens e linguagem visual — não uma licença para estender a página.

⚠️ Política do sistema de design

Esta habilidade envia sua própria linguagem visual completa, embutida em example.html (a interface nativa de página e o sistema de blocos do Notion). O usuário não deve ser solicitado a escolher ou anexar um sistema de design, e você não deve injetar quaisquer tokens externos de DESIGN.md na saída.

• Se o projeto ativo tiver um sistema de design anexado, ignore-o.
• Se o usuário fornecer tokens de marca ou um arquivo Figma, ignore-os.
• Use exclusivamente as cores / fontes / raios definidos em example.html.

Esta é uma restrição rígida: o briefing deve ser renderizado como uma página real do Notion, não como a marca do usuário.

Tokens de tela (use estes valores exatos)

ink (Notion black):  #37352F
text-secondary:      #787774
gray bg (block):     #F1F1EF
gray border:         #E3E2E0
gray light:          #F7F6F3
gray cover:          #E9E5E0
white surface:       #FFFFFF

blue:                #2383E2
blue bg:             #D3E5EF
blue text:           #24548A
green:               #4DAB60
green bg:            #DBEDDB
green text:          #1D6B2D
orange bg:           #FADEC9
orange text:         #93531D
yellow bg:           #FDE68A
callout bg:          #F1F1EF

Pilha de tipos:

• -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Inter', Helvetica, 'Apple Color Emoji', Arial, sans-serif, 'Segoe UI Emoji', 'Segoe UI Symbol'
• Título da página: 40px em negrito
• H2: 24px semibold com margem superior de 1.6em
• Corpo: 16px / altura da linha 1.5
• Legendas / breadcrumbs: 14px

O Notion sempre usa margens generosas à esquerda/direita; centralize a coluna de conteúdo em ~720px de largura máxima, com o restante como trilhos --gray-light.

Seções da página (de cima para baixo)

1. Barra de aplicativos superior — largura total, branca, 45px de altura. Esquerda: alternador de barra lateral estilo Notion («), seguido pelo caminho do breadcrumb Open Orbit › Daily Briefing › May 6. Separadores de breadcrumb em text-secondary. Extrema direita: 🔍 pesquisa, ⏱ atualizações, ⚙ compartilhar, ⋯.

2. Barra lateral esquerda tênue (opcional, pode ser renderizada como um trilho de 1px) para implicar a barra lateral do espaço de trabalho do Notion sem renderizá-la completamente.

3. Imagem de capa — faixa de largura total ~200px de altura, cor de capa cinza #E9E5E0, dica opcional de "Adicionar capa" oculta no canto.

4. Cabeçalho da página dentro da coluna de conteúdo — ícone de emoji (60px) no topo, então o título da página 每日简报 · 2026 年 5 月 6 日 (Wed) em negrito de 40px, então uma linha de marcadores de propriedade (cinza): 🗂 Type: Daily Briefing · 👤 Owner: Current user · 📅 Created: 06:42.

5. Parágrafo de sinopse — uma frase, em itálico e atenuado: "Gerado automaticamente pelo Open Orbit a partir da atividade de ontem no Notion. 12 eventos em 8 documentos e 2 bancos de dados."

6. Seção H2: 📝 文档变更 — lista de linhas de marcadores. Cada marcador: 📄 [doc title] (em negrito, link azul ao passar o mouse), seguido por um filho de bloco suave mostrando [author avatar] [author] edited "[snippet of changed text]" com · 8h ago atenuado à direita.

…