Foundations

Our foundations create a consistent grounding for all of our interfaces. These guidelines ensure a consistent experience across Jack Henry products.

Forge components are built and tested against WCAG 2.2 levels A and AA, but a conformant component can still be assembled into an inconformant page.

Borders define and separate content visually. They can be used alone or in combination with elevation.

Color and contrast are used to convey information, highlight content, and communicate intent.

Dimensions create consistent layouts regardless of platform or screen size.

Elevation can be used to offset and draw attention to content or indicate interactivity.

A focus indicator helps users know which element on the page currently has keyboard focus.

Icons can be used to support and enhance meaning and can help call out information.

Typography relates to the style and appearance of textual information.

The foundation of how we sound and what we say.

Rules that keep content correct and consistent.

Best practices for clear, helpful product text.

Additional foundation guidelines