Brand DNA is a free, one-file brand system you download, edit, and host for free. Change 5 colors and 2 fonts once — every post you make, on every platform, now looks like it came from the same brand. No designer. No Canva. No monthly fee.
Your Instagram is one vibe. Your Twitter post yesterday was a different vibe. Your podcast cover art uses another font. Your LinkedIn banner? A third color palette.
Every post is slightly off. None of them clearly look like *your* brand. That's not because you have bad taste — it's because nobody gave you one template to use everywhere. Brand DNA is that template.
Below is the actual kit you download — 7 templates, all reading from one config file. This version uses placeholder colors (black + lime). When you edit the config with your colors and fonts, every template updates at once.
/brand-dna-kit/
See the full source on GitHub ↗
If you've ever edited a file with a text editor, you can do this. If you can send an email, you can deploy it.
Go to the GitHub page. Click the green Code button. Download ZIP. Unzip on your computer. That's the whole kit — a folder with a few files.
Open brand-config.js in any text editor. Change your 5 colors, 2 fonts, and brand name. Save. Open index.html in your browser. Everything shows your brand.
Go to pages.cloudflare.com. Create a free account. Drag the folder into the browser. Done — you have a free URL like your-brand.pages.dev.
Each template is dimensioned to the exact pixel size the platform wants. Screenshot, right-click-save, or let an automation do it — the output matches your brand every time.
For anyone who'd rather skip the editing and just get a ready-to-use brand page. Free kit is still free — this is only if you want the convenience.
Send me your logo (or a vibe description), 3 reference images, and your brand name. I'll set up the whole kit with your colors, fonts, and sample content — and send you a ready-to-deploy folder within 24 hours.
You still own everything. MIT license. Edit, fork, resell your own setup — I just do the first pass for you.
your-brand.pages.dev URL of your choiceYes. MIT license. Download, edit, deploy, sell stuff with it, customize it for clients — all free, no attribution required. The $99 setup service is optional — it's only there if you'd rather pay me to do the first edit for you.
If you can edit an email, you can use this. You open one file (brand-config.js) and change values like "#d0ff00" to whatever color you want. The whole kit has ~15 lines you might touch. No coding required.
Canva gives you infinite freedom — which is why Canva brands drift. Brand DNA is the opposite: it locks your brand to 5 colors and 2 fonts and nothing else. That constraint is the point. Every post ends up consistent because there's no way to make it inconsistent.
Also: Canva costs $15/mo and lives on their servers. Brand DNA is free forever and lives on your computer or your free Cloudflare URL.
Yes. The HTML file has each template inside its own labeled section. Copy any section, change the dimensions, change the class name, and you have a new template. It's just HTML and CSS — no framework, no build step.
Once your kit is deployed to a URL, any tool that can take a screenshot of a webpage can produce on-brand images from it. The kit also accepts URL query parameters to swap content at render time — so an agent generating captions can produce one on-brand image per caption.
The examples/ folder in the GitHub repo has a Puppeteer script that does exactly this.
Then change it. The whole CSS is inside index.html — roughly 300 lines, no framework. Rewrite the template styles, swap fonts, change layouts. It's your file once you download it.
Or: book the $99 setup and I'll match your design preferences directly.
Nothing — the kit is a folder of files on your computer. If Cloudflare Pages disappeared tomorrow, you'd drag the same folder into Netlify, Vercel, or GitHub Pages and be back online in 60 seconds. You own everything.
Pablo Giesinger. I made Brand DNA because I was tired of my own posts looking like they came from four different brands. I dogfood it on pabloio-social.pages.dev — every post PABLO IO ships is from a fork of this kit.
Download it. Edit one file. Deploy for free. Keep it forever. If you want it done for you, book the setup service — but you don't have to.
GET IT ON GITHUB ↗