Settings
Company logo
Put your logo in the top bar and on the sign-in page, with an optional version for the dark theme.
# Company logo An admin adds the company's logo under **Settings → Company**. It shows in the top bar after the product's name, for everyone, and above the form on the sign-in page, with a small "Powered by" line under the form. Without a logo, both look as they do by default. ## Your company's name Under **Company name**, type the name as you write it. It saves when you leave the field or press Enter. It shows on the sign-in page ("Sign In to Acme"), in a new teammate's welcome, and as the logo's description for people using a screen reader. Like the logo, anyone with your workspace's address can see it. Clear the field to go back to the name your deployment sets, if it sets one. ## Add your logo Under **Main logo**, choose **Upload Logo** or drop a file onto the row. It can be an SVG, PNG or WebP of up to 5 MB (an SVG of up to 1 MB). A transparent background sits best. The sign-in page shows the logo to anyone with your workspace's address, so don't use anything you wouldn't show in public. SVG files are cleaned as they are stored: scripts, animation, links to outside files and anything else that isn't drawing are removed. PNG and WebP files larger than 1024px on their longest side are shrunk to fit. ## Light and dark themes The **Preview** shows the top bar on both themes. If the logo won't read on one of them, or the file brings a solid background with it, a line under the preview says so. To fix a logo that disappears on the dark theme, add a **Dark version**. It takes the main logo's place on the dark theme. Without one, the main logo shows on both. ## Remove it **Remove** beside the dark version goes back to using the main logo on both themes. **Remove** beside the main logo takes both away. On a phone the logo shows in the top bar only when it fits beside the product's name, so a narrow logo is the safer choice.An admin adds the company’s logo under Settings → Company. It shows in the top bar after the product’s name, for everyone, and above the form on the sign-in page, with a small “Powered by” line under the form. Without a logo, both look as they do by default.
Your company’s name
Section titled “Your company’s name”Under Company name, type the name as you write it. It saves when you leave the field or press Enter. It shows on the sign-in page (“Sign In to Acme”), in a new teammate’s welcome, and as the logo’s description for people using a screen reader. Like the logo, anyone with your workspace’s address can see it. Clear the field to go back to the name your deployment sets, if it sets one.
Add your logo
Section titled “Add your logo”Under Main logo, choose Upload Logo or drop a file onto the row. It can be an SVG, PNG or WebP of up to 5 MB (an SVG of up to 1 MB). A transparent background sits best. The sign-in page shows the logo to anyone with your workspace’s address, so don’t use anything you wouldn’t show in public.
SVG files are cleaned as they are stored: scripts, animation, links to outside files and anything else that isn’t drawing are removed. PNG and WebP files larger than 1024px on their longest side are shrunk to fit.
Light and dark themes
Section titled “Light and dark themes”The Preview shows the top bar on both themes. If the logo won’t read on one of them, or the file brings a solid background with it, a line under the preview says so.
To fix a logo that disappears on the dark theme, add a Dark version. It takes the main logo’s place on the dark theme. Without one, the main logo shows on both.
Remove it
Section titled “Remove it”Remove beside the dark version goes back to using the main logo on both themes. Remove beside the main logo takes both away.
On a phone the logo shows in the top bar only when it fits beside the product’s name, so a narrow logo is the safer choice.