---
title: "Brand guide | Federated Banking™"
description: "The Federated Banking™ brand guide: the logo and its rail, the fractal mark, colours with their codes and usage ratio, Inter typography, clear space, usage rules and notifications."
url: https://federatedbanking.com/brand/
lang: en-GB
source: "Federated Banking"
---

# Brand guide

> The Federated Banking™ brand guide: the logo and its rail, the fractal mark, colours with their codes and usage ratio, Inter typography, clear space, usage rules and notifications.

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).

Logo Colours Typography Icon Clear space and size Usage Notifications

![Federated Banking™ horizontal wordmark](https://federatedbanking.com/brand/logo-horizontal.svg)

**Primary horizontal wordmark** The wordmark in its two-segment rail: crimson for the participating network, platinum for federated infrastructure [Download](https://federatedbanking.com/brand/logo-horizontal.svg)

![Federated Banking™ wordmark on a dark background](https://federatedbanking.com/brand/logo-horizontal-reversed.svg)

**On dark surfaces** Reversed lettering on Midnight Ink; the crimson and platinum rail is unchanged [Download](https://federatedbanking.com/brand/logo-horizontal-reversed.svg)

![Federated Banking™ framed logo](https://federatedbanking.com/brand/logo-framed.svg)

**Paired master** The wordmark with the app emblem, for covers and partner pages [Download](https://federatedbanking.com/brand/logo-framed.svg)

![Federated Banking™ framed logo on dark](https://federatedbanking.com/brand/logo-framed-reversed.svg)

**Paired, on dark** For dark slides, video and social cards [Download](https://federatedbanking.com/brand/logo-framed-reversed.svg)

![Single-colour wordmark](https://federatedbanking.com/brand/logo-horizontal-mono-black.svg)

**Single colour** For one-colour print and engraving [Download](https://federatedbanking.com/brand/logo-horizontal-mono-black.svg)

![App icon](https://federatedbanking.com/brand/app-icon-512.png)

**App and social avatar** The fractal mark in its rail frame, on a white tile [Download](https://federatedbanking.com/brand/app-icon-512.png)

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.

**Federated Crimson** `#AE001F` The signature: the participating network, primary actions, the rail's left segment **Crimson Deep** `#830019` Pressed states and deep accent surfaces **Platinum Graphite** `#A0A0A5` Federated infrastructure: the rail's right segment, providers in a network. Decorative: never small text on white **Midnight Ink** `#131316` Headings, body text and dark surfaces **Canvas White** `#FFFFFF` Cards, documents and product surfaces **Porcelain** `#F6F6F7` The page background

_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](https://federatedbanking.com/brand/app-icon-512.png)

**App icon** The fractal mark in its rail frame [Download](https://federatedbanking.com/brand/app-icon-512.png)

![The fractal mark](https://federatedbanking.com/brand/fractal-mark.svg)

**Fractal-only mark** For diagrams, watermarks and product badges [Download](https://federatedbanking.com/brand/fractal-mark.svg)

**Micro icon** Simplified geometry below 64 pixels [Download](https://federatedbanking.com/brand/app-icon-192.png)

![Logo clear space](https://federatedbanking.com/brand/logo-horizontal.svg) _½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 px** Minimum digital width of the horizontal wordmark
- **64 px** Minimum app tile; use the micro icon below it
- **16 px** Favicon: 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.

Success Info Attention Failed Brand

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