Customise loading screen in Creatio 8

Interesting question :)

Hello,

There is no such possibility for now but we've registered it in our R&D team backlog for consideration and implementation in future application releases. 

Thank you for helping us to improve our product

+1 from me!

I would love the ability to customize this - at least to add our own background color and logo. Making the system seem/feel like *theirs* can play a big part in system adoption.

Ryan

Ryan Farley,

especialy for Portal users

This is an old post, but wanted to bump up it's relevance. This creates some confusion for our clients when the login screen and logo in the shell are one brand and the loading/splash screen is another.  Great opportunity for an enhancement here. 

Hi All,

In Creatio 8 there is no option in Setup → Appearance to customize the loading screen, and as of now there is no official UI-supported way to do it.

However, it is possible to fully customize the loading screen by modifying the Shell HTML that Creatio loads before the Angular (Freedom UI) application is initialized. This is a practical workaround we have implemented successfully.

How the loading screen works in Creatio 8
The initial loading screen (logo, background, animation, mountains, progress bar) is rendered from the Shell HTML, not from any Freedom UI schema. This file is loaded before Angular bootstraps, so it is responsible for everything you see during the initial load.

Where to modify
On on-premise installations, the file is located under:
Terrasoft.WebApp/Shell/

Depending on the build, this may be index.html or a hashed shell file. This file contains:

• The loading container with id "loading-animation"
• Inline CSS that defines the background gradient
• The logo image (id "logo-image")
• Decorative elements such as mountains
• The progress/loading bar

What can be customized
By editing this file using plain HTML and CSS (no JavaScript changes), you can:

• Replace the default background with your company branding (gradient or solid color)
• Resize or replace the logo
• Add subtle logo animations (pulse, fade, float)
• Remove the default progress bar
• Remove or replace the decorative mountains image

Example background customization (as plain text):
#loading-animation.default-color {
--crt-loading-page-background-123: linear-gradient(123deg, #062F24 0%, #0A3E2F 31%, #0F4D3A 54%, #0C4333 75%, #05281F 100%);
}

Example hiding default elements (as plain text):
#progress-animation-container { display: none; }
.mountains-image { display: none; }

Logo resizing is controlled via CSS variables:
--crt-loading-page-logo-image-width
--crt-loading-page-logo-image-height

Important notes
• This is not officially supported via Setup
• Changes may be overwritten during Creatio upgrades and should be re-applied after updates
• Best suited for on-premise deployments
• Cloud environments may restrict access to the Shell files
• No core platform logic is affected — this is purely presentation-level customization

Hope this helps — this approach works in practice and has been tested.

Bumping +1

Also want to add that it would be beautiful to have ability to configure loading screen, logos nd system colors for internal and portal users separately

Wanted to mention one thing, in Creatio 8.3.3 there is an option to turn off the Creatio logo on the loading screen. It will still be the purple, but the logo will be gone and instead shows a small loading bar in its place. 

It's something, but still not ideal. Ideal would be for us to change the colors and put our own logo there, but this is at least a start. Hopefully we'll see more changes coming to this in future versions and this is only the first step.

Ryan