Caution: The Jack Henry design system is currently in an alpha state. Designs, code, and documentation may change at any time without warning. The system is presented for testing purposes only.

Space

Global

Token Value Example
--jh-space-50
Space 50
2px
--jh-space-100
Space 100
4px
--jh-space-200
Space 200
8px
--jh-space-300
Space 300
12px
--jh-space-400
Space 400
16px
--jh-space-500
Space 500
20px
--jh-space-600
Space 600
24px
--jh-space-700
Space 700
28px
--jh-space-800
Space 800
32px
--jh-space-900
Space 900
36px
--jh-space-1000
Space 1000
40px
--jh-space-1100
Space 1100
44px
--jh-space-1200
Space 1200
48px
--jh-space-1300
Space 1300
52px
--jh-space-1400
Space 1400
56px
--jh-space-1500
Space 1500
60px
--jh-space-1600
Space 1600
64px
--jh-space-1700
Space 1700
68px
--jh-space-1800
Space 1800
72px
--jh-space-1900
Space 1900
76px
--jh-space-2000
Space 2000
80px
--jh-space-2100
Space 2100
84px
--jh-space-2200
Space 2200
88px
--jh-space-2300
Space 2300
92px
--jh-space-2400
Space 2400
96px