Spacing
Espaciado
El espaciado es espacio vacío colocado intencionalmente. Agrupa elementos relacionados, separa ideas y da ritmo a la página.
Otro ejemplo
Una etiqueta va cerca de su campo. Un espacio más grande separa una sección del formulario de la siguiente.
Partes principales
- 01Outer constraint
- 02Content and spacing model
- 03Computed size or reflow result
Úsalo cuando
Usa el espacio para mostrar qué elementos pertenecen juntos antes de agregar bordes o cuadros.
No lo uses cuando
Nunca des a cada elemento el mismo espacio. Los espacios iguales hacen que los elementos parezcan igualmente relacionados.
Nombre usado en código
spacing tokens 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 Espaciado (Spacing). User context: Una etiqueta va cerca de su campo. Un espacio más grande separa una sección del formulario de la siguiente. Design concept to apply: Espaciado (Spacing). Why it fits: Usa el espacio para mostrar qué elementos pertenecen juntos antes de agregar bordes o cuadros. Do not use it when: Nunca des a cada elemento el mismo espacio. Los espacios iguales hacen que los elementos parezcan igualmente relacionados. 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): Ningún estándar oficial único controla todo el término. Su significado puede cambiar según equipos, plataformas o marcos. Unknowns to confirm: Brand limits, amount of content, supported themes and languages, target devices, and design-system rules.
Revisa esta petición
Review how Espaciado (Spacing) is used now. Definition: El espaciado es espacio vacío colocado intencionalmente. Agrupa elementos relacionados, separa ideas y da ritmo a la página. 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.