Notion-style Workspace
Espaço de trabalho estilo Notion
Um Workspace no estilo Notion usa um visual de documento bem calmo. Ele gosta de textos fáceis de ler, blocos de conteúdo, controles discretos e espaço aberto.
Outro exemplo
Um caderno de pesquisas deixa os títulos e o texto em destaque. As ações do bloco aparecem ao passar o mouse ou focar com o teclado, com linhas divisórias bem discretas.
Partes principais
- 01Content surface
- 02Distinct visual treatment
- 03Action and readability check
Use-o quando
Use-o para escrever, adquirir conhecimento, planejar ou criar conteúdo estruturado quando for importante editar com calma e ler rapidamente.
Não o use quando
Não copie ícones ou layouts de outro produto, esconda controles apenas ao passar o mouse, ou force todos os aplicativos em um documento.
Nome usado no código
content-first column + block rhythm + quiet chrome Antes de lançar
Check content order, shared design values, component consistency, contrast, zoom, and layout changes by screen size. Verify every theme, language, and state. If there is motion, offer an equal reduced-motion experience.
Outcome: Complete the task with Espaço de trabalho estilo Notion (Notion-style Workspace). User context: Um caderno de pesquisas deixa os títulos e o texto em destaque. As ações do bloco aparecem ao passar o mouse ou focar com o teclado, com linhas divisórias bem discretas. Design concept to apply: Espaço de trabalho estilo Notion (Notion-style Workspace). Why it fits: Use-o para escrever, adquirir conhecimento, planejar ou criar conteúdo estruturado quando for importante editar com calma e ler rapidamente. Do not use it when: Não copie ícones ou layouts de outro produto, esconda controles apenas ao passar o mouse, ou force todos os aplicativos em um documento. Design requirements: Set the content order, shared design values, and reusable components. Define how the layout changes by screen size and state. Keep useful design choices separate from decoration. Inclusion and resilience: Check contrast, zoom, languages, themes, and reduced motion when needed. Do not use color or effects as the only way to show meaning. Acceptance criteria: The design stays clear on phones and desktops, at zoom, in every theme, and in all supported languages. Interactive states stay clear and consistent. Evidence and limits (evidence boundary): Isto não é um padrão normativo. Seu nome, limites e comportamento esperado podem mudar de uma fonte para outra. Unknowns to confirm: Brand limits, amount of content, supported themes and languages, target devices, and design-system rules.
Conferir este pedido
Review how Espaço de trabalho estilo Notion (Notion-style Workspace) is used now. Definition: Um Workspace no estilo Notion usa um visual de documento bem calmo. Ele gosta de textos fáceis de ler, blocos de conteúdo, controles discretos e espaço aberto. Release checks: Check content order, shared design values, component consistency, contrast, zoom, and layout changes by screen size. Verify every theme, language, and state. If there is motion, offer an equal reduced-motion experience. Before changing code, list the evidence, gaps, severity, and the smallest safe fix.