Adding Custom Logo and Branding Elements
Last updated July 24, 2024
This guide explains how to personalize your Frontegg application by adding your custom logo and branding elements. This will create a consistent brand experience for your users and strengthen your brand identity.
Adding a Custom Logo
- Access Branding Settings: Navigate to the "Branding," "Themes," "Customization," or "Settings" section of your Frontegg dashboard, where you'll find the options for logo customization.
- Upload Logo File: Locate the "Upload Logo" option and select the logo file from your computer. Ensure that your logo file is in a suitable format (e.g., PNG, JPG, SVG).
- Size and Dimensions: Follow any guidelines provided by Frontegg regarding logo size and dimensions. They might specify recommended sizes to ensure optimal display across different devices and layouts.
- Preview and Save: Review the preview of your logo to check its appearance and alignment. Once satisfied, save the changes to apply your custom logo to your application.
Adding Custom Branding Elements
- Color Palette: If your Frontegg application offers color customization, select a color palette that aligns with your brand guidelines.
- Fonts: Choose fonts that reflect your brand's personality and maintain visual consistency with your other marketing materials. Apply these fonts to headings, body text, and other elements where appropriate.
- Background Images: If applicable, you might be able to add a background image to certain areas of your application. Consider choosing a background image that subtly complements your brand and creates a visually pleasing environment. Avoid images that are overly distracting or clash with your overall design.
- Custom CSS: If you have advanced CSS skills, you can create custom CSS styles to fine-tune specific elements within your application.
Test and Revise
- Preview and Inspect: After adding custom branding elements, thoroughly preview your application to ensure everything appears as intended. Pay attention to the alignment, visibility, and overall impact of your branding elements.
- Revise and Iterate: If necessary, revise your branding elements by adjusting colors, fonts, logo placement, or other aspects. Continuously adjust and refine your branding as needed to create the optimal visual experience for your users.
Was this article helpful?