Logo

Demo Mode — changes are saved only in this browser.

Sandbox changes do not affect the public demo.

Client Control Centre

Welcome to your dashboard.

Manage your website’s content, leads, and configuration from one practical control centre.

Package

Silver Website Package

Content Control

Manage pages and publish updates.

Lead Tracking

Review enquiries and activity.

Settings Management

Fine-tune site presentation.

User
Demo Mode
Last saved
Not saved yet

Master Styles

Semantic roles used across public pages. Rebrand the website by purpose, without chasing individual components.

Palette presets

Shift the complete palette while preserving each colour’s saturation and lightness. Shared buttons and scrollbar colours follow the same hue movement.

Active: Blue / Default

Custom colour anchor

Choose one colour and generate the full palette from it while preserving the role relationships.

Three-colour combinations

Use one-click combinations or manually choose Primary, Accent and Neutral / Surface roles. Existing presets remain available.

Custom three-colour combination

Choose each anchor independently. Primary drives CTAs and branded sections; Accent drives links and highlights; Neutral / Surface drives page and supporting surfaces.

Brand primary, main CTA and selected states.

Links, hover states, icons and decorative highlights.

Main page, alternate and supporting surfaces.

Best results usually come from white, black, grey, cream or another restrained surface colour.

Preview

Sample text on the selected surface.

Sample link

Contrast check

  • Accent links on the selected surface may be difficult to read (2.54:1 contrast). Consider a darker or lighter colour.
Applies semantic roles and keeps manual component overrides unchanged.

Manual component overrides remain available below and are not overwritten by a palette preset.

Primary brand accents, CTA sections and branded highlights.

Links, hover states, marquee highlights and secondary accents.

Hero, platform, stats and other intentionally dark sections.

Main header background when the header has its own surface.

The slim information bar above the main header; defaults to a darker companion of the header.

Footer background and its derived gradient.

Default page background for light content.

Tinted section, card and supporting surfaces.

Readable text on light surfaces.

Supporting copy, labels and secondary information.

Text and icons on dark or brand-coloured surfaces.

Shared borders, dividers and focus-adjacent outlines.

Derived roles

Brand hover, soft and subtle states plus dark-surface lighter and border states are derived with color-mix(), with static fallbacks for older browsers.

Component overrides

These controls remain available for deliberate exceptions. An empty override inherits the corresponding Master Style.

Optional header-only background override.

Optional footer-only background override.

Optional top-bar-only background override.

Optional text colour for the top bar.

Optional top-bar action background.

Optional top-bar action text colour.

Optional text colour for the main header.

Optional text colour for dark hero content.

Optional footer heading and branded text colour.

Optional footer supporting copy colour.

Optional footer copyright colour.

Optional navigation hover colour.

Optional active navigation colour.

Shared button styles

These are the three public button variants used across the site. Primary text is fixed to white for contrast; secondary and tertiary text remain configurable.

Primary / Filled

Text and hover text: fixed white

Secondary / Light

Tertiary / Clear

Scrollbar

Adjust the global scrollbar colours without changing its native shape, size or arrow controls. Firefox uses the same track and thumb fallback.

Live preview

Preview updates as you edit the values above. Changes remain preview-only until the dashboard save action.

Representative content

A consistent visual system.

Shared semantic roles keep every public page aligned with the same brand direction.

Main surface

Alternate surface