Skip to main content

Foundations

The decisions every Forge interface is built on. Color, type, space, and the rules that keep them consistent across Jack Henry products.

Accessibility
Components ship WCAG 2.2 AA conformant. These guidelines keep them that way on a page.
Borders
Lines that define and separate. Weights, radii, and when a border beats elevation.
Breakpoints
Four widths that decide when a layout changes, and the tokens that name them.
Colors
Primitives, semantic roles, and the contrast rules that hold in both light and dark.
Design tokens
The named values behind every color, size, and style, and how themes swap them.
Dimensions
Spacing, sizing, and breakpoints that keep layouts consistent on every screen.
Elevation
How surfaces stack. Layers, shadows, and what each level means.
Focus
The focus ring. How it looks, where it sits, and why it never gets removed.
Icon library
Every Forge icon, how they're named, and when to use a platform icon instead.
Typography
The type scale, Figtree and JetBrains Mono, and how text carries hierarchy.
Breakpoints
Four widths that decide when a layout changes, and the tokens that name them.

Content

How Forge sounds and how we write it.