Jack Henry Design

Create exceptional
banking experiences

Jack Henry Design is a set of visual guidelines for creating stunning products used within the Jack Henry Digital ecosystem. This is a living style guide for design patterns and instructions for creating high quality, performant, and visually striking apps.

Use these guidelines when creating a product that is within or adjacent to Banno, Geezeo, Treasury Management, and OpenAnywhere for the community banks and credit unions we serve.

Get started

Style

Learn how to apply color themes, iconography, typography, and voice to your creations.

Start with Color

Layout

Find out how we approach navigation, grids, spacing, and arranging elements.

Start with Grids

Components

Components are the building blocks – large and small – of your applications. Cards, buttons, lists, oh my.

Start with Avatars

Patterns

Learn about how to consistently reference dates, currency, and other common information.

Start with Dates

Guides for designers and developers

Sketch library Coming soon

Accelerate your pace of delivery by plugging in our Sketch component library to your design process. Use the same components we use to design our products to get a perfectly consistent experience. No more seams, banking industry.

Example gallery

See for yourself how components can be assembled together to create beautiful and intuitive interfaces. It doesn’t matter much if your app is for consumers, commercial businesses, or community bank call center employees – our components and layout options can be assembled to create an amazing experience for any user.

Explore examples

Icon library

We roll our own icons to create a unique look for our products and to communicate a clear message.

View iconography

Web components Coming late 2020

Use the same code we use in our production apps with modular web components, built with LitElement. Worried about browser support and accessibility? Our components work in every major browser, including IE 11 and come with accessibility considerations out of the box.

Jack Henry Developer Docs

Build more using open APIs from Jack Henry, like Banno, Geezeo, jXchange, and more.

Head to JackHenry.dev