Theming

Customise the appearance of your Aire Innovate products by updating logos, background images, and application colour palettes.

The Theming page is divided into two tabs: Images and Colours.

Images

Update the primary branding assets used throughout the application.

Actions available:

• Upload — Add a new image if none exists
• Replace — Swap the current image with a new file
• Remove — Clear the current image and revert to the default branding

Supported formats

PNG, JPEG, and WebP.

Primary Logo

Upload or replace the logo displayed in AireFrame.

The recommended logo size is dependent on your layout, but high-resolution files are preferred for crisp rendering.

Login Background Image

Customise the image shown behind the login form.

This is optional and can be used for:

• Organisational branding
• Hospital or trust imagery
• Campaign or seasonal backgrounds

The preview area shows whether an image is currently set.

Colours

Control the look and feel of AireFrame by selecting from preset themes or creating your own colour set.

Preset Themes

Choose from predefined, professionally-designed themes:

• AireFrame Theme — Default colours for Aire Innovate
• NHS Styled Theme — Based on NHS design standards
• GDS Styled Theme — Inspired by UK Government Design System colours

Each theme preview shows examples of headings, text, components, and accents so you know exactly what the palette will look like.

Selecting a preset will automatically apply the associated colour values.

Customise Theme

For full control, manually configure your colour palette:

• Primary — The dominant interface colour (titles, buttons, highlights, links)
• Secondary — Supporting accents
• Background — Page background colour