The Theme & Branding section in Workslayr allows you to customize the visual appearance of your Workslayr instance to align with your company’s brand identity. This not only reinforces your professionalism but also ensures a consistent user experience for your team and clients, reflecting your unique business aesthetic across the platform.
Customizing Your Workslayr Theme #
Workslayr provides various options to tailor the look and feel of your operational software. By adjusting these settings, you can ensure that your Workslayr environment, from the login screen to My Dashboard and client-facing elements like invoices and contracts, consistently reflects your company’s brand.
- Color Palette: You can select primary and secondary brand colors to be used throughout the application interface. This includes hues for buttons, highlights, and various interactive elements, creating a cohesive visual style.
- Logos: Upload your company logo. This logo appears in key areas such as the login page, the application’s header, and on important documents like estimates and proposals. Consistent logo placement is vital for brand recognition.
- Favicon: Upload a favicon, which is the small icon displayed in web browser tabs. A favicon helps users easily identify your Workslayr instance among other open tabs.
- Login Page Background Image: Customize the background image for your user login page. This provides an opportunity to create a strong first impression and enhance brand recall for your employees and clients.
Configuring Branding Elements #
Beyond visual themes, you can also manage other important branding elements, some of which are integrated with your Company Settings. Ensuring these details are accurate helps maintain a professional image across all interactions.
For detailed information on your company’s name, address, and primary contact information, you should refer to the Company Identity Details within Company Settings Overview. Additionally, if your service business operates from multiple locations, you can configure these under Business Locations, specifying which address is designated for Default Address Usage on official documents. While these settings are distinct from cosmetic branding, they are integral to a complete and professional company presence within Workslayr.
Remember that consistent branding, from visual themes to accurate company details, enhances your business’s credibility and provides a seamless experience for anyone interacting with your Workslayr platform.
Workslayr allows administrators to customize the application’s branding elements, including its name and logos. These settings control the visual identity of your Workslayr instance.
To configure these settings, navigate to App Settings, then locate the Theme & Branding section. Adjustments here affect the display across the application.
Customizing Application Name #
The Application Name field modifies the visible name of your Workslayr instance. This name appears in places such as browser tabs and application headers. This setting is part of your broader Company Identity Details and helps align Workslayr with your organization’s branding.
Managing Logos #
You can upload and manage various logos for different application contexts. These logos will be used in system-generated documents, such as invoices, contracts, and client-facing interfaces.
- Header Logo: This logo appears in the application’s header. It is visible to employees and clients accessing various modules, including projects and lead contacts.
- Sidebar Logo: This logo is displayed within the application’s sidebar navigation. It provides visual identification for users navigating through My Dashboard or Admin Dashboard.
- Favicon: The favicon is a small icon that appears in the web browser’s address bar or tab. It provides a visual cue for your Workslayr instance.
Ensure uploaded logo files are compatible image formats such as JPEG, JPG, PNG, or SVG. Proper logo selection contributes to consistent branding across the platform for your clients and employees.
Workslayr permits administrators to customize the login screen. Adjustments include the background image, login card background, and login card text color. These settings are part of the broader App Settings.
To access login screen customization:
- Navigate to Settings from the left navigation bar.
- Select Theme Settings.
- Locate the Login Screen Customization section.
The following options are available for modification:
- Background Image: Upload an image to serve as the main background for the login page.
- Login Card Background: Select a background color or upload an image specifically for the login form card.
- Login Card Text Color: Choose a color for the text displayed within the login card.
These settings contribute to aligning the Workslayr interface with company branding. Changes apply system-wide to the login interface for all employees and clients with login access. Review Company Settings for other branding options.
Workslayr allows for customization of the platform’s visual appearance through color settings. These configurations apply to the user interface elements, affecting how the platform is displayed to users.
To access these settings, navigate to Company Settings, then locate the Theme & Branding section. Within this section, select Color Configuration.
The following color elements can be adjusted:
- Primary Color: This color is used for main interactive elements such as buttons and highlights across the platform.
- Secondary Color: This is applied to secondary interactive elements and background accents.
- Header Color: Defines the background color of the main header bar, visible on all pages. This area often displays company branding and quick access links.
- Sidebar Color: Sets the background color for the left navigation sidebar. This sidebar contains links to modules like Projects, Clients, and Employees.
- Link Color: Determines the color of clickable text links throughout the Workslayr interface.
After adjusting any color settings, select ‘Save’ to apply the changes. The updated colors will be visible across the platform for all users, influencing the visual experience during activities such as managing invoices or tracking expenses.
Workslayr allows users to select between light and dark display modes. This setting adjusts the interface’s color scheme for visual preference. The selection applies only to the individual user making the change.
Users can access this option within their profile settings. This affects how elements such as projects, invoices, and clients are displayed on the screen.
Changing Display Mode #
To change your display mode, follow these steps:
- Navigate to your Profile Settings.
- Locate the “Theme & Branding” section.
- Select your preferred option: Light Mode or Dark Mode.
- Save your changes.
This setting is independent of company-wide configurations found in Company Settings or App Settings. Each employee manages their own display mode preference.
The chosen mode will apply across the entire Workslayr interface, including My Dashboard and general navigation, but does not impact client-facing documents or exported reports.
