Ray brings horizontal rhythm through its clean and easy grid system and combinations of soft & hard 8pt components. Vertical rhythm is naturally assisted by these components, but requires additional guides to maintain scroll flow.
Most common building blocks
6rem
96px
96px
4rem
64px
64px
2rem
32px
32px
1rem
16px
16px
0.5rem
8px
8px
Less common building blocks
3rem
48px
48px
1.5rem
24px
24px
0.25rem
4px
4px
Least common building blocks
2.5rem
40px
40px
1.25rem
20px
20px
0.75rem
12px
12px