# Logo with header

This block displays a brand logo alongside a customizable header text, ideal for featuring brand quotes or statements with adjustable font size and logo width.

<figure><img src="https://2636770384-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FsD7BEEDU3B7WiEJlN0F7%2Fuploads%2F6ENsMSaw2Tjh11vZXwWP%2Fimage.png?alt=media&#x26;token=d9e92397-4b52-480c-9c06-36dfcb12e197" alt="showing an example of the press logos section while the logo with header block is highlighted"><figcaption></figcaption></figure>

<table><thead><tr><th width="126.74737548828125">Settings</th><th width="144.88714599609375" align="center">Type</th><th>Description</th></tr></thead><tbody><tr><td>Logo</td><td align="center"><code>image_picker</code></td><td>Upload logo image (360 x 360px .svg recommended).</td></tr><tr><td>Width</td><td align="center"><code>range</code></td><td>Controls logo width.</td></tr><tr><td><strong>Quote</strong></td><td align="center"></td><td></td></tr><tr><td>Header</td><td align="center"><code>text</code></td><td>Quote or headline below the logo.</td></tr><tr><td>Heading size</td><td align="center"><code>select</code></td><td>Font size of the quote/header:<code>Mini</code>, <code>Extra small</code>, <code>Small</code>, <code>Medium</code>, <code>Large</code>, or <code>Extra large</code>.</td></tr></tbody></table>
