Source: https://atomicwork.docs.pageloop.ai/product/platform-administration/branding/customizing-branding-in-atomicwork

# Customizing branding in Atomicwork

You can tailor Atomicwork to reflect your company’s unique brand identity. Customize the name and logo of the platform to align with your corporate branding guidelines, and personalize your theme.

## Customize the name and logo

- Go to **Settings > Organization > Branding** in the **Organization tab**.

- In the Accounts tab, enter the name of your organization.

- Click **Upload Logo**.

- Choose your logo file (recommended formats:.png,.jpeg).

- Ensure the logo dimensions are 280x280 pixels or greater for optimal display.

- Click **Update.**

## Customize Atom's name and avatar

Atom's name and avatar are set separately from your platform branding, and where you set them depends on the channel your employees use:

- [Customizing Atom in Microsoft Teams](/product/platform-administration/branding/customizing-atom-in-microsoft-teams)
- [Customizing Atom in Slack](/product/platform-administration/branding/customizing-atom-in-slack)

## Personalize your theme

Beyond organization-level branding, each user can personalize how Atomicwork looks to match their preferences or your corporate identity. The dynamic theming engine lets every user customize their own experience using accessibility-safe colors, light and dark modes, and curated presets.

### Choose a curated preset

Atomicwork offers six curated theme presets to help you get started quickly. These presets automatically adjust accent colors, contrast, and tints to provide a cohesive look.

- Luna (default)
- Ember
- Lagoon
- Neptune
- Cosmos
- Neutron

### Customize your theme

If you prefer a custom look, you can dial in specific settings to create a theme that matches your exact requirements. All changes apply live, allowing you to instantly preview your new theme without reloading the page.

You can adjust the following theme elements:

- **Accent color:** Set the primary color used for buttons, links, and active states.

- **Contrast:** Adjust the visual distinction between different interface elements.

- **Tint:** Apply a subtle color wash to the overall interface.

- **Nav surface:** Customize the appearance of the navigation bar.

### Light and dark modes

Whether you prefer working in a bright environment or need reduced eye strain in low-light conditions, your theme adapts seamlessly. Every color token resolves automatically for both light and dark modes, ensuring a consistent experience regardless of your preference.

### Accessibility and legibility

Under the hood, Atomicwork uses an OKLCH-based color pipeline. This ensures that contrast and legibility are guaranteed by color science. You can confidently customize your theme knowing that the interface will remain accessible and easy to read.