How we look

Our visual identity

The visual elements of our brand can be a person's first touchpoint with MidChains. Using them consistently and to their fullest shows people who we are and helps to build recognition.

Overview

MidChains transforms complexity into clarity and our visual identity represents the frictionless nature that sits at the core of who we are.

MidChains brand in use
MidChains brand in useMidChains brand in use
MidChains brand in use

Brand colours

With clarity at the core of who we are, we keep things simple with our brand colours. We own green, black, white and suite of greys - helping us stand out online and in print.

MidChains brand colours in use
MidChains brand colours in use
MidChains brand colours in use
MidChains brand colours in use

Primary palette

MidChains green
White
Off black

Secondary palette

MidChains light green
MidChains dark green
Pure black

Greys

Neutral Lightest
Neutral Lighter
Neutral Light
Neutral
Neutral Dark
Neutral Darker

Gradients

Green to Neutral Lightest
Dark green to Green
Dark green to Light green

Typography

Our typography is frictionless. It offers clarity for complex information and boldness for hero messaging. Our typographic system is made up of one typeface which supports clear communication and offers freedom of use.

MidChains typography in use
MidChains typography in use
MidChains typography in use
MidChains typography in use

Our typefaces

We use just one typeface in three weights for our brand communications. GT Standard Medium is our headline typeface, while GT Standard Light and Regular are our body copy fonts.

GT Standard L Medium
AaBbCc123
GT Standard L Regular
AaBbCc123
GT Standard L Light
AaBbCc123

Typographic hierarchy

Follow the guidance shown below to ensure that we flex our typeface to maintain clear hierarchy in our communications.

Eyebrow
Typeface: GT Standard L Regular in uppercase
Leading: 100%
Tracking: 16%
Headlines
Typeface: GT Standard L Medium in sentence case
Leading: 90 - 115%
Tracking: 0%
Highlight copy
Typeface: GT Standard L Regular in sentence case
Leading: 130% - 140%
Tracking: 0%
Body copy
Typeface: GT Standard L Light in sentence case
Leading: 130% - 140%
Tracking: 0%
CTAs
Typeface: GT Standard L Regular in sentence case
Leading: 100%
Tracking: 0%
HOW WE LOOK

For headlines we use GT Standard L Medium

For highlight copy we use GT Standard L Regular. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna.

For body copy we use GT Standard L Light. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.

Example CTA

Type settings

To keep all copy consistent with the MidChains' brand, follow the guidance below.

Examples
Apply these guidelines for tracking and leading.
This is a good headline
Headlines
Typeface: GT Standard L Medium in sentence case
Leading: 90 - 115%
Tracking: 0%

In use

Like us, our typography is confident and should be used proudly, without too much fuss.

MidChains typography example
MidChains typography example
MidChains typography example
MidChains typography example

Visual assets

Our visual assets are broad and versatile to work across all aspects of the MidChains brand.

MidChains visual assets
MidChains visual assets
MidChains visual assets
MidChains visual assets

Photographic style

Our photographic style features cool tones and natural lighting.

Headshots
Our portrait style is light and simple. It should feature neutral, plain backgrounds and natural lighting.
Headshot example
Headshot example
Headshot example
Cityscapes & architecture
Cityscapes and architecture should feature cool tones, natural lighting and be used as interesting, sculptural crops.
Cityscape and architecture example
Cityscape and architecture example
Cityscape and architecture example

3D assets

A core aspect of the MidChains brand is making the intangible, tangible. To support this we have a range of bespoke 3D assets.

Our hero asset
Boldly sitting on our landing page is our hero 3D asset which features a range of coins. It works well to use this in instances of introducing the MidChains' brand. It can be used in motion or static and works best when featuring our logo or tagline.
MidChains hero 3D asset of coins
Solution specific assets
We have 3D illustrations that support each of our solutions. They can be used in motion and static.
Corporate Treasury Execution 3D asset
Corporate Treasury Execution
Cross-Border Settlement 3D asset
Cross-Border Settlement
Virtual Accounts 3D asset
Virtual Accounts / Virtual IBANs
Asset Tokenisation 3D asset
Asset Tokenisation
Institutional OTC Execution 3D asset
Institutional OTC Execution
Regulated On/Off Ramps 3D asset
Regulated On/Off Ramps
Hero coins
We also have a range of hero coins that support our hero asset. They are static and can be used to both lead and support.
MidChains hero coin
MidChains hero coin
MidChains hero coin
MidChains hero coin
MidChains hero coin
MidChains hero coin
Hero crops
Our hero crops feature our coins close up. They are static and work best as textures or backgrounds.
Close-up crop of MidChains coins
Close-up crop of MidChains coins
Close-up crop of MidChains coins
Close-up crop of MidChains coins
Close-up crop of MidChains coins
Close-up crop of MidChains coins
Objects
Our objects feature foremost on our blog and in support of thought leadership. They work in place of imagery to communicate topics quickly.
Insights object
Insights
Security object
Security
Wallets object
Wallets

