# Transparent header

When using a transparent header, you may include a second logo to provide contrast with your main homepage asset.&#x20;

If a sticky header is also used, a darker logo will provide the needed contrast upon scroll.&#x20;

## Logos

An Alternate logo option is available to help provide better contrast when transparency is used. This is an optional but helpful feature.

<figure><img src="https://2636770384-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FsD7BEEDU3B7WiEJlN0F7%2Fuploads%2F1Lhda5yx4sQzRPRO4pwF%2Ftransparent-header-logo.jpg?alt=media&#x26;token=0cc96ed9-7fc2-4aab-b4b9-ec7007e6eac3" alt=""><figcaption></figcaption></figure>

If a Sticky header is enabled, the first primary logo is used while scrolling. This overrides the Alternate logo choice during scroll.

<figure><img src="https://2636770384-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FsD7BEEDU3B7WiEJlN0F7%2Fuploads%2F5RmrFt6p8bCcXsDxJ6Bq%2Flogo.jpg?alt=media&#x26;token=df682657-8a98-468c-85cf-2dd17a9bf1f8" alt=""><figcaption></figcaption></figure>
