Amor Spacing Scale

Spacing & Rhythm

Spacing isn’t decoration—it’s foundation. The Amor system used a modular scale to bring consistency, clarity, and rhythm to every layout. From tight 2px nudges to bold 224px blocks, each spacing token was designed to be readable, repeatable, and responsive—supporting motion and accessibility.

Partner

Signet Jewelers

My Role

System Architecture UI Patterns Visual Rhythm Accessibility

Built With

Figma Amor Design System Modular Scale Spacing Tokens

Outcome

Established a shared spatial rhythm—enabling faster builds and more consistent experiences.

Spacing 1
Spacing 1
Spacing 1

Amor’s spacing system follows a modular, additive scale: 2 → 4 → 8 → 16 → 24 → 32 → 56 Each token was chosen for legibility and rhythm across viewports—anchoring layouts with spacing that felt intentional at every breakpoint. Designers could build with speed and trust, knowing every increment had a purpose.

Spacing 2
Spacing 2
Spacing 2
Spacing 3
Spacing 3
Spacing 3



Amor’s spacing flexed across cards, modals, and dense content. It adapted to tone, screen size, and complexity—always returning to a shared rhythm. That rhythm cut design debt, sped decisions, and delivered consistency you could feel at every touchpoint.


Amor’s spacing flexed across cards, modals, and dense content. It adapted to tone, screen size, and complexity—always returning to a shared rhythm. That rhythm cut design debt, sped decisions, and delivered consistency you could feel at every touchpoint.


Supporting Features