Espaciado

Oxygen tiene dos escalas de espaciados: una para el espaciado general dentro de los componentes y el otro para el espaciado en el layout de la página.


Escala de Espaciado para componentes
(Espaciado C)

Se utiliza para necesidades de espaciado más pequeñas, dentro del contexto de un componente (por ejemplo, el espacio entre una etiqueta y una entrada de texto).

Espaciado componentesPx
Espaciado C014px
Espaciado C028px
Espaciado C0316px
Espaciado C0424px
Espaciado C0532px
Espaciado C0640px
Espaciado C0748px

Escala de Espaciado para layouts
(Espaciado L)

Normalmente se usa para posicionar componentes en una página (es decir, el espacio entre un campo de texto y un selector).

Espaciado componentesPx (M-L)Px (XS-S)
Espaciado L018px8px
Espaciado L0216px16px
Espaciado L0324px24px
Espaciado L0432px32px
Espaciado L0540px32px
Espaciado L0648px40px
Espaciado L0764px40px
Espaciado L0880px40px
Espaciado L0996px64px

Grid

Descubre cómo estructurar contenido en la página.

Los tercios

Descubre cómo aplicar la base conceptual de la renovada identidad visual a los productos.

Recursos

Descarga y accede a todos los materiales que necesitas para trabajar con el sistema de diseño.