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

# Customization

> Explore ways to customize the Aurum UX

### Brand Options

* **Theme** light or dark
* **Brand Color** set your brand color
* **Border Radius** control the roundness of the UI elements
* **Logo URI** add your brand logo to the connect UI
* **Font Family** bring your own custom font
* **Aurum Branding** toggle Aurum branding elements on or off
* **Wallets Layout** stacked or grid

### Wallets Options

* **Excluded Wallets** opt-out of specific wallets — by default, every supported wallet is shown. Pass an `exclude` array to hide ones you don't want.

### Example

```typescript theme={null}
import { Aurum } from '@aurum-sdk/core';
import { WalletId } from '@aurum-sdk/types';

const aurum = new Aurum({
  brand: {
    appName: 'My App',
    theme: 'dark',
    primaryColor: '#6366f1',
    borderRadius: 'lg',
    font: 'Inter, sans-serif',
    hideFooter: true,
    walletLayout: 'grid',
  },
  wallets: {
    embedded: { projectId: 'your-cdp-id' },
    walletConnect: { projectId: 'your-reown-id' },
    exclude: [WalletId.Email, WalletId.Brave], // opt-out
  },
});
```

See [Core SDK Configuration](/api-reference/core#configuration-options) for the full option reference.

### See It In Action

<Card title="Aurum Playground" icon="play" href="https://demo.aurumsdk.com/">
  Test out the customization options in the demo app
</Card>