Icons

We have a bespoke suite of icons that support clear navigation.

Examples
Ensure the line weight of our icons always remains consistent, and that they are used on a clear background with space all around.

Isometric illustrations

Similar to our 3D solution icons, we have a suite of isometric solution illustrations. Drawn in key-line with a hint of green.

Solution specific assets
These illustrations are used in instances where navigation leads, such as the website.
Corporate Treasury Execution
Corporate Treasury Execution isometric illustration
Cross-Border Settlement
Cross-Border Settlement isometric illustration
Virtual Accounts / Virtual IBANs
Virtual Accounts isometric illustration
Asset Tokenisation
Asset Tokenisation isometric illustration
Institutional OTC Execution
Institutional OTC Execution isometric illustration
Regulated On/Off Ramps
Regulated On/Off Ramps isometric illustration

UI illustrations

Often used to demonstrate the workflows and product features, our UI illustrations are clean, clear and unmistakably MidChains.

Examples
Clarity of communication is key when using UI illustration. Lead with black and white and support with green and keep a consistent button shape, as shown.
MidChains trade quote UI illustration

Our motion system

Echoing the frictionless nature of the MidChains brand, our motion system is seamless and satisfying. Our motion principles guide range from logo stings that make an impact, to satisfying 3D sequences and reassuring workflows.

MidChains billboard in a subway station
MidChains billboard in a subway station
MidChains billboard in a subway station
MidChains billboard in a subway station

Motion principles

Every animation should feel like an extension of what the brand already says: that moving money, and moving value, should be effortless, secure, and precise. These four principles govern how graphics, 3D and typography behave across the brand.

Frictionless
The overarching principle. Everything moves this way.
Nothing in the MidChains world should ever look like it's being forced, dragged, or rushed. Motion is smooth, continuous, and free of hard edges. Objects accelerate and decelerate the way liquid or light behaves: gently in, gently out. This is the physical expression of the brand promise, that complex financial infrastructure can move as easily as a thought.
Connected
Objects move together, not alone.
Nothing in the MidChains system exists in isolation. Every asset, transaction and market is part of a larger, coordinated network. The motion should visualise this: elements move in relation to one another, echoing each other's timing, direction or rhythm, even when they're not physically touching.
Building
Graphics layer and accumulate to become something bigger.
In keeping with a product built on infrastructure, layers, and compounding trust, motion should show individual pieces assembling into a larger whole. Motion and animation moves like construction: small, precise elements stacking, layering or converging until a complete form or idea emerges.
Transformative
Objects and type change state.
Nothing in the MidChains world simply appears or disappears. Type and graphics transform from one state to another - resolving into focus, dissolving out, morphing from one form to the next. Soft focus is the signature transition: typography and 3D objects arrive by drifting into clarity rather than cutting or sliding on screen, echoing the sense of precision emerging out of complexity.

Icon

The icon motion is to be used in shorter or smaller formats, revealing the mark quickly. This approach should be more simple.

Icon in/out
Quick reveal
Icon ambient
Slower and more playful
Icon transition
A link between or a change across content

Typography

Motion typography comes with pre-made text animations. Choose what to use based on the message, format, duration, and context. Always keep simplicity front of mind.

Simple rise
A satisfying delivery of key to medium length messaging.
Zoom
An engaging delivery of key messaging only.

Special

There is a selection of special motion styles that keep our communication fresh.

Moving backgrounds

Always with a focus of simplicity, our motion backgrounds can add interest without detracting from the key focus.

3D objects
Satisfying transitional movements with the bespoke 3D objects.
Minimal gradient
Subtle movement of background gradients.

Diagrammatic motion

MidChains make things simple, and we communicate this with our calm and clean diagrammatic motion.

3D motion

Our bespoke 3Ds are an integral part of the MidChains brand. They reinforce the idea of intangible, tangible. They exist as statics and also in motion - creating soothing and satisfying sequences.

3D solutions
We communicate MidChains' solutions in both keyline isometric illustrations and 3D iterations. They articulate key aspects of the business and can be used as supporting visuals or hero sequences.