How do I give ChatGPT or Claude my brand style once, for every page it makes?
Quick answer
Put your brand in one short guide the AI reads before every page: the colors as hex codes, the fonts, how the logo appears, button and heading styles, and how the brand writes. Save it as a skill or a project's instructions, and every page from ChatGPT or Claude starts on brand.
Free plan: no credit card, 1 published page.
On this page
You type "use our brand colors" and ChatGPT picks a blue that is almost yours. Claude uses a font you've never used. The headline says "Unlock your potential", which nobody at your company would write.
The AI can't follow a brand it has never seen. Give it the brand once, in a form it can follow, and give it the same copy every time.
What an AI needs to stay on brand
Exact values, not adjectives. "Our green" is a guess; #1F6F4A is not. The same goes for words: "friendly but professional" fits every company, while "short sentences, no exclamation marks, we say 'page', never 'solution'" fits only yours.
Write the brand guide in 4 steps
1. List the colors and fonts with their exact values
Each color as a hex code and what it is for (background, text, buttons, links). The font names and the sizes for headings, text and buttons.
2. Describe the logo and the buttons
Where the logo goes, its size, and what never goes behind it. The button shape, color and the words buttons use.
3. Write how the brand sounds
Three traits, each with a sentence that fits and one that doesn't, and a short list of words you use and words you avoid.
4. Add one page that gets it right
Attach the HTML of a page you are happy with as the example the AI copies from.
A brand guide the AI can read
Brand guide for every page you make for us
Colors: background #FFFFFF, text #1A1A1A, buttons #1F6F4A with white text, links #1F6F4A.
Fonts: headings "Inter" bold, text "Inter" regular. Never more than 2 fonts.
Logo: top left, never on a photo.
Buttons: rounded corners, a verb that says what happens ("Book a table").
Voice: short sentences. Say "you". No exclamation marks.
Never: gradients, stock photos of people, the words "unlock" or "seamless".
Change every value to your own before you use it.
Give everyone's AI the same guide
One person's chat history isn't a brand guide. When several people, or a freelancer, make pages with their own AI, each needs the same copy, and a change has to reach all of them.
AI Skill Pod's Brand voice skill does step 3 for you: it "extracts a voice guide from 3 to 5 sample texts (traits with do and don't pairs, a word list, mechanics) and rewrites a draft in it". From a team pod, everyone uses the same version in their own ChatGPT, Claude or Gemini, on any plan. AI Skill Pod is made by the team behind Convika.
Check the colors on a phone
A color that looks right on a laptop can be too pale on a phone in daylight. Open the page in the free HTML viewer at phone width before you send it.
Frequently asked questions
How do I make ChatGPT use my brand colors?
Give it the exact hex codes and what each is for, not a description such as "our green". Keep them in a guide you paste or attach every time, or in a shared skill.
Can Claude follow a brand style guide?
Yes, when the guide is written as rules with values: colors, fonts, logo rules, button style, and voice with examples. Attach one page that gets it right.
Where should I keep my brand guide for AI?
In one place every AI reads: a project's instructions in one app, or a shared skill when people use different apps or their own accounts.
Sources
- Agent Skills specification (read November 5, 2026)
Next step
How to share an HTML file as a link that opens on any phone
Upload the file to a host and send its link; email and Google Drive send the code. 8 hosts compared, from Netlify Drop to Convika, with 4 steps.
Related articles
- How do I make ChatGPT or Claude build HTML pages in the same design every time?Ask an AI for a page twice and you get two designs. Save the prompt that made a page you liked as a skill, with its colors, fonts and layout written down.
- What should I check on an AI-made page before I share the link?AI-made pages fail where you don't look: a form that sends nowhere, a dead button, a made-up fact. A 5-step check on a phone, and a prompt for it.
- How do I fix copy that ChatGPT wrote for my landing page?Landing page copy from an AI sounds like every other page. Six tests find the lines that say nothing, and show what to write in their place.
- How do I check what an AI-written page promises before customers read it?An AI writes rankings, guarantees and glowing reviews without being asked. Find each claim, name the proof it needs, and keep only what you can back.
- How do I open an HTML file on iPhone in Safari, and send one that opens?Open an .html file on iPhone in Safari: save it to Files, open a free HTML viewer, and choose it so its scripts run. The Files preview ran none in our test.