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

# Branding

> Customize Web and Mobile apps to match your brand.

# Branding

Our platform is fully customizable to match your brand identity across **Web** and **Mobile** applications.

<Note>
  This page covers what we update by default and how to request a fully custom UI.
</Note>

## What we update

<Columns cols="4">
  <Card title="Fonts" icon="fa-solid fa-font">
    Replace default typography with your brand fonts.
  </Card>

  <Card title="Colors" icon="fa-solid fa-swatchbook">
    Apply your primary and secondary palette to UI elements.
  </Card>

  <Card title="Logo" icon="fa-solid fa-shapes">
    Use correct logo variants on light and dark backgrounds.
  </Card>

  <Card title="Icons" icon="fa-solid fa-icons">
    Align iconography to your preferred icon set and style.
  </Card>
</Columns>

## Custom design option

<Tip icon="fa-solid fa-paintbrush">
  We can also produce a **bespoke design** for Web and Mobile in collaboration with our designer—beyond font, color, logo, and icon swaps.
</Tip>

## Helpful links

<Columns cols="2">
  <Card title="System config" icon="fa-solid fa-sliders" href="/system-config">
    Technical configuration for your deployment.
  </Card>

  <Card title="Before start" icon="fa-solid fa-circle-play" href="/before-start">
    What to prepare ahead of branding work.
  </Card>
</Columns>

## Asset checklist (optional)

* <i className="fa-solid fa-file-image" /> **Logos:** SVG and PNG (light/dark variants)
* <i className="fa-solid fa-file-lines" /> **Fonts:** Web license files (WOFF2/WOFF)
* <i className="fa-solid fa-hashtag" /> **Colors:** Brand hex values (primary/secondary)
* <i className="fa-solid fa-icons" /> **Icons:** SVG set or icon font (if applicable)