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

# Huisstijl

> Voeg je logo toe, stel de breedte in en kies de accentkleur die je documenten gebruiken.

**Instellingen › Huisstijl** zet het logo en de accentkleur van je winkel op je documenten. Je stelt ze één keer in, en elk sjabloon dat het logo of de accentkleur toont, gebruikt ze, ook de sjablonen die je van Foliant hebt gekregen. Een live voorbeeld naast de velden laat zien hoe ze eruitzien op een voorbeeldfactuur.

![De instellingen voor Huisstijl](https://mintcdn.com/foliant-dev/AoWxppgqeHqT1nDZ/settings/images/branding.png?fit=max\&auto=format\&n=AoWxppgqeHqT1nDZ\&q=85\&s=9631d1cc2ce050aa3a91435b337a7786)

## Voordat je begint

* Zorg dat je logo klaarstaat als JPEG-, PNG-, WebP- of AVIF-bestand van maximaal 1 MB.
* Je logo en accentkleur werken bij elk abonnement. Logo's per land horen bij aangepaste huisstijl, die begint bij Starter. Zie [Abonnementen en prijzen](https://foliant-help.iforiti.com/nl/billing-and-plans/plans-and-pricing.md).

## Het logo en de kleur uit Shopify gebruiken

Als je Foliant installeert, neemt het het logo en de hoofdkleur over uit de merkinstellingen van je winkel in Shopify (**Instellingen › Merk** in de Shopify-beheerder), als je die hebt ingesteld en nog geen eigen logo en kleur in Foliant hebt. Wil je ze later opnieuw overnemen, open dan **Instellingen › Huisstijl** en kies **Mijn Shopify-logo en -kleur gebruiken**. Dit vervangt je logo en accentkleur in Foliant.

## Je logo en kleur toevoegen

1. Open **Instellingen › Huisstijl**. Je komt er ook via **Huisstijl aanpassen** op de pagina **Sjablonen**, of via **Branding instellen** in de installatiegids op de startpagina.
2. Sleep onder **Logo en kleur** je logo naar **Logo**, of klik erop om een bestand te kiezen.
3. Vul bij **Logobreedte (px)** in hoe breed het logo wordt afgedrukt, tussen 50 en 400 px. De standaardwaarde is 240 px.
4. Kies bij **Accentkleur** een kleur of vul de hexcode in, zoals `#1a73e8`. Deze wordt gebruikt voor koppen en tabellijnen. De standaardkleur is zwart.
5. Controleer het voorbeeld en klik dan op **Opslaan** in de opslagbalk.

Als je je huisstijl opslaat, is de stap **Upload je branding** in de installatiegids op de startpagina voltooid.

## Je logo wijzigen of verwijderen

* Wil je een ander bestand gebruiken, klik dan op **Vervangen** naast je logo en daarna op **Opslaan**.
* Wil je een bestand dat je net hebt gekozen maar nog niet hebt opgeslagen ongedaan maken, klik dan op **Verwijderen**. Je opgeslagen logo komt terug.
* Wil je je opgeslagen logo verwijderen, klik dan op **Verwijderen** ernaast. Dit gebeurt meteen, zonder opslagbalk, en je ziet **Logo verwijderd**.

## Je huisstijl gebruiken in je eigen sjablonen

De sjablonen van Foliant tonen je logo en accentkleur al. Schrijf je zelf Liquid, gebruik dan deze variabelen:

```liquid theme={null}
{% if shop_logo_url != blank %}
  <img src="{{ shop_logo_url }}" width="{{ shop_logo_width }}" alt="Logo">
{% endif %}
<h1 style="color: {{ shop_accent_color }}">Invoice</h1>
```

## Goed om te weten

* Sjablonen die zijn gemaakt op basis van een ontwerp houden het logo en de kleuren die in dat ontwerp zijn ingesteld. Zie [Overzicht van ontwerpen](https://foliant-help.iforiti.com/nl/designs/designs-gallery.md).
* Wil je een ander logo en een andere kleur gebruiken voor bestellingen naar bepaalde landen, voeg ze dan toe onder **Logo's per land** op dezelfde pagina. Zie [Logo's per land](https://foliant-help.iforiti.com/nl/settings/logos-by-country.md).
* Is het logo te groot, dan zie je **The file you tried to upload was too large (over 1MB)**. Maak het bestand kleiner en probeer het opnieuw.
* Zit aangepaste huisstijl niet meer in je abonnement, dan worden je logo's per land niet meer afgedrukt. Je eigen logo en accentkleur worden bij elk abonnement gewoon afgedrukt.

## Gerelateerde artikelen

* [Logo's per land](https://foliant-help.iforiti.com/nl/settings/logos-by-country.md)
* [Overzicht van sjablonen](https://foliant-help.iforiti.com/nl/templates/what-are-templates.md)
* [Overzicht van ontwerpen](https://foliant-help.iforiti.com/nl/designs/designs-gallery.md)
* [Overzicht van instellingen](https://foliant-help.iforiti.com/nl/settings/settings-overview.md)


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.