Space

Every part of ActiveCampaign’s UI is intentional, including the empty space between elements. Space can create relationships, grouping, and hierarchy. With a spacial scale, we take guesswork out of spacing to help designers deliver consistent and functional layouts.

Spacial scale

The spacial scale is set with 4px as the base.

Page layout

Rems vs. pixels

Unless utilizing a sidebar layout, the default page body padding is space-8.

In Camp, we differentiate between the units used for typography and spacing to ensure an optimal user experience. While typography utilizes rem units to benefit from accessibility features and adapt to user preferences for font sizes, we use pixels (px) for spacing. Pixels for spacing provide important benefits, including consistency and expected layout across devices, and the most accessible experience for our users.