# Brand and design

> Add your logos, colours and fonts, and set the design style and motion your videos use.

Source: https://demovexa.com/docs/workspaces/brand-and-design

The **Brand** and **Design** tabs in **Workspace settings** decide how your videos look: your logos, colours and fonts, and the style, shape and motion of everything on screen. Every video in the workspace uses them.

To open them, click the workspace switcher in the sidebar and choose **Workspace settings**. Click **Save changes** after you edit.

## Brand

### Import from your website

The quickest start is to import your brand from your website.

1. On the **Brand** tab, click **Import** and choose **From the website**.
2. Enter your website's address.
3. Click **Import**.

DemoVexa fetches your logo, colours and fonts from the site and fills them in. Check the results and adjust anything that's off.

> [!NOTE]
> The website must be public and reachable. Import won't work for a site behind a login or only on your company network.

### Logos and icons

| Item | Versions | Notes |
|---|---|---|
| Logo | Light background, Dark background | |
| Favicon | Light, Dark | At least 256 px |

Upload PNG, SVG, JPEG or WebP files. Add both the light and dark versions so your logo looks right on any background.

### Colors and type

Set five colours: **Primary**, **Secondary** (optional), **Dark**, **Background** and **Text** (optional).

Under **Typography**, set the **Body** and **Headings** fonts. Use the font's name as it appears on Google Fonts.

## Design

The **Design** tab sets the look and feel. A live **Preview** shows your changes as you make them.

### Design style

Pick one **Design style**: Flat, Minimal, Glassmorphism, Neumorphism, Bold, Gradient or Editorial. Watch the **Preview** to compare them with your colours.

### Shape and motion

| Setting | Options |
|---|---|
| **Corner radius** | 0 to 40 px |
| **Shadows** | None, Soft, Strong |
| **Motion** | Calm, Lively, Energetic |

> [!TIP]
> Match the motion to where the video will play. **Calm** reads well on a website; **Energetic** fits short social clips.

### Brand rules

Under **Brand rules → Do's and don'ts**, write the rules Claude should follow, in plain words. For example, "Never put the logo on the primary colour" or "Use sentence case in captions".

## Call to action and tagline

These aren't on the Brand tab:

| What | Where |
|---|---|
| Default call to action | **Workspace settings → General → End-card button** |
| Call to action for one video | The project's brief, under **Call to action** |
| Tagline | The project's script, in **End card → Tagline** (with **Button** and **Thank-you line**) |

The tagline is set per video, so each one can end with a line that fits it. See [Script](/docs/videos/script).

## Related

- [App and docs](/docs/workspaces/app-and-docs)
- [Script](/docs/videos/script)
- [Publish](/docs/videos/publish)