Image Editor Settings
Provide predefined data sources and fonts when editing templates in the Editor
Image Editor Settings Overview
Image Editor Settings allow administrators to configure standardized resources within the image editing tool, which is particularly useful for managing designs for user groups required to work with templates (These are users whose settings are configured as SETTING. Must use Image Editor Templates.)
⚠️ User Right Required: User must have the permission: “Is Client Admin - User can manage the Client Profile”.
The core components include:
Data Source Management: This feature allows you to provide predefined data sources for the entire account. It enables users to quickly apply consistent and accurate values when editing templates, eliminating the need for manual data entry.
Font Asset Integration: Linked font assets are made available to all users with permission to access the Image Editor.
Font Weight Customization: Using the "Font Weight" slider, admins can assign specific weights to each font file or URL based on the selected font family.
Smart Auto-matching: To ensure a seamless design experience, the editor automatically matches fonts to the closest available weight if an exact match is not found.
How to use Data Source
What is a Data Source?
The Data Source feature allows you to provide predefined data sources for the entire Account, helping users apply consistent values quickly when editing templates in the Editor. Data Sources provide predefined values to:
Use in Text Layers with dropdown type.
Use in Image Layers with dropdown type.
👉 This allows:
Users to select values from a predefined list, avoiding manual entry errors.
Consistent values across all templates in the Account.
How to add a Data Source
🔹 Step 1: Navigate to Image Editor Settings
Go to Client Profile → Settings → Image Editor Settings (previously known as Template Settings)
Inside this section, you will find: Data Source
🔹 Step 2: Add Data Source
Click “Add Data Source” to create a new data source.
Enter the following information
Data Source Name: to identify it easily when using in templates.
Values: list of values you want to provide for the dropdown.
You can create multiple data sources as needed (e.g., branch locations, brand names, brand guideline colors, contact lists, etc.).
How to use Data Sources in the Editor
When editing a Template:
🔹 Step 1: Open the Template in the HIVO Editor
Select the template you wish to modify.
🔹 Step 2: Select the data input Type (Data Source)
Go to Design tab -> For Text Layers or Image Layers -> Select Type: Data Source.
When you click on a Text Layer or Image Layer that is linked to a Data Source, instead of a regular input field, you'll see a dropdown menu.
This list will display all the values defined in the relevant Data Source.
🔹 Step 3: Select the desired value
Simply click the dropdown arrow and choose the appropriate value from the list.
The content of the text or image layer will automatically update with your selected value.
Overview Available Fonts
Available Fonts is a feature that allows Admins to centrally manage all fonts used in the Image Editor at the Client level.
With Available Fonts, all fonts are now managed in one dedicated location. This removes the dependency on Brand Fonts, simplifies setup, reduces rendering issues, and gives administrators better visibility when fonts are missing or incorrectly configured.
This feature becomes the single source of truth for all fonts used in the Image Editor.
Any font asset linked inside Available Fonts becomes available to all users who have permission to access the Image Editor.
Ensuring every font is properly configured with the correct Font Family, Font Source, and Font Weight before use.
👉 Available Fonts supports three ways to add fonts for the Image Editor:
1. How to Manually Add a New Font Family
Admins can manually create a new font family inside Available Fonts to ensure fonts are properly rendered in the Image Editor.
👉 Go to: Client Profile → Settings → Image Editor Settings → Available Fonts tab. Then follow these steps:
🔹 Step 1: Click “Add Font Family” & enter the Font Family Name
Select Add Font Family at the bottom of the page to create a new font entry. A new font configuration block will appear.
In the Font Family field, enter the exact font name used in your original design files (such as Adobe templates or imported assets).
Examples:
Outfit
Helvetica Neue
Montserrat
The Font Family name must match exactly. If the name is different, the font may not render correctly in the Image Editor.
🔹 Step 2: Configure the Font Source
Inside Source, choose how the system should load the font. Under Font Source (HIVO Asset or Font URL), you can select one of two options:
If using HIVO Asset, choose the font file from the asset selector
If using Font URL, paste the external font URL into the input field, such as Google Fonts or a company CDN
By default, the toggle is set to Select Asset. Users can turn the toggle on or off to switch between font source options.
🔹 Step 3: Set the Font Weight
Font Weight helps the system distinguish multiple font files under the same Font Family. In the Font Weight section, use the slider to define the font weight.
Users can drag the dot on the Font Weight slider to adjust the font thickness. The default value is 400 (Normal).
For example:
Light → 300
Regular → 400
Bold → 700
🔹 Step 4: Add Another Weight Range (Optional)
If the same Font Family has multiple variations (such as Light, Regular, and Bold):
Click to Add source for another weight range
This allows you to add another source under the same Font Family instead of creating a duplicate font entry.
🔹 Step 5: Save Changes
After completing the configuration, save the settings. The new font family will now be available in the Image Editor.
⚠️ Important Note:
1. Avoiding Duplicate Font Entries
If you attempt to create a new font using a Font Family that already exists, the system will automatically prevent duplication and switch to Add Source for Another Weight Range instead.
This helps keep font management clean and ensures more accurate font rendering across templates.
⚠️ If the same font has the same font weights, the system will notify.
2. How to Import Fonts from Brands
To support migration from the previous Brand Font setup, Admins can import fonts directly from existing Brand Fonts into Available Fonts.
Admins can manually re-import fonts from Brands whenever needed, such as when:
new fonts are added to a Brand later
older fonts need to be re-synced
admins want to reduce manual configuration work
👉 Go to: Client Profile → Settings → Image Editor Settings → Available Fonts tab. Then follow these steps:
🔹 Step 1: Click “Import Fonts from Brands”
Select Import Fonts from Brands at the bottom of the page. A pop-up window will inform you what information the system will scan all Brand Guideline font sections for client, to:
Leave existing configured Font Families unchanged
Only add missing Font Families that do not already exist
Existing configured font families will not be overwritten
🔹 Step 2: Confirm font import from brands
Select Import to begin the process.
The system will scan all Brand Fonts and automatically add missing font families into Available Fonts.
This is a one-time import action and not a continuous sync.
Changes made later inside Brand Fonts will not automatically update Available Fonts unless you manually run the import again.
🔹 Step 3: Review Imported Fonts
After the import is completed, review the newly added font entries inside Available Fonts. Although the system imports available font sources, Admins should still verify:
Font Family
Font Source
Font Weight - drag the dot on the Font Weight slider to adjust the font thickness.
This is important because imported fonts may still require adjustments to ensure they match the original design files correctly.
👉 For example:
the Font Family name may need to be updated
the correct Font Weight may need to be assigned
an alternative font source may need to be selected
🔹 Step 4: Add Another Weight Range (Optional)
If the same Font Family requires multiple variations, such as Light and Bold, click: Add source for another weight range.
3. How to Load Missing Fonts from Templates
If a template contains a font that does not yet exist in Available Fonts, Admins can use the Import Missing Fonts tool to scans all templates and detects font families that are missing from Available Fonts.
Instead of fully configuring the font automatically, the system only creates placeholder entries for those missing fonts.
At this stage, the fonts are not yet ready for use. Admins must manually complete the setup by assigning a HIVO Asset or a Font URL, and reviewing it before saving:
Font Family
Font Weight
⚠️ If no source is assigned, the font will not be linked and the template may continue showing rendering issues.
Go to: Client Profile → Settings → Image Editor Settings → Available Fonts tab. Then follow these steps:
🔹 Step 1: Click “Load Missing Fonts from Templates”
Select Load Missing Fonts from Templates at the bottom of the page.
The system will automatically scan all templates across the client and detect font families that are currently missing from Available Fonts.
These are fonts that exist inside templates but do not yet have a linked HIVO Asset or Font URL.
🔹 Step 2: Review the Automatically Created Font Entries
After the scan is completed, the system will create placeholder font entries for each missing font family.
These entries are not fully configured yet.
At the top of each entry, you will see a blue notification panel showing: Currently missing from templates
Example:
catalogue_sample.indd
catalogue_sample_2.indd
🔹 Step 3: Review the Font Family Name
The system will automatically detect and populate the Font Family field based on the template.
You should review this value and confirm that it exactly matches the original font used in the design files.
If needed, manually edit the Font Family name to ensure correct rendering.
🔹 Step 4: Assign a Font Source
Under Font Source (HIVO Asset or Font URL), choose how the system should load the font. You can select one of two options:
HIVO Asset - choose a font file stored inside HIVO
Font URL - use an externally hosted font link such as Google Fonts or a company CDN
Users can turn the toggle on or off to switch between font source options.
⚠️ If no source is assigned, the font will not be linked and the template may continue showing rendering issues.
🔹 Step 5: Set the Font Weight
In the Font Weight section, use the slider to define the correct font weight.
Users can drag the dot on the slider to adjust the font thickness.
Font Weight helps the system correctly distinguish multiple font variations under the same Font Family.
Add Another Weight Range (Optional): If the same Font Family requires multiple variations, such as Light and Bold, click: Add source for another weight range
🔹 Step 6: Save Changes
After assigning a valid Font Source and confirming the correct Font Weight, save the settings.
⚠️ Warning Banner for Missing Fonts (Admin Only)
If a template contains fonts that do not have a linked asset or Font URL, administrators will see a yellow warning banner inside the Image Editor.
The warning will display:
the list of affected fonts
a shortcut to open Available Fonts settings
👉 This helps admins quickly identify missing fonts and resolve rendering issues before they affect other users.
If you have any questions, don't hesitate to ask, we're always here to help!
Last updated