Customize Your Creator Edit Portal
This article covers configuring your Creator Edit portal. Contact us to learn more.
Customize the appearance of your Creator Edit portal to align with your brand's visual identity. You can modify a range of visual elements, including colors, fonts, and component styles, ensuring a consistent brand experience for your creators.
Changes go live immediately. Creators will see your edits as soon as you save. If you're unsure about a setting, contact support before making changes.
Access the settings page
You can only access this settings page from impact.com.
From the top navigation bar in your impact.com account, select
[User profile] → Settings.From the right, beneath Program Settings, navigate to Creator Edit and select Look and Feel.
In the Look and Feel settings, adjust the visual options for your portal. See Edit your portal's look and feel section below.
Once you're satisfied, select Save.
Edit your portal's look and feel
Define the general colors of your portal using hexadecimal color codes. These colors apply to backgrounds, borders, and branding elements.
Primary branding: Set your main brand color.
Secondary branding: Set your secondary brand color.
Tertiary branding: Set an accent or tertiary brand color.
Splash background: Set the background color of the splash/loading screen.
Onboarding background: Set the background color for the creator onboarding flow.
Settings background: Set the background color for the portal's settings page.
Primary background: Set the main background color for the portal's dashboard.
Primary border: Set the color for the primary borders and dividers.
Success: Set the color used for success messages and notifications.
Warning: Set the color used for warning messages and alerts.
Define the appearance of your portal's buttons, including their text color, background color, and interaction states (hover and click). You can also preview how your buttons will look in your portal.
Primary button: Set the color of your primary buttons' Text, Background, Background Hover, and Click. Enter a hexadecimal color code (e.g., #FFFFFF for white) to set the color.
Secondary button: Set the color of your secondary buttons' Text, Background, Background Hover, and Click. Enter a hexadecimal color code (e.g., #FFFFFF for white) to set the color.
Define the colors for various text elements to ensure readability and consistency using hexadecimal color codes. You can also preview how your text will look in your portal.
Errors: Set the color for error messages.
Influencer metrics label text: Set the color for labels on performance metrics.
Link color: Set the color for all clickable hyperlinks.
Onboarding text: Set the main text color during the onboarding process.
Onboarding secondary text: Set the secondary text color used during the onboarding process.
Primary modal text: Set the text color inside modal pop-ups.
Primary text: Set the default text color for most body content.
Secondary link: Set the color for secondary or less prominent links.
Secondary text: Set the color for supplementary or less emphasized text.
Settings text: Set the text color specifically for the settings pages.
Splash text: Set the text color on the splash/loading screen.
UI component primary text: Set the text color for the primary UI components.
Define the look of interactive form elements to match your branding using hexadecimal color codes. You can also preview how your checkbox and radio button will look in your portal.
Selected checkbox: Set the color of a checkbox when it's selected.
Selected radio: Set the color of a radio button when it's selected.
Define the colors for various structural components of your portal using hexadecimal color codes.
Primary modal background: Set the background color for modal pop-ups.
UI component primary: Set the color for the primary UI elements like active tabs or selected items.
UI component secondary: Set the color for secondary UI elements.
Pill container background: Set the background color for pill-shaped tags or labels.
Footer background: Set the background color of the page footer.
Header background: Set the background color of the page header.
Progress bar background: Set the background color for progress bars.
Define your brand's fonts to be used across your portal. Supported file formats include .TTF, .OTF, and .WOFF. You can also preview how your uploaded fonts will look in your portal.
Font light, regular, bold: Upload fonts for your primary font styles.
Secondary font semi bold, regular, bold: Upload fonts for your secondary font styles.
Adjust additional styling options for specific components. You can also preview how your chosen styling options will look in your portal.
Button border radius: Set the roundness of the corners for the primary button.
Benefit content header font size: Adjust the font size for the header on benefit content cards.
Define the style for the cards used to display categories and collections on your portal. You can preview how your chosen styling will look in your portal.
Categories card style: Choose between Circular and Square. If you choose the Square style, you can customize the corner roundness for the cards.
Collections card style: Choose between Circular and Square. If you choose the Square style, you can customize the corner roundness for the cards.
Last updated
Was this helpful?