Saltar al contenido

Espaciado

Beta

La escala de spacing de FDS, visualizada e interactiva.

El espaciado de Polen es una escala nombrada, no números mágicos: xs a 2xl son los tokens oficiales de FDS (los que usan los componentes como Button); 3xl en adelante extienden la escala para layout y están pendientes de aprobación.

Escala

Cada barra es proporcional al valor real del token. Seleccioná uno para verlo aplicado como separación en vivo.

gap en vivospacing-md · 8px

Elegí un token de la escala para verlo aplicado como separación real.

Reglas de uso

  • Dentro de un componente: usá los tokens chicos (xs2xl) — son los valores con los que se diseñaron los componentes en Figma.
  • Entre componentes y secciones: escala extendida (3xl+).
  • Si necesitás un valor que no existe, no lo hardcodees: es una conversación con diseño para extender la escala.