# Use brand kits

> Keep your team's logo, colours, fonts and brand rules in one kit, so what Mida creates follows your brand every time.

Source: https://mockflow.com/docs/use-brand-kits

A brand kit holds your team's logo, colours, fonts and brand rules. Apply it before you ask Mida, and what it creates follows your brand: wireframes, designs and prototypes use your colours, fonts and logo, and charts and diagrams use your colours. Team admins create the kits; everyone on the team can use them.

## Create a brand kit

Only team owners and admins can create, edit or delete kits. Creating kits needs a paid plan.

![The AI Skills dialog on the Brand kits tab with three kits, Lumen Health, Northwind Coffee and Orbit Studio, and the New brand kit button marked](https://assets.mockflow.com/docs/media/01e3932c22314ea0b7ccf015cc7031c0.webp)

1. Open Mida and click **Browse Skills** below the prompt field, then open the **Brand kits** tab (1).
2. Click **New brand kit** (2).
3. Optional: under **Start from your website**, type your site's address and click **Fill in**. Mida copies its name, logo, colours and fonts into the form and drafts the brand's voice. Check them before saving.
4. Give the kit a **Brand name**.
5. Under **Logo**, add your **Main logo**. You can also add one **For dark backgrounds** and an **Icon**, your square mark for app icons and avatars. PNG, JPG, WebP or SVG, up to 5 MB.
6. Under **Colours**, add your colours. The first colour is the main one. Give colours names to use them in your rules.
7. Choose a **Heading font** and a **Body font**, or leave them to Mida.
8. Under **Voice and rules**, write how your brand sounds and anything Mida should always or never do.
9. Click **Create kit**.

![The form for the Northwind Coffee kit: its name, main logo, four named colours, Fraunces and Inter fonts, and its voice and rules, with the name, logos and colours marked](https://assets.mockflow.com/docs/media/ec0fba83752d419e840e18693e990ece.webp)

To change a kit later, click its card and choose **Edit kit**.

## Apply a brand kit

1. In **Browse Skills**, open the **Brand kits** tab.
2. Click a kit to see it, then click **Apply**.
3. Describe what you need and press Enter.

![Mida's prompt with the Brand: Northwind Coffee pill marked above a request for a spring drinks menu board](https://assets.mockflow.com/docs/media/0353d9d1f6b0485ab9c294bb9d01bf01.webp)

The kit shows as a **Brand** pill (1) above the prompt. Mida follows it until you remove the pill with its **×**. A brand kit and a skill can be applied together: the skill decides what to make, and the kit decides how it looks.

When Mida asks a few setup questions before it creates, the **Brand** row shows the applied kit. Pick another kit, or **No brand**, for that one creation.

Some items, such as mind maps and checklists, have no colours or logo of their own, so a kit does not change them. Mida tells you when that is the case.

## Use kit logos and colours by hand

![A Design frame's Library on the Brand category, with the Lumen Health logo and its View kit tile marked](https://assets.mockflow.com/docs/media/44b0f700fe82410abdc34afc72cdc09c.webp)

- **In Design, Video and Wireframe frames**: open the frame's **Library**, then the **Brand** category under **Elements**. Click or drag a logo (1) onto the frame. **View kit** (2) opens the kit.
- **In a Design frame's Colours tab**: your kits come first among the colour cards. Click one to recolour the page with your brand colours.
- **In the colour picker**: your kit's colours show as a **Brand** row.

A logo you place is copied into the board, so changing the kit later does not change items already made.

## Brand kits in the API and MCP

On the Plus and Max plans:

- The MockFlow API lists your team's kits at `GET /brand-kits`, and `POST /boards/{boardId}/ai/generate` takes a `brandKit` id so Mida follows the kit.
- In MockFlow MCP, your AI app can call **get****_****brand****_****kit** to read your kit's colours, fonts, rules and logo, and use them in what it creates.

## Next steps

- [Use AI skills](/docs/use-ai-skills)
- [Generate a board from a prompt](/docs/generate-a-board-from-a-prompt)
- [What you can make with MockFlow MCP](/docs/what-you-can-make-with-mockflow-mcp)
