Skip to content

Visual language / Grids


A 12-column grid is made available to easily create multi-column layouts and sub-layouts. Grid columns are spaced 16 pixels apart by default, which is the same as the bottom margin of cards.

You can nest grid elements because the widths are percentages of their available space.


The grid’s spacing can be halved by using a tight grid.

No gutter

Remove spacing between columns altogether by using a grid with no gutter.

© 2020 Jack Henry & Associates, Inc. Trademark notice
Version 2.0.0-beta.5.1. Last updated December 16, 2020.