Skip to content
FILIPPO MANTINI← Back to work
FM—004 / AXION CONTROLLERS2025—2026 / IDENTITY & DIGITAL

AXION
CONTROLLERS

For Axion Controllers I worked on the website, visual identity, all photography and image editing. The work also includes Instagram publications and Twitch graphics for players.

Role
Web design / Visual identity / Photography
Scope
E-commerce / Photo editing / Instagram / Twitch
Project
Axion Controllers
Axion campaign with controllers on a blue set
Campaign image / Axion archive
01 / BRAND IDENTITY

AN IDENTITY
FOR CONTROL.

Axion builds custom controllers. The identity needs to identify the brand on a small product and guide technical choices online: the logo, hierarchy, colour and imagery work together.

Axion — original symbolAxion — original wordmark
02 / LOGO SYSTEM

READING
THE STRUCTURE OF THE MARK.

The symbol combines four diagonal arms and four directional elements around an open centre. It evokes intersecting axes and controller inputs. The boards isolate parts of the original vector artwork to show how they come together.

Four diagonal arms of the Axion symbol

01 / Diagonal structure

Four directional elements of the Axion symbol

02 / Four directions

Complete Axion symbol

03 / The complete mark

xx = W / 8

Space, contrast, reduction.

The proposed usage rule reserves at least one module x around the mark, where x is one eighth of the symbol width. The mark retains the same construction in positive and reversed monochrome versions.

Axion / 64pxAxion / 40pxAxion / 24px

Reduction study / 64, 40, 24 px

03 / VISUAL LANGUAGE

COLOUR
AS A SIGNAL.

Deep navy supports the imagery and interface; lime identifies actions and selections, while off-white keeps text and data readable. On the website, the Inter sans-serif family organises headings, descriptions and technical information.

DEEP NAVY#050B13
Background / structure
AXION LIME#D8FF3E
Action / selection
OFF WHITE#F8F8F3
Text / contrast

TAKE OVER.
TAKE CONTROL.
TAKE AXION.

04 / DIGITAL EXPERIENCE

STRUCTURE, IMAGES,
NAVIGATION.

I worked on the website as the meeting point of visual identity, photography and product information. The work covers page structure, content hierarchy and the adaptation of materials to digital formats.

Original Axion Controllers website homepage
Live website / desktop capture

Content hierarchy

Headings, descriptions and images create different reading levels, from an overview to product details.

Photography and interface

I integrated the photographs and their editing into the website, keeping framing, backgrounds and the identity palette consistent.

05 / PRODUCT IMAGE

FORM, GRIP,
DETAIL.

I shot all the product photography and handled selection, editing and the final image treatment. General views show the controller, while close-ups document the grip, rear inputs, triggers and finishes.

Black Axion controller — front view
01 / FRONT
Black Axion controller — rear view
02 / BACK
Axion rear input detail
03 / REAR INPUT
Axion grip texture
04 / GRIP
Axion controller top view
05 / TOP
Axion trigger and bumper detail
06 / TRIGGERS
06 / SOCIAL & CAMPAIGNS

FROM TECHNICAL DETAIL
TO PUBLICATION.

I designed Instagram publications to present models, components and updates. The MH4 campaign uses a sequence of subjects: controller, rear buttons, Smart inputs, sticks and USB-C connectivity. Headlines, colour and product details hold the series together.

Axion Instagram publication — BUILT FOR PERFORMANCE
BUILT FOR PERFORMANCE
Axion Instagram publication — MH4 / PC ONLY
MH4 / PC ONLY
Axion Instagram publication — REAR BUTTONS
REAR BUTTONS
Axion Instagram publication — SMART TRIGGERS & BUMPERS
SMART TRIGGERS & BUMPERS
Axion Instagram publication — TMR / K-SILVER
TMR / K-SILVER
Axion Instagram publication — TYPE-C UPGRADE
TYPE-C UPGRADE
07 / PLAYER & TWITCH

THE BRAND
ON THE PLAYER’S CHANNEL.

Player graphics bring Axion into Twitch channels: a static affiliate visual and an animated banner. New-colour announcements apply the same visual language to the vertical story format.

Axion Player Affiliate artwork for Twitch
TWITCH / PLAYER AFFILIATE
Axion Instagram story announcing new colours
INSTAGRAM / NEW COLOURS

TWITCH / APPLICATION MOCKUP — ORIGINAL BANNER, DEMONSTRATION CHANNEL.

08 / DIGITAL APPLICATIONS

FROM THE CAMPAIGN
TO THE WEBSITE.

Website banners bring the product colour variants into horizontal compositions. Photography and editing keep surfaces and finishes recognisable across formats.

Axion banner with red and blue controllers
WEB / COLOUR RANGE
Axion banner with controllers on a grey background
WEB / PRODUCT RANGE
09 / EXPERIMENTAL LETTERING

LETTERS BUILT
FROM CONTROLLER INPUTS.

Experimental lettering derives the five letters of AXION from controller input shapes. The original composition becomes a display font with a dedicated interactive specimen.

Try the Axion lettering

Five letters derived from controller inputs. The web version preserves the curves, proportions and relationships of the original composition: A, X, I, O, N and space. Lowercase input uses the same uppercase forms.

Loading preview…

PROJECT CREDITS

Website, visual identity and communication
Filippo Mantini
Photography and editing
Filippo Mantini
Instagram and Twitch graphics
Filippo Mantini
Brand
Axion Controllers
Next projectREBUILD YOURSELF ↗