Banno Digital Toolkit

Authentication Framework

Protect user data with OAuth 2.0 and OpenID Connect—both industry standards.

Consumer API

Build your own apps and services faster using the same API that Banno uses.

Plugin Framework

Extend the functionality of the Banno Digital Platform by building plugins.
JACK HENRY ENTERPRISE

jXchange Developer Portal

Translate business information between Jack Henry and third-party software products.
Banno Digital Toolkit

Design Guidelines

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

Sketch Library

Manage a beautiful website without knowing how to code.

Help launcher

Help launchers are small buttons typically aligned in the lower right corner of the browser's viewport that provide a link to help or documentation about the current product.

Structure

Elements

  1. Container
  2. Icon

Style

Style specifications are available to inspect via Abstract. The following link will take you to their web-based interface.

Inspect component

Theming

The following table lists the theme properties used to style this component and any variations as well as a sample value.

A full list of properties used within the design system—as well as general usage guidelines—is available on the Theme properties page.

Examples of each theme property may be referenced by clicking a property name in the “property” column.

Sample Property Sample value
bodyTextThemeColor

Themed text that matches the institution's branding; matches the link button text colors, but lacks the button's various interactive state properties

 #2A73A8FF
linkButtonFocusedColor

Background focused states

 #2A73A81A
linkButtonPressedColor

Background pressed states

 #2A73A833