This page was translated from Dutch with AI.

Give your AI one file with your brand style

Perhaps you recognise this. You ask your AI for a few slides for a presentation, and the result looks quite neat. Only you have actually seen those slides before. From a colleague, in a webinar, in just about every video about AI. And the website you built with AI looks very much like the neighbours' one.

There is a simple explanation for that. An AI that knows nothing about your style just chooses the lowest common denominator of all the slides and websites it ever saw. So you get the typical AI look, and that applies to slides just as much as to websites. It is actually a bit ironic that the very tool that was supposed to help you stand out makes you invisible among the rest.

At the bottom of this article you will find a prompt that lets your AI pour your brand style into one file. Feel free to copy it.

Cartoon

What is in such a brand style file

What I show in my training sessions is a plain text file in Markdown. It is usually called design.md, a format that Google invented. It contains your brand style in a way that an AI can read it. Which colours you use, with their colour codes. Which fonts you choose for titles and for plain text. What a button looks like, with rounded corners or without, and how much space there is between two buttons. That actually goes quite far.

A participant asked if that is a stylesheet, like with websites. That is not quite it. It is structured information in plain language. And an agent uses it just as well for a slide as for a web page or a dashboard. In professional jargon, such a thing is called a design system, but you do not need to remember that word.

One file, the same style everywhere

In the past, you built a separate agent for each type of work. One for your slides, one for your website, one for your reports. And each agent got its own explanation about your colours. After a few months, that explanation no longer matched the others.

Today you just provide the same file everywhere. In one session you say 'build me a website and use my brand style'. In another you ask for a dashboard, and that can look nice too, preferably in your colours. The file is the same every time. And if you ever adjust your brand style, you do it in one place.

Where you put it does not really matter. I usually put it in a docs folder in the project. And in the agent's instruction there is one sentence: read design.md in the docs folder for the brand style. There are few rules for that, as long as you tell your agent. And the more often you use that file, the less you hear yourself repeating which blue it was supposed to be.

Frequently asked questions

What is a design.md file?

A plain text file in Markdown that contains your brand style. Your colours, your fonts and what buttons, titles and spacing look like. An AI agent reads it and uses that style for everything it makes for you.

Do I have to write that file myself?

That is not necessary. Give your AI your brand style guide, your logo and a few examples, and let it make the file. Then test it with a slide or a page and adjust where it is not right.

Does this also work in Microsoft Copilot?

In Copilot the same idea is called a brand kit. You find it in the Copilot app under Create and then More. You can put your logos, colours, fonts, templates and even your brand voice in it.

Where can I practice this together with others?

If you want to build websites and apps with agents in your own style, then Vibe Coding with AI or Claude AI Power User is a good fit. If you mostly work with Microsoft, then look at Working smarter with Copilot in M365. You can find them at Workshops & Events.

Keep reading for free

Register free with your e-mail address and read on. Your account opens the free articles in the learning space; the rest is for subscribers, from Learn Plus up.

Already registered? No account yet?

QR code of this page

coachsteff.live/en/een-bestand-met-je-huisstijl

Scan with your phone to open the page.