Amor Spacing Scale

Spacing & Rhythm

Spacing isn’t decoration—it’s foundation. Amor’s system applied a modular scale to bring consistency, clarity, and rhythm to every layout. From tight 2px nudges to bold 224px blocks, each spacing token was built to repeat and be responsive.

Amor Spacing Scale Hero
Amor Spacing Scale Hero
Amor Spacing Scale Hero

Amor’s spacing scale used an additive sequence of: 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.

Amor Spacing Scale 1
Amor Spacing Scale 1
Amor Spacing Scale 1
Amor Spacing Scale 2
Amor Spacing Scale 2
Amor Spacing Scale 2

The system 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.

The system 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.

The system 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.

Client

Signet Jewelers

Contribution

System Architecture UI Patterns Visual Rhythm Accessibility

Framework

Figma Amor Design System Modular Scale Spacing Tokens

Results

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

Supporting Features