Notion-style Workspace
Espace de travail style Notion
Un Workspace de style Notion utilise un look de document calme. Il privilégie du texte lisible, des blocs de contenu, des contrôles discrets et de l'espace ouvert.
Un autre exemple
Un carnet de recherche garde les titres et le texte bien visibles. Les actions de bloc apparaissent au survol et au focus du clavier, avec des séparateurs discrets.
Parties principales
- 01Content surface
- 02Distinct visual treatment
- 03Action and readability check
Utilisez-le lorsque
Utilisez-le pour l'écriture, la connaissance, la planification ou le contenu structuré lorsque l'édition calme et la lecture rapide sont importantes.
Ne l'utilisez pas lorsque
Ne copiez pas les icônes ou mises en page d'un autre produit, ne cachez pas les contrôles uniquement au survol, et ne forcez pas chaque application dans un document.
Nom utilisé dans le code
content-first column + block rhythm + quiet chrome Avant d'expédier
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 Espace de travail style Notion (Notion-style Workspace). User context: Un carnet de recherche garde les titres et le texte bien visibles. Les actions de bloc apparaissent au survol et au focus du clavier, avec des séparateurs discrets. Design concept to apply: Espace de travail style Notion (Notion-style Workspace). Why it fits: Utilisez-le pour l'écriture, la connaissance, la planification ou le contenu structuré lorsque l'édition calme et la lecture rapide sont importantes. Do not use it when: Ne copiez pas les icônes ou mises en page d'un autre produit, ne cachez pas les contrôles uniquement au survol, et ne forcez pas chaque application dans un document. 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): Ce n'est pas une norme normative. Son nom, ses limites et son comportement attendu peuvent varier d'une source à l'autre. Unknowns to confirm: Brand limits, amount of content, supported themes and languages, target devices, and design-system rules.
Vérifiez cette demande
Review how Espace de travail style Notion (Notion-style Workspace) is used now. Definition: Un Workspace de style Notion utilise un look de document calme. Il privilégie du texte lisible, des blocs de contenu, des contrôles discrets et de l'espace ouvert. 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.