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