Brand guidelines work best as a living website that anyone on the team can open, search and copy from. A PDF freezes the brand on the day it is exported, and by the next campaign half of it is out of date or lost in someone's downloads folder. A web guide stays current, holds real files, and shows motion and colour the way they will actually appear on a screen.
At iklipse, a creative and AI production agency working across the GCC, Egypt, Europe and the US, we now deliver every new identity with a live guide. Here is why we made the switch, and what goes into one.
The PDF brand book was built for a world of print.
The classic brand book made sense when most of a brand lived on paper. Designers needed a fixed reference for a logo's clear space, a Pantone swatch and a typeface for the letterhead.
Today most brands live on phones. They animate, they switch between light and dark mode, they appear in Arabic and English in the same feed. A static 60-page PDF struggles with all of that. It cannot play a logo animation. It cannot hand a developer a colour value they can paste. It cannot be updated without sending a new file to everyone and hoping they delete the old one.
Nabil, our founder, has a simple test he applies in handovers: when a freelancer joins a project in six months, can they find the right logo file in under a minute without asking anyone. With a PDF the answer is usually no.
Here is what a living brand guide should hold.
Logos for every ground, ready to download.
A guide should show the logo on light, dark, photographic and brand-colour backgrounds, with the correct version for each, and a download button beside every one. Nobody should need to screenshot a logo again.
Colours as code as well as swatches.
Designers need the swatch. Developers need the value. A good guide gives both: HEX, RGB, CSS variables and a JSON file of design tokens that engineering can drop straight into a project. In October 2025 the W3C Design Tokens Community Group published the first stable version of its design tokens format, 2025.10, a vendor-neutral way to share decisions like colour, type and spacing across tools. It is a community group specification, not a formal W3C standard, but it gives teams a common shape for exactly this kind of file.
Type that is set properly in every script.
For brands in our markets, Arabic and Latin type need equal care. A live guide can show real type ladders in both scripts, at the sizes they will be used, with copyable settings for line height and spacing.
Motion you can actually watch.
How the logo enters, how fast transitions move, how a lower third slides in. A web guide plays these as video or live animation, with the timing values written beside them. This is where a PDF fails most clearly.
Voice with real examples.
A list of adjectives does not teach anyone how to write. Short before and after examples of headlines, captions and replies do.
A live guide changes how work gets made.
The quiet benefit is speed. When the agency, the client's in-house team and outside freelancers all use the same live guide, there are fewer rounds of "wrong logo" and "is this the right orange". Feedback moves to the ideas.
It also helps our own AI-infused production. Colour values, type rules and reference imagery from the guide go straight into how we brief and check AI-generated frames, so the output stays on brand from the first pass.
And it keeps the brand alive. When a new colour is added for a seasonal campaign or a new Arabic weight is introduced, the guide is updated once and everyone sees the change on their next visit.
Here is how we build a living guide for a client.
- We design the identity first. The guide records the decisions the identity already made.
- We structure it in chapters. Logo, colour, type, imagery, motion, voice and downloads are the usual core, adjusted to the brand.
- We make the files the heart of it. Every asset shown is downloadable in the formats people need.
- We hand over the keys. The client owns the guide and can update it without calling us, though we are happy when they do.
- We still export a PDF. Some partners and printers want one, so a PDF version sits in the downloads chapter as a snapshot.
Two recent identities, Kardo TV and One Click Away, went out with live guides built this way. We will write about those two brands in their own post.
If you want to see what this looks like for your own brand experience, we are happy to walk you through one.
Frequently asked questions
What are brand guidelines?
Brand guidelines are the rules and files that keep a brand consistent: logo use, colour, typography, imagery, motion and tone of voice.
Why use a website for brand guidelines instead of a PDF?
A website stays current, holds downloadable files, shows motion and gives developers copyable colour values. A PDF is fixed the day it is exported.
What are design tokens?
Design tokens are named values for design decisions, such as a brand colour or a spacing unit, stored in a format like JSON so design tools and code can share them.
Do we lose the PDF completely?
No. We still include a PDF snapshot for partners who need one. The website is simply the source everyone works from.
Sources: W3C Design Tokens Community Group, designtokens.org.
