White-Label Branding

Your identity, throughout the working system.

The Branding Engine controls the visual language customers and employees use every day: colors, type, buttons, forms, navigation, data surfaces and interaction states. Build a recognizable experience across the service storefront, accounts and operational portals.

Order Now
THE BRANDING ENGINE

Choose any colour for your brand.

Apply your primary brand colour across the order flow and login page, on desktop and mobile.

Order flowDesktop + mobile
Login pageDesktop + mobile
A consistent foundation

Define how the system looks and communicates.

Brand settings shape both identity and understanding. Establish the colors and typography that make a primary action recognizable, a warning distinguishable and the information on a busy page easy to read.

The same foundation applies to the customer purchasing a service and the office managing the work behind it.

Brand and semantic colors
Configure primary and secondary colors alongside success, warning, error and information colors. Give important states a defined place in the visual language.
Surfaces and contrast
Control backgrounds, surfaces, text and borders. Review how those choices separate working areas and preserve readable information in context.
Typography and hierarchy
Set the application font family and relevant text sizes, weights and presentation. Build a clear relationship between headings, body copy and interface labels throughout the system.

Core colors

Choose the small set of colors that anchors the whole brand.

Main actions, links and highlights.
Supporting actions and visual accents.
Special highlights that need attention.
The login background; order flow stays unchanged.
The base color for cards and panels.
The primary readable text color.

Message colors

Completed and positive messages.
Items that need attention.
Problems and destructive actions.
Helpful notices and guidance.

Text and readability

Choose an everyday font and comfortable reading measurements.

Shape and comfort

Pick a consistent everyday feel without changing exact Advanced overrides.

Corner style

Rounds shared buttons, fields and cards.

Button size

Controls the room around button labels.

The controls people actually use

Carry the brand into every decision and entry.

A customer choosing a service and an administrator editing a record both rely on clear controls. Configure the visual treatment of actions and inputs as a consistent component system.

Buttons and action states

Style primary and secondary buttons, outline and text buttons, and actions such as deleting a record. Control their relevant color, type, shape and border treatment, including how controls look when unavailable, selected or in use.

The visual hierarchy can distinguish the main task from a secondary choice while keeping the design recognizable across different workflows.

Forms and field states

Configure field backgrounds, borders, rounded corners and text. Define how fields look when selected, unavailable or showing an error so the control remains understandable while someone is entering information or correcting a problem.

Those details matter in service questions, customer account tasks and the operational forms used by staff and administrators.

Advanced Branding Studio

Choose one area and watch the component preview update. Changes stay private until published.

Interactive preview: Brand assets

The brand includes the states people encounter while doing the work, as well as the first screen they see.

Navigation, records and spatial hierarchy

Make complex working areas feel like one system.

Configure the sidebar, top navigation, cards, tables and pop-up windows. Consistent surfaces help the office move between customer records, scheduling, invoice work and other enabled tools without a different visual identity at every step.

Control selected and highlighted states to make the current selection clear. Spacing, borders, rounded corners, shadows and transitions give the system a consistent rhythm as the amount and type of information changes.

Customer-facing experiences

Keep service selection, checkout and account tasks aligned with the business customers recognize. Supported service imagery can explain what is being sold within that same identity.

Staff and office experiences

Carry the visual foundation into administration and the supported field portals. Each audience has different tasks, while the company's design language remains consistent.

Explore the dedicated environment 
Approved imagery and icons

Reuse the assets that explain your services.

Manage supported custom icons and service imagery for use in the platform. Approved assets help customers recognize the services they are selecting and give administrators a consistent visual source to work from.

Combine those assets with the configured component system so an updated service offer fits the rest of the business's presentation.

Company identity

Set the shared brand look and images people recognize.

Main logo

Used in navigation, sign-in and branded documents.

Main logo preview

Browser icon

The small image displayed in browser tabs.

Browser icon preview

Installed app icon

Used when the web application is installed.

Installed app icon preview

Icon selector

Find a material or system icon, or upload your own SVG.

Home serviceSelected service icon

Image asset library

Choose imagery for the services your customers see.

Selected storefront imageNo storefront image selected

Try a file from your device. Demo uploads are previewed locally and disappear when you reload.

Select Icon

No icon selected

Select Storefront Image

Upload Requirements

Accepted file types: JPG, JPEG, PNG, WEBP, GIF
Maximum file size: 5 MB

Select an image
Review the result in context

Check the design before carrying it across the operation.

Use Branding Preview to see your choices on desktop and mobile layouts. Review buttons, fields, cards and other common elements together, including their selected, unavailable and error appearances.

Maintain and reuse the configuration

Supported import and export lets your team work with the branding configuration as a reusable set of choices. The standalone preview also provides its own reset control for reviewing the available defaults.

Previewing a coherent set of settings helps the team assess the system as a whole, rather than making isolated visual changes without seeing their effect.

Brand history and versioning

Refine it. Publish it. Bring an earlier look back.

Every saved draft, publication and rollback is kept as a separate version. Try the workflow with the brand you have been editing on this page.

These actions update this demo only.

Brand history

Brand history

Every saved draft, publication and rollback is kept as an immutable version.

Version preview

Restoring keeps the original version.

Choose how locations receive the brand.

Multi-location businesses can set separate sharing rules for branding. An authorized parent relationship can keep a branch following parent branding updates, give it a one-time copy or let it manage its own branding.

Supported policy controls and change previews help the organization manage updates while retaining the local decisions it intends to allow.

Explore brand governance across locations 

Put your company's identity to work.

Configure the presentation around the customers, services and teams your business supports. Capabilities follow the supported branding controls and enabled location policy.

Order Now

Choose primary brand color

Use left and right arrows to adjust saturation; up and down to adjust brightness.
Enter 0xFF followed by six hexadecimal digits, or a standard hex colour such as #FF652B.