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.
Layout
Find out how we approach navigation, grids, spacing, and arranging elements.
Components
Components are the building blocks – large and small – of your applications. Cards, buttons, lists, oh my.
Patterns
Learn about how to consistently reference dates, currency, and other common information.
Guides for designers and developers
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.
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.
We roll our own icons to create a unique look for our products and to communicate a clear message.
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.
Build more using open APIs from Jack Henry, like Banno, Geezeo, jXchange, and more.