Notion-style Workspace
Espacio de trabajo estilo Notion
Un Workspace estilo Notion usa un aspecto de documento tranquilo. Favorece el texto legible, los bloques de contenido, controles discretos y espacio abierto.
Otro ejemplo
Un cuaderno de investigación mantiene los títulos y el texto destacados. Las acciones del bloque aparecen al pasar el ratón y al enfocar con el teclado, con divisores sutiles.
Partes principales
- 01Content surface
- 02Distinct visual treatment
- 03Action and readability check
Úsalo cuando
Úselo para escribir, adquirir conocimiento, planificar o contenido estructurado cuando sea importante la edición tranquila y la lectura rápida.
No lo uses cuando
No copies iconos o diseños de otro producto, no escondas controles para que solo aparezcan al pasar el ratón, ni metas cada aplicación en un documento.
Nombre usado en código
content-first column + block rhythm + quiet chrome Antes de lanzarlo
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 Espacio de trabajo estilo Notion (Notion-style Workspace). User context: Un cuaderno de investigación mantiene los títulos y el texto destacados. Las acciones del bloque aparecen al pasar el ratón y al enfocar con el teclado, con divisores sutiles. Design concept to apply: Espacio de trabajo estilo Notion (Notion-style Workspace). Why it fits: Úselo para escribir, adquirir conocimiento, planificar o contenido estructurado cuando sea importante la edición tranquila y la lectura rápida. Do not use it when: No copies iconos o diseños de otro producto, no escondas controles para que solo aparezcan al pasar el ratón, ni metas cada aplicación en un 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): Esto no es un estándar normativo. Su nombre, límites y comportamiento esperado pueden cambiar de una fuente a otra. Unknowns to confirm: Brand limits, amount of content, supported themes and languages, target devices, and design-system rules.
Revisa esta petición
Review how Espacio de trabajo estilo Notion (Notion-style Workspace) is used now. Definition: Un Workspace estilo Notion usa un aspecto de documento tranquilo. Favorece el texto legible, los bloques de contenido, controles discretos y espacio abierto. 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.