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

# Company Details & Branding

> Tailor your Salesbricks site to your organization

**1.** Navigate to <a href="https://app.salesbricks.com/admin/settings/company" target="_blank" rel="noopener noreferrer">Settings -> Company</a>.

**2.** Click the edit icon. <img src="https://mintcdn.com/salesbricks/fCP5t5qV2eJ19zkq/quickstart-guide/images/company-details-and-branding/edit-icon.png?fit=max&auto=format&n=fCP5t5qV2eJ19zkq&q=85&s=fec667bff5aef45628025e7b8750cc18" alt="edit-icon" style={{display: 'inline', margin: '0', height: '2.5rem', width: 'auto'}} width="116" height="116" data-path="quickstart-guide/images/company-details-and-branding/edit-icon.png" />

**3.** Fill out your company information.

<Frame>
  <img src="https://mintcdn.com/salesbricks/fCP5t5qV2eJ19zkq/quickstart-guide/images/company-details-and-branding/company-details.png?fit=max&auto=format&n=fCP5t5qV2eJ19zkq&q=85&s=0372eefc1153364f92dad2448f48e9d8" alt="company-details" width="1775" height="2711" data-path="quickstart-guide/images/company-details-and-branding/company-details.png" />
</Frame>

**4.** Navigate to <a href="https://app.salesbricks.com/admin/settings/branding" target="_blank" rel="noopener noreferrer">Settings -> Branding</a>.

**5.** Click the edit icon. <img src="https://mintcdn.com/salesbricks/fCP5t5qV2eJ19zkq/quickstart-guide/images/company-details-and-branding/edit-icon.png?fit=max&auto=format&n=fCP5t5qV2eJ19zkq&q=85&s=fec667bff5aef45628025e7b8750cc18" alt="edit-icon" style={{display: 'inline', margin: '0', height: '2.5rem', width: 'auto'}} width="116" height="116" data-path="quickstart-guide/images/company-details-and-branding/edit-icon.png" />

**6.** Upload your company logos.

<div style={{ backgroundColor: 'rgba(243, 246, 246, 0.5)', padding: '0.5rem', width: '600px', height: 'auto', margin: '0 auto', borderRadius: '0.75rem', border: '1px solid rgb(223, 226, 226)' }}>
  <img src="https://mintcdn.com/salesbricks/fCP5t5qV2eJ19zkq/quickstart-guide/images/company-details-and-branding/logo-upload.png?fit=max&auto=format&n=fCP5t5qV2eJ19zkq&q=85&s=29429c98e1f4281d1e93c9faf5cd07e3" alt="logo-upload" style={{ margin: '0', borderRadius: '0.75rem' }} width="1474" height="2920" data-path="quickstart-guide/images/company-details-and-branding/logo-upload.png" />
</div>

<Tip>
  We recommend uploading your logo in **.png** format, with a transparent background.

  Logos in **.jpg** format are supported as well.
</Tip>

**7.** Add a primary color by entering your hexadecimal color code.

<Note>
  This color will be listed on your company's branding guide, if available. You can also easily capture the background color of your company's website with a tool like the [ColorPick Eyedropper Chrome Extension](https://chrome.google.com/webstore/detail/colorpick-eyedropper/ohcpnigalekghcmgcdcenkpelffpdolg).
</Note>