> ## Documentation Index
> Fetch the complete documentation index at: https://docs.lehjah.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Customization

> Aligning components styles with your brand.

Lehjah allows you to seamlessly integrate the embedded accounting platform into your business by customizing various branding elements. This ensures that the accounting components align with your business's visual identity and provide a consistent user experience.

## Available customizations

Below are the customization options you can configure in the No-Code Administrator:

<CardGroup cols={2}>
  <Card title="Logo" icon="image">
    Upload your business logo to display prominently within the embedded accounting components. The logo will appear on dashboards, reports, and other visual elements, reinforcing your brand identity.
  </Card>

  <Card title="Icon" icon="bookmark">
    Set a custom icon to be used as the portal favicon and as a visual representation of your business within the Lehjah platform. This icon will be displayed on browser tabs and other key locations.
  </Card>

  <Card title="Brand Color" icon="palette">
    Define your brand’s primary color using a HEX code. This color will be applied to various UI elements within the embedded components, such as buttons, links, and headers, ensuring a cohesive look and feel.
  </Card>

  <Card title="Brand Font" icon="font">
    Specify a custom font by providing a URL (e.g., a Google Font URL). The selected font will be used throughout the embedded accounting platform, creating a unified appearance that matches your brand’s typography.
  </Card>
</CardGroup>

## How to customize

<Frame>
  ![widget branding](https://s3.eu-west-2.amazonaws.com/cdn.lehjah.com/docs/images/branding.png)
</Frame>

To customize your Lehjah integration:

<Steps>
  <Step title="Access the no-code administrator">
    Navigate to the Customization section in the administrator dashboard.
  </Step>

  <Step title="Upload your assets">
    Provide the logo, icon, and brand font URL that represent your business.
  </Step>

  <Step title="Set your brand colors">
    Enter the HEX code for your brand’s primary color e.g `#7875FF`.
  </Step>

  <Step title="Preview and save">
    Review your changes to ensure they align with your brand before saving them.
  </Step>
</Steps>

By leveraging these customization options, you can create a seamless and branded accounting experience that feels like an extension of your business.
