Brand guide

The Federated Banking™ visual identity

One network. Many autonomous institutions. The logo, colours, typography and usage rules, for teams, partners and media (brand book v1.0).

Federated Banking™ horizontal wordmark
Primary horizontal wordmarkThe wordmark in its two-segment rail: crimson for the participating network, platinum for federated infrastructureDownload
Federated Banking™ wordmark on a dark background
On dark surfacesReversed lettering on Midnight Ink; the crimson and platinum rail is unchangedDownload
Federated Banking™ framed logo
Paired masterThe wordmark with the app emblem, for covers and partner pagesDownload
Federated Banking™ framed logo on dark
Paired, on darkFor dark slides, video and social cardsDownload
Single-colour wordmark
Single colourFor one-colour print and engravingDownload
App icon
App and social avatarThe fractal mark in its rail frame, on a white tileDownload

The logo has two parts: the fractal mark, three recursive diamond levels for institution, network and network of networks, and the wordmark "Federated Banking™" in its two-segment rail. Both endpoints are the same crimson; the lettering is crimson and ink, never crimson and platinum. The ™ is a styling marker.

Crimson and ink accents 45%White and porcelain 35%Platinum surfaces 20%

Click a colour to copy its code. Crimson is a brand signature, not a status colour: success, attention and failure have their own colours, each with an icon and a word.

Display · Inter Bold

One network. Many autonomous institutions.

Section heading · Inter SemiBold

Build financial services around your network.

Body · Inter Regular 16 px

Connect financial capabilities, institutions and participants through one flexible operating layer.

Label · Inter Medium 14 px

Capability-First · Provider-Agnostic · Network-Ready · Policy-Governed · Multi-Jurisdiction

Figures · Geist Mono

£24,500.00 GBP · 1,836 of 1,842 matched

Inter is the interface typeface, with Geist Mono for figures and code; both under the SIL Open Font License and self-hosted. The logo's lettering is outlined artwork, never typed.

App icon
App iconThe fractal mark in its rail frameDownload
The fractal mark
Fractal-only markFor diagrams, watermarks and product badgesDownload
Micro iconSimplified geometry below 64 pixelsDownload
Logo clear space½N½N½N½N

Keep clear space around the visible artwork of at least half the outer diameter of the top node (N): no text, image, border or interface element inside it.

  • 240 pxMinimum digital width of the horizontal wordmark
  • 64 pxMinimum app tile; use the micro icon below it
  • 16 pxFavicon: the simplified micro icon only
Correct use
Recolouring the nodes or the rail
Stretching or shearing
Low-resolution or traced copies
Do
  • Keep both endpoints the same crimson.
  • Keep the frame's stroke widths coherent.
  • Use the full fractal only where it is legible.
  • Keep the wordmark's proportions.
  • Use the reversed lettering on dark surfaces.
Don't
  • Recolour the nodes gold or turquoise.
  • Stretch or shear the trademark.
  • Use the full fractal as a favicon.
  • Use the registered symbol (®): the mark is ™.
  • Use crimson as a status colour.

Notifications look the same everywhere: a round node in the status colour, a short title, a one-sentence message, at most two actions and a time rail. Crimson marks the brand only; success, attention and failure carry their own colours, an icon and a word.

FederatedBankingNotify.show({
  type: "warning",
  title: "Provider degraded",
  message: "Payments continue through another connected provider.",
  actions: [{ label: "Open operations", onClick: openOperations }]
});