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

Content

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

Start with Grammar and Style

Visual language

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

Start with Color

Components

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

Start with Avatars

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

Jack Henry Developer Docs

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

Head to JackHenry.dev