Agency Branding Setup

Your agency's branding determines how your white-label directory looks to clients and providers. This includes your logo, color scheme, fonts, and the preview of how everything appears together.

Accessing Branding Settings

1. Log in to the Agency Portal at admin.hunhu.us/agency.
2. Click Settings in the left sidebar.
3. The Branding tab opens by default.
   

Setting Your Agency Name and Tagline

1. In the Agency Name field, enter the name that appears in your directory header and emails.
2. In the Tagline field, enter a short phrase that describes your agency's focus. This appears beneath your agency name on your directory homepage.

Uploading Your Logo

1. Under Logo, click Upload.
2. Select your logo file from your computer. Supported formats are PNG, JPG, SVG, and WEBP.
3. Requirements:
   • Recommended size: 200 x 200 pixels
   • Maximum file size: 2 MB
4. The logo appears in the live preview on the right side of the page once uploaded.

Tip: Use a PNG file with a transparent background for the best results across light and dark sidebar configurations.

Setting Brand Colors

1. Under Brand Colors, you will see four color pickers:
   • Primary Color - Used for buttons, links, and key interactive elements
   • Secondary Color - Used for accents and secondary actions
   • Background Color - Main content area background
   • Sidebar Color - Navigation sidebar background
2. Click any color swatch to open the color picker.
3. Enter a hex code directly (e.g., #1952B3) for precise brand color matching, or drag the picker to select a color.
4. Changes appear in the live preview immediately.

Choosing a Font

1. Under Font Family, click the dropdown. The default is Inter.
2. Select a font from the list. Available options include system fonts and Google Fonts.
3. Set the Text Color to ensure readability against your chosen background.

Uploading a Custom Font

If your brand uses a proprietary or licensed font, you can upload it directly.

1. Under Custom Font Upload, click Upload Font.
2. Select your font file. Supported formats: .woff2, .woff, .ttf, .otf.
3. Once uploaded, your custom font appears in the Font Family dropdown and becomes active automatically.

Note: .woff2 format is recommended for best performance and broad browser compatibility.

Previewing Your Branding

1. The Preview panel on the right side of the Branding settings page shows a live rendering of your logo, colors, and fonts as they will appear in the directory.
2. Adjust any settings and the preview updates in real time.

Saving Your Changes

1. Once you are satisfied with the branding, click Save Changes in the top right corner.
2. Your new branding applies immediately to your agency's directory for all visitors and logged-in users.