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.
Apply your primary brand colour across the order flow and login page, on desktop and mobile.
Green01 / 06
Order flowDesktop + mobile
Order flow⋯
Login pageDesktop + mobile
Login page⋯
Ordexis OneSign in to your account
Email
Password
Forgot Password?Sign In
Ordexis OneSign in to your account
Email
Password
Forgot Password?Sign In
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.
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.
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.
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.
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.
Browser icon
The small image displayed in browser tabs.
Installed app icon
Used when the web application is installed.
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.
No storefront image selected
Try a file from your device. Demo uploads are previewed locally and disappear when you reload.
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
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.
Configure the presentation around the customers, services and teams your business supports. Capabilities follow the supported branding controls and enabled location policy.
We use strictly necessary cookies to run this site. With your permission we would also like
to use analytics cookies and marketing cookies, including sharing limited data with
advertising partners. You can accept, reject, or choose per category — and change your mind
at any time. See our
Privacy Policy
for what each one does.
Choose your cookie settings
Strictly necessary Always on
Required for the site to work: security, load balancing, your theme and this cookie choice itself. These cannot be switched off.
Analytics
How the site is used — pages viewed, where visitors arrive from — so we can improve it. Loaded only if you allow it.
Marketing and advertising
Measuring campaigns and showing relevant advertising, including sharing limited data with advertising partners. This is the "sell or share" choice under California law, and you can decline it.
Your choice is stored on this device with the date and policy version
(2026-09-1). Withdraw it any time via
Cookie settings in the footer, or by clearing site data.
Questions: hello@ordexis.one.