The Workspace Settings Dashboard allows you to manage the core configurations for your workspace, including domains, visual branding (colors, shadows, padding, typography), and scraping settings.

Accessing Workspace Settings

To access the Workspace Settings, click on the Settings in the left-hand navigation menu.

Within the Workspace Settings Dashboard, you can navigate through different sections using tabs across the top: Scrapper, Domain, Colors, Shadows, Padding & Radius, and Typography.

All changes in the Workspace Settings are being saved automatically, there is no confirmation needed.

Scraper Settings

Use our scraper tool to automatically extract styles from your website.

Website URL: Enter the URL of the website you want to extract styles from.
Scrape Button: Click Scrape to begin the process. Our tool will collect style data from the provided URL.

What Happens Next

Our AI will analyze and match the styles as accurately as possible.
You’ll receive an email notification once the process is complete.
The scraping process may take up to 10 minutes.
Please avoid making changes to the Workspace style until the scraping process is complete, as any updates will be overwritten. You’ll be free to modify the styles once the process finishes.

Domain Settings

This section is where you manage the domains for your workspace.

Current Domains

It lists the domains currently associated with your workspace, indicating which one is set as "Primary".

Domain Settings Button

Clicking the "Domain Settings" button opens a modal with options for setting up different types of domains.

Use Our Subdomain

Setup a custom subdomain on the LiftPilot URL (e.g., something.lplift.com). You can edit the subdomain URL and toggle "Set as Primary" and "Redirect to Primary".

Custom Subdomain

Setup a custom subdomain on your own URL (e.g., something.yourdomain.com). You can enter the custom subdomain URL (e.g., yoursubdomain.yourdomain.com) and toggle "Set as Primary" and "Redirect to Primary".

Custom Domain (Advanced & Enterprise Plans Only)

Setup a custom root domain for your own subdomain or subdirectory (e.g., yourdomain.com/something). You can enter the domain URL (e.g., yourdomain.com) and toggle "Set as Primary" and "Redirect to Primary".

After configuring domain settings in the modals, click "Add Subdomain" or "Add Domain" or "Update Subdomain" to save changes.

Colors Settings

This tab allows you to customize the color palette for your workspace. You can switch between "Light Mode" and "Dark Mode". Settings for "Light Mode" and "Dark Mode" are stored separately.

Each color setting includes a color picker (showing hex codes), and a percentage value for opacity.

Dark & Light Modes

Currently, switching the mode of a section isn’t supported — but this feature is on our roadmap. By default, all sections in the Editor use Light Mode, except for those with inherently dark backgrounds, such as the Footer or CTA with Logos, see the table below.

Light Mode	Dark Mode
All Hero sections All Features sections Headline Paragraph FAQ Platform Overview Old vs New	CTA with Logos Footer

Background, Card, Text & Icon

You can set colors for various elements using the variables listed below. Variables with empty fields are currently not in use.

Color Variable	Light Mode	Dark Mode
Background Primary	All Hero sections All Features sections Headline Paragraph FAQ Platform Overview Old vs New	CTA with Logos Footer
Background Secondary	All Social Proof sections
Background Tertiary
Card Primary	Changes the background color of the right column in the Old vs New section
Card Secondary	Changes the background color of the left column in the Old vs New section
Card Secondary
Card Tertiary
Text Heading	Applies the selected text color to all headings in sections using Light Mode	Applies the selected text color to all headings in sections using Dark Mode
Text Paragraph	Applies the selected text color to all paragraphs in sections using Light Mode	Applies the selected text color to all paragraphs in sections using Dark Mode
Text Tertiary
Icon Color	Applies the selected color to the icon chosen via the icon picker
Icon Background Color	Applies the selected color to icon backgrounds chosen via the icon picker

Input Fields

The Input Fields variables are not currently in use.

Buttons

The variables below control button styles. Use the Light Mode and Dark Mode variables to customize button appearance separately for light and dark sections.

Alerts

The variables below control alert styles. Applied only in Light Mode.

Shadows Settings

This tab is used to customize the shadows for certain elements within your workspace. You can enable/disable shadows for:

Card
Popup
Image
Input Fields
Button Primary
Button Secondary
Button Tertiary

For each element, you can set parameters for the shadow: Position X (px), Position Y (px), Blur (px), Spread (px), Color, and Opacity (%).

Padding & Radius Settings

This tab allows you to change padding and radius values for different elements, with separate settings for Desktop, Tablet, and Mobile views.

Settings include:

Background: Border Radius, Background Margin, Vertical Padding.
Card: Border Radius.
Popup: Border Radius.
Image: Border Radius.
Input Fields: Height, Horizontal Padding, Border Radius.
Button Medium: Height, Horizontal Padding, Border Radius.
Button Small: Height, Horizontal Padding, Border Radius.

Typography Settings

This tab is for customizing the typography settings for your workspace.

Settings include:

Font Family: Set the font family for Header, Paragraph, and Button / Link text.
Font Weight: Set the font weight for Header, Paragraph, and Button / Link text.
Letter Spacing: Set letter spacing in percentage (%) for Header, Paragraph, and Button / Link text.
Line Height: Set line height in em for Header, Paragraph, and Button / Link text.
Headers: Customize font size (px) for Heading 1 through Heading 6, with separate values for Desktop and Tablet / Mobile.
Paragraphs: Customize font size (px) for Paragraph 1 through Paragraph 5, with separate values for Desktop and Tablet / Mobile.
Adobe Fonts: You can upload your fonts from Adobe by adding a Font Link.
Custom Fonts: You can upload your custom fonts in those formats: WOFF WOFF2 TTF OTF.