lostwoods

Blog

  • Que met-on dans un document de brand guidelines ? La checklist

    Que met-on dans un document de brand guidelines ? La checklist

    Demandez leurs brand guidelines à cinq entreprises et vous obtiendrez cinq documents très différents. L’une envoie une seule page avec un logo et deux codes couleur. Une autre envoie un PDF de quatre-vingt-dix pages que personne dans l’équipe n’a jamais ouvert. Les deux ont le même défaut : elles ont été conçues comme un livrable, pas comme un système qui aide réellement à décider.

    Un document de brand guidelines a un seul rôle : permettre à n’importe qui, en interne comme en externe, de produire quelque chose de cohérent avec la marque sans avoir à poser la question. Il doit donc être assez complet pour répondre aux vraies questions, et assez clair pour qu’on le consulte au lieu de deviner. La plupart échouent d’un côté ou de l’autre.

    En résumé : de bonnes brand guidelines couvrent trois couches, pas une seule. La fondation (ce que la marque veut dire), l’identité visuelle (comment elle se présente) et l’application (comment elle se comporte dans le monde réel, surtout en digital). Voici la checklist que nous utilisons, section par section, avec ce que chacune doit réellement contenir..

    1. La fondation de marque (le pourquoi)

    C’est la partie que la plupart des documents trop légers zappent, et c’est justement celle qui rend toutes les autres décisions plus simples. Avant même de définir une couleur, le document doit établir ce que la marque cherche à être. Sans ça, on applique correctement les visuels et on se trompe quand même de ton.

    • Mission et positionnement : ce que fait la marque, pour qui, et ce qui la rend différente.
    • Personnalité de marque : trois à cinq traits qui décrivent la sensation que la marque doit dégager.
    • Audience : à qui vous vous adressez, en une phrase claire.
    • Signature ou message clé, s’il en existe un, et comment il doit (et ne doit pas) être utilisé.

    2. Le système de logo

    Pas « le logo », le système de logo. Un seul fichier ne suffit pas, car le logo doit fonctionner à toutes les tailles, sur tous les fonds, dans tous les formats. C’est là que se produisent la plupart des mauvais usages, donc c’est là que les règles doivent être explicites.

    • Logo principal et variations approuvées (horizontal, empilé, icône seule, monochrome).
    • Zone de protection et taille minimale, pour qu’il ne soit jamais à l’étroit ni réduit jusqu’à l’illisibilité.
    • Versions couleur approuvées et comment choisir entre elles sur fond clair ou foncé.
    • Exemples de mauvais usages : étiré, recoloré, pivoté, posé sur une image chargée. Montrez ce qu’il ne faut pas faire, pas seulement ce qu’il faut faire.
    • Formats de fichiers et où les trouver (SVG pour l’écran, vectoriel pour l’impression).

    3. La palette de couleurs

    Une palette n’est pas un moodboard. C’est un ensemble de décisions sur quelle couleur fait quoi. L’erreur la plus fréquente consiste à lister des couleurs sans dire comment elles s’articulent : chacun choisit alors sa préférée, et la cohérence disparaît en silence.

    • Couleurs primaires, secondaires et d’accent, avec un rôle clair pour chacune.
    • Valeurs exactes pour chaque support : HEX et RGB pour l’écran, CMJN pour l’impression, Pantone si pertinent.
    • Neutres et couleurs de fond, presque toujours sous-spécifiés.
    • Accessibilité : quelles associations texte/fond respectent les contrastes, pour que marque et lisibilité ne s’opposent pas.

    4. La typographie

    La typographie porte davantage la personnalité d’une marque qu’on ne le pense, et elle casse plus facilement qu’on ne le prévoit, surtout sur le web.

    • Typographies principale et secondaire, avec les graisses que vous utilisez réellement.
    • Une hiérarchie typographique : titres, corps, légendes, avec des règles de tailles relatives plutôt que des choix au cas par cas.
    • Fallbacks web-safe et licences, pour que l’identité survive quand la police custom ne se charge pas.
    • Règles de base d’interlignage, de longueur de ligne et d’alignement.

    5. Imagerie et iconographie

    Deux marques peuvent partager le même logo, les mêmes couleurs et les mêmes polices et ne se ressembler en rien, parce que leur photographie et leurs icônes suivent une logique différente. Cette section, c’est ce qui fait que tout ce qui vient ensuite reste la même marque.

    • Style photographique : sujet, cadrage, traitement des couleurs, et ce qu’il faut éviter.
    • Illustrations ou éléments graphiques, si la marque en utilise, et comment.
    • Style d’iconographie : épaisseur de trait, angles, niveau de détail, pour qu’une nouvelle icône colle toujours au set.

    6. Voix et ton

    Une marque, ce n’est pas seulement ce à quoi elle ressemble, c’est aussi comment elle sonne. Des guidelines qui couvrent les visuels mais ignorent les mots laissent la moitié de l’identité au hasard, et ça se voit dès que deux personnes écrivent pour la marque dans deux styles différents.

    • Comment la marque s’exprime : quelques traits qui la définissent (par exemple, directe plutôt que formelle).
    • Exemples avant/après : le même message écrit dans le ton de la marque et hors ton.
    • Règles pratiques : comment traiter les titres, les boutons, les messages d’erreur, et les petits textes auxquels personne ne pense.

    7. L’application digitale

    C’est la section que la plupart des guidelines traditionnelles oublient complètement, et c’est aujourd’hui la plus importante, parce que votre marque se vit sur des écrans plus que partout ailleurs. Les guidelines de l’ère print décrivent à quoi ressemble la marque. L’application digitale décrit comment elle se comporte.

    • Comment l’identité se traduit sur le web et dans le produit : mise en page, espacements, et comportement de la couleur et de la typo à l’écran.
    • Éléments d’UI de base : boutons, formulaires, états, pour que la marque reste cohérente là où les gens l’utilisent vraiment.
    • Comportement en mouvement, si pertinent : transitions, survol, bases d’interaction.

    C’est aussi le moment où les brand guidelines commencent à recouper un design system, et où la différence entre les deux compte. Nous détaillons ça dans charte graphique, brand guidelines, design system : quelle différence ?.

    Un document de brand guidelines n’est pas une décoration de votre logo. C’est un outil d’aide à la décision.

    Jusqu’où aller ?

    La bonne longueur n’est pas « le plus long possible ». C’est « assez pour répondre aux questions que votre équipe se pose vraiment ». Une startup de cinq personnes n’a pas besoin du même document qu’une multinationale, et vouloir faire rentrer l’un dans l’autre, c’est la meilleure façon de finir avec des guidelines que personne n’utilise.

    Un test simple : une nouvelle recrue, ou un freelance externe, pourrait-il produire quelque chose de cohérent avec la marque en utilisant uniquement ce document, sans un seul message de clarification ? Si oui, il est assez complet. S’il devait encore deviner, c’est qu’il manque un élément de la checklist. L’objectif n’est pas le volume, c’est de couvrir les décisions qui reviennent dans le travail réel.

    Les guidelines sont un système, pas un PDF

    Le plus important dans cette checklist n’est aucune section en particulier. C’est que le document reste vivant. Un fichier de brand guidelines écrit une fois et jamais mis à jour commence à s’éloigner de la réalité dès que le produit ou l’entreprise change. De nouveaux canaux apparaissent, de nouveaux besoins émergent, et l’écart entre le document et la vraie marque se creuse jusqu’à ce que plus personne ne lui fasse confiance.

    C’est pour ça que nous traitons l’identité de marque comme un système plutôt que comme un livrable ponctuel : une fondation documentée, appliquée avec cohérence, et maintenue à mesure que la marque grandit. C’est la même raison pour laquelle la cohérence tient mieux dans le temps quand quelqu’un en est responsable, exactement le schéma d’échec que nous décrivons dans pourquoi les marques perdent en cohérence en grandissant.

    Par où commencer

    Vous n’avez pas besoin de tout écrire d’un coup. Si vous partez d’un document trop léger, priorisez dans cet ordre :

    • La fondation d’abord : verrouillez le positionnement et la personnalité, parce que tout le reste en dépend.
    • Ensuite les incontournables : système de logo, couleur, typographie, avec les valeurs exactes et les exemples de mauvais usages.
    • Puis l’application digitale, parce que c’est là que votre marque se vit aujourd’hui.
    • Enfin, décidez qui en est responsable et à quelle fréquence on le révise. Des guidelines sans propriétaire sont des guidelines en route vers l’oubli.

    À retenir

    Un document de brand guidelines est complet non pas quand il est long, mais quand il permet de prendre des décisions cohérentes avec la marque sans avoir à demander. Couvrez les trois couches, la fondation, l’identité visuelle et l’application digitale, gardez-le utilisable, et donnez-lui un responsable. Faites ça, et le document cesse d’être un fichier qui dort dans un dossier pour devenir ce qu’il devait être : ce qui maintient votre marque cohérente à mesure qu’elle grandit.

    FAQ

    Quelle est la différence entre des brand guidelines et un design system ?

    Les brand guidelines définissent ce que la marque veut dire et comment elle doit se présenter et s’exprimer. Un design system transforme une partie de ça en composants réutilisables et codés pour construire des produits. Les guidelines décrivent l’intention ; le design system la rend reproductible dans le logiciel. Beaucoup d’équipes ont besoin des deux, à des étapes différentes.

    Quelle longueur pour des brand guidelines ?

    Assez pour répondre aux questions que votre équipe se pose vraiment, pas plus. Un bon test : une nouvelle recrue ou un freelance pourrait-il produire quelque chose de cohérent avec la marque en utilisant uniquement le document, sans demander de précisions ? Si oui, il est complet. Le volume n’est pas l’objectif, la couverture des vraies décisions l’est.

    Les petites entreprises ont-elles vraiment besoin de brand guidelines ?

    Oui, mais dans une version dimensionnée pour elles. Même un document de deux pages qui fixe la fondation, le logo, la couleur, la typo et le ton gardera une petite équipe cohérente et fera gagner des heures d’allers-retours. L’enjeu n’est pas la formalité, c’est de rendre les décisions de la marque explicites pour qu’elles ne soient pas réinventées à chaque fois.

  • What Belongs in a Brand Guidelines Document (A Checklist)

    What Belongs in a Brand Guidelines Document (A Checklist)

    Ask five companies for their brand guidelines and you will get five very different documents. One sends a single page with a logo and two hex codes. Another sends a ninety-page PDF nobody on the team has ever opened. Both have the same problem: they were built as a deliverable, not as a system people can actually use to make decisions.

    A brand guidelines document has one job: to let anyone, inside or outside the company, produce something on-brand without having to ask. That means it has to be complete enough to answer real questions, and clear enough that people reach for it instead of guessing. Most fail on one side or the other.

    The short version: good brand guidelines cover three layers, not one. The foundation (what the brand means), the visual identity (how it looks), and the application (how it behaves in the real world, especially digital). Below is the checklist we use, section by section, with what each one actually needs to contain..

    1. Brand foundation (the why)

    This is the part most thin guidelines skip, and it is the one that makes every other decision easier. Before a single color is defined, the document should establish what the brand is trying to be. Without it, people apply the visuals correctly and still get the tone wrong.

    • Mission and positioning: what the brand does, for whom, and what makes it different.
    • Brand personality: three to five traits that describe how the brand should feel.
    • Audience: who you are speaking to, in one clear sentence.
    • Tagline or key message, if one exists, and how it should and should not be used.

    2. Logo system

    Not « the logo, » the logo system. A single file is not enough, because the logo has to work at every size, on every background, in every format. This is where most misuse happens, so this is where the rules need to be explicit.

    • Primary logo plus approved variations (horizontal, stacked, icon-only, monochrome).
    • Clear space and minimum size, so it never gets crowded or shrunk into illegibility.
    • Approved color versions and how to choose between them on light and dark backgrounds.
    • Misuse examples: stretched, recolored, rotated, placed on busy images. Show what not to do, not just what to do.
    • File formats and where to find them (SVG for screen, vector for print).

    3. Color palette

    A palette is not a mood board. It is a set of decisions about which colors do what. The most common failure is listing colors without saying how they relate, so everyone picks their own favorite and consistency quietly disappears.

    • Primary, secondary and accent colors, with a clear role for each.
    • Exact values for every medium: HEX and RGB for screen, CMYK for print, Pantone if relevant.
    • Neutrals and background colors, which are almost always underspecified.
    • Accessibility: which text-and-background combinations meet contrast requirements, so brand and usability do not fight each other.

    4. Typography

    Typography carries more of a brand’s personality than most people expect, and it breaks more easily than most people plan for, especially on the web.

    • Primary and secondary typefaces, with the weights you actually use.
    • A type hierarchy: headings, body, captions, with relative sizing rules rather than one-off choices.
    • Web-safe fallbacks and licensing, so the identity survives when the custom font does not load.
    • Basic rules for spacing, line length and alignment.

    5. Imagery and iconography

    Two brands can share the same logo, colors and fonts and still look nothing alike, because their photography and icons follow different logic. This section is what keeps everything downstream feeling like the same brand.

    • Photography style: subject, framing, color treatment, and what to avoid.
    • Illustration or graphic elements, if the brand uses them, and how.
    • Icon style: line weight, corners, level of detail, so a new icon always matches the set.

    6. Voice and tone

    A brand is not only what it looks like, it is how it sounds. Guidelines that cover the visuals but ignore the words leave half the identity to chance, and it shows the moment two people write for the brand in two different styles.

    • How the brand speaks: a few defining traits (for example, direct rather than formal).
    • Before-and-after examples: the same message written on-brand and off-brand.
    • Practical rules: how you handle headlines, buttons, error messages, and the small copy nobody thinks about.

    7. Digital application

    This is the section most traditional guidelines miss entirely, and it is now the one that matters most, because your brand is experienced on screens more than anywhere else. Print-era guidelines describe how the brand looks. Digital application describes how it behaves.

    • How the identity translates to web and product: layout, spacing, and how color and type work on screen.
    • Core UI elements: buttons, forms, states, so the brand stays consistent where people actually use it.
    • Behavior in motion, if relevant: transitions, hover, and interaction basics.

    This is also the point where brand guidelines start to overlap with a design system, and where the difference between the two matters. We break that down in design system vs brand guidelines vs style guide.

    A brand guidelines document is not a decoration of your logo. It is a decision-making tool.

    How much is enough?

    The right length is not « as long as possible. » It is « enough to answer the questions your team actually asks. » A five-person startup does not need the same document as a multinational, and forcing one to fit the other is how guidelines end up unused.

    A simple test: could a new hire, or an external freelancer, produce something on-brand using only this document, without a single clarifying message? If yes, it is complete enough. If they would still have to guess, something on the checklist is missing. The goal is not volume, it is coverage of the decisions that come up in real work.

    Guidelines are a system, not a PDF

    The most important thing on this checklist is not any single section. It is that the document stays alive. A brand guidelines file that is written once and never updated starts drifting from reality the moment the product or the company changes. New channels appear, new needs emerge, and the gap between the document and the real brand widens until people stop trusting it.

    That is why we treat brand identity as a system rather than a one-off deliverable: a foundation that is documented, applied consistently, and maintained as the brand grows. It is the same reason consistency holds up better over time when someone owns it, which is exactly the failure pattern we cover in why brands lose consistency as they grow.

    Where to start

    You do not need to write all of it at once. If you are starting from a thin document, prioritize in this order:

    • Foundation first: nail the positioning and personality, because everything else depends on it.
    • Then the non-negotiables: logo system, color, typography, with exact values and misuse examples.
    • Then digital application, because that is where your brand is actually experienced today.
    • Finally, decide who owns it and how often it gets reviewed. A guideline with no owner is a guideline on its way to being ignored.

    The takeaway

    A brand guidelines document is complete not when it is long, but when it lets people make on-brand decisions without asking. Cover the three layers, the foundation, the visual identity and the digital application, keep it usable, and give it an owner. Do that, and the document stops being a file that sits in a folder and becomes what it was meant to be: the thing that keeps your brand coherent as it grows.

    FAQ

    What is the difference between a brand guidelines document and a design system?

    Brand guidelines define what the brand means and how it should look and sound. A design system turns part of that into reusable, coded components for building products. Guidelines describe the intent; a design system makes it repeatable in software. Many teams need both, at different stages.

    How long should brand guidelines be?

    Long enough to answer the questions your team actually asks, and no longer. A good test: could a new hire or a freelancer produce something on-brand using only the document, without asking for clarification? If yes, it is complete. Volume is not the goal, coverage of real decisions is.

    Do small companies really need brand guidelines?

    Yes, but a right-sized version. Even a two-page document that fixes the foundation, logo, color, type and tone will keep a small team consistent and save hours of back-and-forth. The point is not formality, it is making the brand’s decisions explicit so they do not get re-invented every time.

  • Pourquoi un site bien conçu peut quand même sembler confus

    Pourquoi un site bien conçu peut quand même sembler confus

    Ces dernières années, le niveau d’exécution en design a fortement grimpé. La plupart des équipes savent aujourd’hui livrer des interfaces qui font pro. Les design systems, les UI kits et les outils modernes ont standardisé une grande partie de la couche visuelle. Mais ce glissement a discrètement déplacé le problème ailleurs..

    Quand tout « fait assez propre », la qualité visuelle cesse d’être ce qui fait la différence. Ce qui reste, c’est la facilité avec laquelle les gens comprennent ce qu’ils regardent, la rapidité avec laquelle ils naviguent, et le naturel avec lequel ils avancent dans l’expérience. Le vrai enjeu n’est plus l’apparence. C’est le sens.

    En résumé : quand un site bien conçu semble quand même confus, la cause n’est presque jamais visuelle. C’est la structure en dessous, la façon dont l’information est hiérarchisée, dont les décisions ont été prises, et dont elles tiennent ensemble à mesure que le produit grandit.

    La clarté ne vient pas du visuel

    Il est tentant d’assimiler qualité visuelle et utilisabilité. Des mises en page nettes, des espacements cohérents et des composants bien construits créent une impression d’ordre, et cet ordre est souvent confondu avec la clarté. Mais la clarté n’est pas un résultat visuel. Elle découle de la façon dont l’information est structurée, dont les priorités sont définies, et dont les décisions s’articulent à travers l’expérience. Deux interfaces peuvent avoir la même qualité visuelle et produire des niveaux de compréhension complètement différents.

    Imaginez deux tableaux de bord construits avec exactement le même design system. L’un place en haut le seul chiffre qui compte et relègue le reste en dessous. L’autre affiche douze cartes de même taille et de même poids. Mêmes composants, même finition, clarté opposée. La différence n’est pas la qualité du design. C’est la décision de ce qui compte en premier, et cette décision est structurelle, pas visuelle.

    Ce que les utilisateurs vivent comme de la confusion se résume en général à trois choses :

    • Une hiérarchie floue : qu’est-ce qui compte d’abord ?
    • Des signaux concurrents : sur quoi dois-je me concentrer ?
    • Un manque de direction : que dois-je faire ensuite ?

    Aucun de ces problèmes n’est visuel. Ils sont structurels.

    Pourquoi une refonte règle rarement le problème

    Quand un site paraît confus, le réflexe est de le refondre. C’est logique : si quelque chose ne fonctionne pas, on améliore l’interface. Alors on itère sur les maquettes, on affine les composants, on rafraîchit le visuel. Parfois ça aide. Souvent non, parce que le problème vit rarement dans l’interface elle-même. Il vit dans la façon dont les décisions ont été prises en amont : comment le contenu a été priorisé, comment les parcours ont été définis, comment les fonctionnalités se sont ajoutées avec le temps.

    C’est pour ça qu’une refonte peut donner l’impression d’un progrès sans rien changer. Vous avez reconstruit la surface, pas les décisions en dessous. L’interface s’améliore, la clarté non, et quelques mois plus tard la même plainte revient dans un plus bel emballage.

    La confusion s’accumule avec le temps

    La plupart des produits numériques ne sont pas conçus en une seule phase maîtrisée. Ils évoluent. De nouvelles pages s’ajoutent, de nouveaux objectifs émergent, différentes personnes contribuent. Chaque décision règle un problème isolément, et prise séparément, chacune est souvent juste. Le problème, c’est l’accumulation. Sans structure partagée, les décisions se mettent à dériver, pas brutalement, mais progressivement. La navigation devient moins intuitive, le contenu perd sa hiérarchie, les interactions deviennent moins prévisibles. Rien n’est visiblement cassé.

    Mais la cohérence s’érode, une décision raisonnable à la fois.

    La clarté est un système, pas un coup unique

    La clarté n’est pas quelque chose qu’on atteint une fois et qu’on conserve automatiquement. C’est le résultat visible de décisions cohérentes maintenues dans le temps. Pour rester clair, un produit a besoin de principes stables, d’une prise de décision alignée et de continuité dans la façon d’appliquer les changements. C’est la différence entre un design qui a l’air fini et un design qui reste cohérent en grandissant.

    C’est aussi pour ça que nous traitons le design comme un système plutôt que comme un projet : une fondation structurée, des règles documentées et une direction continue qui gardent chaque nouvelle page et chaque fonctionnalité alignées avec l’ensemble. C’est la même raison pour laquelle la clarté tient mieux dans un partenariat long terme que dans une refonte ponctuelle. Les décisions restent alignées parce que quelqu’un les garde alignées.

    Comment savoir si votre problème de clarté est structurel

    Une interface confuse et un problème structurel ne sont pas toujours faciles à distinguer au premier coup d’œil. Quelques questions rendent en général les choses évidentes :

    • Les nouvelles recrues peinent-elles à expliquer à quoi sert vraiment une page ?
    • Quand vous ajoutez une fonctionnalité, la navigation devient-elle plus difficile à raisonner ?
    • Les refontes se succèdent-elles sans jamais régler la même plainte ?
    • Pouvez-vous pointer où « ce qui compte le plus » est décidé, ou est-ce redécidé page par page ?

    Si les réponses vivent dans des décisions dispersées, prises page par page, sans règle partagée, le problème est structurel, et aucune finition visuelle ne le réglera.

    Par où commencer

    On ne règle pas la structure avec une refonte plus grosse. On la règle en rendant les décisions explicites et reproductibles :

    • Cartographier les vraies priorités : ce qui doit compter en premier, sur chaque page et dans chaque parcours.
    • Faire de la hiérarchie une règle, pas un choix refait de zéro sur chaque écran.
    • Documenter les principes pour que les décisions restent alignées quand les personnes et les contraintes changent.
    • L’entretenir : la clarté est une cible mouvante à mesure que le produit grandit, elle demande une direction continue, pas un nettoyage ponctuel.

    C’est le même mécanisme d’échec que nous décrivons dans pourquoi les marques perdent en cohérence en grandissant : des choix raisonnables un par un, mais jamais pensés pour fonctionner ensemble.

    De l’exécution à la structure

    La bonne exécution est désormais la norme, pas l’avantage. Les équipes qui se distinguent sont celles qui traitent la clarté comme une discipline structurelle. Elles définissent comment les décisions sont prises, comment elles sont validées dans le temps, et comment elles restent alignées à mesure que le produit évolue. C’est là que le design passe de l’exécution à la structure, et que la clarté devient quelque chose qu’on peut soutenir plutôt que courir après.

    À retenir

    Les sites confus sont rarement le résultat d’un mauvais design. Ils sont le résultat de décisions qui n’ont jamais été structurées pour fonctionner ensemble dans le temps. Tant que ces décisions restent fragmentées, la clarté continue de se dégrader, peu importe le nombre de refontes qui suivent. Parce que la clarté ne s’ajoute pas. Elle se maintient.

    FAQ

    Mon site est-il confus parce que le design est mauvais ?

    En général, non. Si l’interface est nette et que les gens s’y perdent quand même, la cause est presque toujours structurelle, hiérarchie floue, priorités concurrentes ou décisions jamais alignées, plutôt que le design visuel lui-même.

    Une refonte va-t-elle régler un site confus ?

    Seulement si elle s’attaque aux décisions en dessous, pas seulement à l’interface. Une refonte qui rafraîchit le visuel sans corriger la hiérarchie et les priorités produit surtout une version plus jolie de la même confusion.

    Comment garder un site clair quand il grandit ?

    En traitant le design comme un système : des principes stables, des règles documentées et une direction continue, pour que chaque nouvelle page et fonctionnalité reste alignée avec l’ensemble au lieu de dériver une décision à la fois.

  • Why a Well-Designed Website Can Still Feel Confusing

    Why a Well-Designed Website Can Still Feel Confusing

    Over the past few years, the baseline of design execution has risen sharply. Most teams can now ship interfaces that look professional. Design systems, UI kits and modern tooling have standardized a large part of the visual layer. But that shift has quietly moved the problem somewhere else..

    When everything looks « good enough, » visual quality stops being the differentiator. What remains is how easily people understand what they are looking at, how quickly they can navigate, and how naturally they move through the experience. The real challenge is no longer how things look. It is how they make sense.

    The short version: when a well-designed website still feels confusing, the cause is almost never the visuals. It is the structure underneath them, how information is prioritized, how decisions were made, and how well they hold together as the product grows.

    Clarity doesn’t come from visuals

    It is tempting to equate visual quality with usability. Clean layouts, consistent spacing and well-built components create a sense of order, and that order often gets mistaken for clarity. But clarity is not a visual outcome. It is the result of how information is structured, how priorities are defined, and how decisions connect across the experience. Two interfaces can share the same visual quality and produce completely different levels of understanding.

    Picture two dashboards built from the exact same design system. One puts the single number that matters at the top and pushes everything else below it. The other shows twelve cards of equal size and equal weight. Same components, same polish, opposite clarity. The difference isn’t design quality. It is the decision about what matters first, and that decision is structural, not visual.

    What users experience as confusion usually comes down to three things:

    • Unclear hierarchy: what matters first?
    • Competing signals: what should I focus on?
    • Lack of direction: what do I do next?

    None of these are visual problems. They are structural.

    Why a redesign rarely fixes it

    When a website feels confusing, the instinct is to redesign. It is a logical reaction: if something is not working, improve the interface. So teams iterate on layouts, refine components and refresh visuals. Sometimes it helps. Often it does not, because the issue rarely lives in the interface itself. It lives in the way decisions were made upstream: how content was prioritized, how flows were defined, how features were added over time.

    That is why a redesign can feel like progress and change nothing. You rebuilt the surface, not the decisions underneath it. The interface improves, the clarity does not, and a few months later the same complaint comes back in a nicer-looking package.

    Confusion accumulates over time

    Most digital products are not designed in a single, controlled phase. They evolve. New pages are added, new goals emerge, different people contribute. Each decision solves a problem in isolation, and individually those decisions are often correct. The problem is accumulation. Without a shared structure, decisions begin to drift, not dramatically, but progressively. Navigation becomes less intuitive, content loses its hierarchy, interactions feel less predictable. Nothing is obviously broken.

    But coherence erodes, one reasonable decision at a time.

    Clarity is a system, not a one-off

    Clarity is not something you achieve once and keep automatically. It is the visible result of consistent decisions maintained over time. To stay clear, a product needs stable principles, aligned decision-making and continuity in how changes are applied. That is the difference between a design that looks finished and a design that stays coherent as it grows.

    It is also why we treat design as a system rather than a project: a structured foundation, documented rules and ongoing direction that keep every new page and feature aligned with the whole. It is the same reason clarity holds up better inside a long-term partnership than a one-off redesign. The decisions stay aligned because someone keeps them aligned.

    How to tell if your clarity problem is structural

    A confusing interface and a structural problem are not always easy to separate at first glance. A few questions usually make it obvious:

    • Do new team members struggle to explain what a page is actually for?
    • When you add a feature, does the whole navigation get harder to reason about?
    • Do redesigns keep happening without ever resolving the same complaint?
    • Can you point to where « what matters most » is decided, or is it re-decided page by page?

    If the answers live in scattered, page-by-page decisions with no shared rule, the problem is structural, and no amount of visual polish will resolve it.

    Where to start

    You don’t fix structure with a bigger redesign. You fix it by making decisions explicit and repeatable:

    • Map the real priorities: what should matter first, on each page and across each flow.
    • Turn hierarchy into a rule, not a choice made from scratch on every screen.
    • Document the principles so decisions stay aligned as people and pressures change.
    • Maintain it: clarity is a moving target as the product grows, so it needs ongoing direction, not a one-time cleanup.

    It is the same failure pattern we cover in why brands lose consistency as they grow: individually reasonable choices that were never designed to work together.

    From execution to structure

    Good execution is now the baseline, not the advantage. The teams that stand out are the ones that treat clarity as a structural discipline. They define how decisions are made, how they are validated over time, and how they stay aligned as the product evolves. That is where design shifts from execution to structure, and where clarity becomes something you can sustain instead of something you keep chasing.

    The takeaway

    Confusing websites are rarely the result of poor design. They are the result of decisions that were never structured to work together over time. As long as those decisions stay fragmented, clarity keeps degrading, no matter how many redesigns follow. Because clarity is not something you add. It is something you maintain.

    FAQ

    Is my website confusing because the design is bad?

    Usually not. If the interface looks clean and still confuses people, the cause is almost always structural, unclear hierarchy, competing priorities, or decisions that were never aligned, rather than the visual design itself.

    Will a redesign fix a confusing website?

    Only if it addresses the decisions underneath, not just the interface. A redesign that refreshes visuals without fixing hierarchy and priorities tends to produce a nicer-looking version of the same confusion.

    How do you keep a website clear as it grows?

    By treating design as a system: stable principles, documented rules and ongoing direction, so every new page and feature stays aligned with the whole instead of drifting one decision at a time.

  • Pourquoi les marques perdent en cohérence en grandissant (et comment y remédier)

    Pourquoi les marques perdent en cohérence en grandissant (et comment y remédier)

    Une marque perd rarement en cohérence à cause d’un mauvais design. Elle la perd parce que la croissance multiplie les décisions, et que ces décisions finissent par se prendre en isolé, par des personnes différentes, à des moments différents, sans système commun pour les tenir ensemble. La solution n’est pas un énième redesign. C’est de transformer votre marque en un système documenté que toute votre équipe peut appliquer.

    À quoi ressemble vraiment la perte de cohérence

    C’est rarement un échec spectaculaire. C’est une accumulation de petites dérives :

    • Le site, le deck commercial et les posts social ont chacun une tête un peu différente.
    • Deux membres de l’équipe décrivent ce que vous faites de deux façons différentes.
    • Chaque nouvelle page, campagne ou écran produit repart de zéro, ou du fichier le plus proche.
    • Personne n’est vraiment sûr de quel logo, quelle police ou quelle couleur est la version actuelle.

    Prises séparément, aucune n’a d’importance. Ensemble, elles disent à votre marché que l’entreprise n’est pas tout à fait sûre de qui elle est.

    Pourquoi ça arrive : la croissance multiplie les décisions isolées

    Quand vous êtes petit, la cohérence est facile, parce qu’une ou deux personnes prennent chaque décision. La marque vit dans leur tête.

    En grandissant, ça ne tient plus. Plus de personnes, plus de canaux, plus de vitesse. Chacune prend des décisions de design et de message raisonnables, seule, sous deadline, sans référence commune. Le problème n’est pas un manque de talent ni de budget. C’est que la marque n’a jamais été transformée en quelque chose qui existe hors de la tête de quelques personnes. La croissance ne casse pas votre marque. Elle révèle qu’il n’y avait pas de système en dessous.

    Le coût caché de l’incohérence

    L’incohérence a l’air cosmétique. Elle ne l’est pas. Elle taxe en silence trois choses :

    • La crédibilité. Une marque qui a une tête différente partout paraît moins établie, et les acheteurs hésitent face à l’hésitation.
    • La vitesse. Sans règles et templates partagés, chaque asset devient un débat et une refonte. Votre équipe passe son temps à re-trancher des questions déjà réglées.
    • Le budget. Vous payez deux fois : une fois pour créer, une fois pour refaire. Les redesigns qui « corrigent l’apparence » sans corriger le système dérivent de nouveau en moins d’un an.

    Le basculement : du livrable au système

    La plupart du travail de marque et de design s’achète en livrables, un logo, un site, un jeu de slides. Les livrables vieillissent en isolé. L’alternative, c’est de traiter la marque et le design comme un système : un ensemble documenté de règles et de parties réutilisables que n’importe quel membre de l’équipe peut appliquer et qui reste cohérent à mesure qu’on l’enrichit.

    Livrables ponctuels Un design system
    Des assets qui vivent seuls Des règles et composants qui se connectent
    Dépendent de la personne qui les a faits Utilisables par toute l’équipe
    Dérivent dès que vous passez à l’échelle Restent cohérents en grandissant
    Refaits à chaque redesign Maintenus et étendus

    C’est la différence entre corriger l’apparence de votre marque aujourd’hui et la faire tenir dans le temps.

    Comment y remédier, étape par étape

    On ne reconstruit pas à partir de zéro. On donne à la marque une structure qu’elle n’a jamais eue :

    1. Créez une source unique de vérité. Un seul endroit qui réunit les assets validés, les règles et les templates, pour que personne ne cherche plus le « bon » fichier.
    2. Documentez les règles, pas seulement les fichiers. Pas juste le logo, mais comment et quand l’utiliser. Un positionnement, des messages et des règles visuelles qu’une nouvelle recrue pourrait appliquer sans demander.
    3. Donnez un propriétaire au système. Une personne responsable de le tenir à jour. Un système sans propriétaire se dégrade en silence.
    4. Construisez pour la réutilisation. Des templates et des composants pour que rester on-brand soit le chemin le plus facile, pas le plus discipliné.
    5. Revoyez au niveau du système. Jugez les nouvelles productions par rapport au système, pas asset par asset, pour que les décisions se cumulent au lieu de diverger.
    6. Gardez-le vivant. Revisitez-le en grandissant. Un système non entretenu dérive à nouveau, c’est pourquoi les rebrands ponctuels ne tiennent pas.

    Par où commencer

    L’étape la plus importante dépend d’où vient la dérive :

    • Si votre identité, votre positionnement ou vos règles visuelles manquent de clarté, commencez par la fondation. C’est le rôle de Brand Foundation.
    • Si la dérive apparaît sur votre site et vos interfaces produit, structurez-les. C’est UI/UX Design.
    • Si la base existe mais s’érode à chaque passage à l’échelle, il vous faut quelqu’un qui porte le système dans la durée. C’est un Long-Term Partnership.

    Pas sûr ? The Compass vous donne un repère en deux minutes.

    FAQ

    L’incohérence, ce n’est pas juste le signe qu’il faut un rebrand ?
    Le plus souvent, non. Un rebrand change l’apparence de la marque ; si le système sous-jacent manque toujours, elle dérive à nouveau. Réglez d’abord la structure, puis décidez si l’apparence doit vraiment changer.

    Notre équipe interne ne peut pas simplement faire respecter la marque ?
    Seulement si elle a quelque chose à faire respecter. Une équipe reste cohérente grâce à un système documenté et une responsabilité claire, pas par la volonté. Donnez-lui les règles et les templates, et la cohérence devient l’option par défaut.

    Quelle différence entre un design system et des brand guidelines ?
    Les guidelines décrivent ; un système est fait pour être utilisé et pour rester cohérent à mesure qu’on l’enrichit. On détaille la distinction dans charte graphique, brand guidelines, design system : la différence.

    Quel est le bon moment pour s’en occuper ?
    Le meilleur moment, c’est juste avant de passer à l’échelle, quand les écarts sont encore petits. Le deuxième meilleur, c’est maintenant, avant que le prochain redesign ne remette tout à zéro.

  • Why brands lose consistency as they grow (and how to fix it)

    Why brands lose consistency as they grow (and how to fix it)

    Brands rarely lose consistency because the design was bad. They lose it because growth multiplies decisions, and those decisions start getting made in isolation, by different people, at different moments, without a shared system to hold them together. The fix isn’t another redesign. It’s turning your brand into a documented system your whole team can apply.

    What losing consistency actually looks like

    It’s rarely one dramatic failure. It’s an accumulation of small drifts:

    • The website, the sales deck and the social posts each have a slightly different look.
    • Two team members describe what you do in two different ways.
    • Every new page, campaign or product screen starts from scratch, or from whatever file was closest.
    • Nobody’s quite sure which logo, font or colour is the current one.

    Individually, none of these matter. Together, they tell your market that the company isn’t quite sure who it is.

    Why it happens: growth multiplies isolated decisions

    When you’re small, consistency is easy, because one or two people make every decision. The brand lives in their heads.

    As you grow, that stops scaling. More people, more channels, more speed. Each of them makes reasonable design and messaging decisions on their own, under deadline, without a shared reference. The problem isn’t a lack of talent or budget. It’s that the brand was never turned into something outside a few people’s heads. Growth doesn’t break your brand. It exposes that there was no system underneath it.

    The hidden cost of inconsistency

    Inconsistency looks cosmetic. It isn’t. It quietly taxes three things:

    • Credibility. A brand that looks different everywhere reads as less established, and buyers hesitate on hesitation.
    • Speed. Without shared rules and templates, every asset becomes a debate and a rebuild. Your team spends its time re-deciding solved questions.
    • Budget. You pay twice: once to create, again to redo. Redesigns that « fix the look » without fixing the system drift right back within a year.

    The shift: from deliverables to a system

    Most brand and design work is bought as deliverables, a logo, a website, a set of slides. Deliverables age in isolation. The alternative is to treat brand and design as a system: a documented set of rules and reusable parts that any team member can apply and that stays coherent as you add to it.

    One-off deliverables A design system
    Assets that live on their own Rules and components that connect
    Depend on the person who made them Usable by the whole team
    Drift the moment you scale Stay coherent as you grow
    Redone every redesign Maintained and extended

    This is the difference between fixing how your brand looks today and making it hold over time. We wrote about the same trap for websites in why well-designed websites still feel confusing.

    How to fix it, step by step

    You don’t rebuild from scratch. You give the brand a structure it never had:

    1. Create one source of truth. One place holding the approved assets, rules and templates, so nobody hunts for the « right » file again.
    2. Document the rules, not just the files. Not only the logo, but how and when to use it. Positioning, messaging and visual rules a new hire could apply without asking.
    3. Give the system an owner. One person accountable for keeping it current. A system with no owner quietly rots.
    4. Build for reuse. Templates and components so that staying on-brand is the easy path, not the disciplined one.
    5. Review at the system level. Judge new work against the system, not asset by asset, so decisions compound instead of diverging.
    6. Keep it alive. Revisit it as you grow. A system that isn’t maintained drifts again, that’s why one-off rebrands don’t stick.

    Where to start

    Which step matters most depends on where the drift is coming from:

    • If your identity, positioning or visual rules are unclear, start with the foundation. That’s what Brand Foundation is for.
    • If the drift shows up in your website and product interfaces, structure those. That’s UI/UX Design.
    • If the base exists but keeps eroding every time you scale, you need someone owning the system over time. That’s a Long-Term Partnership.

    Not sure which one? The Compass gives you a reading in two minutes.

    FAQ

    Isn’t inconsistency just a sign we need a rebrand?
    Usually not. A rebrand changes how the brand looks; if the underlying system is still missing, it drifts again. Fix the structure first, then decide whether the look actually needs to change.

    Can’t our internal team just enforce the brand?
    Only if they have something to enforce. Teams stay consistent when there’s a documented system and clear ownership, not through willpower. Give them the rules and the templates and consistency becomes the default.

    How is a design system different from brand guidelines?
    Guidelines describe; a system is built to be used and to stay consistent as you add to it. We break the distinction down in design system vs brand guidelines vs style guide.

    When is the right time to fix this?
    The best moment is just before you scale, while the gaps are still small. The second best is now, before the next redesign quietly resets everything again.

  • Charte graphique, brand guidelines, design system : quelle différence ?

    Charte graphique, brand guidelines, design system : quelle différence ?

    Charte graphique, brand guidelines, design system : les trois termes sont souvent employés comme des synonymes, mais ils ne répondent pas au même besoin. En résumé : une charte graphique fixe vos règles visuelles, des brand guidelines définissent ce que votre marque représente et comment elle doit se voir, se lire et se ressentir, et un design system transforme ces règles en composants réutilisables avec lesquels les équipes construisent. Chacun va plus loin — et plus opérationnel — que le précédent.

    Cette confusion n’est pas anodine. Beaucoup d’entreprises demandent « une charte graphique » alors qu’il leur faut en réalité un système qui les garde cohérentes à mesure qu’elles grandissent. Comprendre la différence, c’est la première étape pour choisir le bon.

    La différence en un coup d’œil

    Charte graphiqueBrand guidelinesDesign system
    Ce que c’estUn document de référence visuelUn référentiel de marque stratégique + visuelUne bibliothèque vivante de composants réutilisables
    La question à laquelle il répond« À quoi ça doit ressembler ? »« Ce que la marque représente, et comment elle doit se voir, se lire et se ressentir ? »« Comment on construit de façon cohérente ? »
    Contenu typeLogo, couleurs, typographie, espacements, imageriePositionnement, valeurs, tone of voice, messages, identité visuelle, do’s & don’tsComposants UI, patterns, design tokens, code, accessibilité, documentation
    FormatDocument figéDocument ou site de marqueVivant, souvent codé, maintenu en continu
    Qui l’utiliseToute personne qui applique le visuelMarketing, agences, partenairesDesigners et développeurs qui construisent le produit
    PortéeLa plus étroiteToute la marqueTout le produit

    Qu’est-ce qu’une charte graphique ?

    Une charte graphique est un document de référence qui fixe les règles de l’apparence de votre marque. Elle couvre les essentiels visuels : usage du logo et zone de protection, palette de couleurs, typographie, espacements et style d’imagerie. Certaines équipes tiennent aussi une charte éditoriale pour les règles de rédaction — majuscules, grammaire, terminologie.

    Une charte graphique répond à une seule question : « à quoi ça doit ressembler ? » C’est la plus étroite des trois, et généralement un document figé. Utile — mais seule, elle n’explique ni ce que la marque signifie, ni comment construire un produit avec.

    Que sont les brand guidelines ?

    Les brand guidelines — parfois appelées brand book, ou charte de marque — enveloppent le visuel d’une couche stratégique. Elles incluent la charte graphique, et ajoutent ce qui lui donne du sens : positionnement, valeurs et personnalité, tone of voice, messages, et exemples concrets de ce qu’il faut faire et éviter.

    Là où une charte graphique dit à quoi la marque ressemble, les brand guidelines disent ce qu’elle représente et comment elle doit se voir, se lire et se ressentir sur chaque canal. C’est le référentiel de toute personne qui touche à la marque — équipes internes, agences, partenaires — pour rester cohérente. C’est la couche « fondation de marque » : celle qui garde une entreprise en croissance alignée. C’est exactement ce qu’on structure dans une brand foundation.

    Qu’est-ce qu’un design system ?

    Un design system est une bibliothèque vivante de composants, patterns et standards réutilisables — généralement codés — que les équipes utilisent pour construire des produits de façon cohérente et à grande échelle. Il va au-delà de la documentation. Il comprend des composants UI (boutons, formulaires, navigation), des patterns d’interaction, des design tokens (les variables de couleur, d’espacement et de typographie), des règles d’accessibilité, et la documentation qui régit comment tout s’assemble.

    La différence clé : des brand guidelines sont un référentiel ; un design system est opérationnel. Il est utilisé par les designers et les développeurs ensemble, et il évolue en continu à mesure que le produit grandit. C’est ce qui empêche un produit de dériver vers l’incohérence à chaque nouvelle page ou fonctionnalité — le cœur de notre approche UX/UI et web design.

    Comment les trois s’articulent

    Ce ne sont pas trois options concurrentes — elles se construisent l’une sur l’autre :

    • Une charte graphique est la couche visuelle.
    • Des brand guidelines contiennent la charte graphique et ajoutent la stratégie, la voix et le sens.
    • Un design system prend ces règles et les transforme en quelque chose avec quoi les équipes construisent, dans le produit.

    Une charte graphique vous dit à quoi ça doit ressembler. Un design system fait en sorte que ça le reste à mesure que vous construisez.

    Le fil rouge, c’est la cohérence — mais chacun opère à une altitude différente, d’une simple règle de logo jusqu’à un produit qui reste cohérent à mesure qu’il grandit.

    Lequel vous faut-il ?

    • Si votre identité, vos couleurs ou l’usage de votre logo manquent de cohérence, commencez par une charte graphique — au sein de brand guidelines, pas seule.
    • Si votre marque paraît floue ou fragmentée entre les canaux, il vous faut des brand guidelines : une vraie brand foundation qui aligne les équipes.
    • Si votre produit ou votre site perd en cohérence à chaque nouveauté, il vous faut un design system — et souvent un accompagnement continu pour le maintenir vivant.

    La plupart des entreprises n’ont pas à en choisir un pour toujours. Elles doivent commencer là où la fragmentation est la pire, et construire vers l’extérieur — d’une fondation claire à un système qui passe à l’échelle. C’est toute la différence entre un livrable ponctuel et quelque chose qui garde votre marque et votre produit cohérents dans le temps.

    Questions fréquentes

    Une charte graphique, c’est pareil que des brand guidelines ?

    Non. Une charte graphique couvre les règles visuelles — logo, couleurs, typographie. Les brand guidelines incluent la charte graphique et ajoutent la stratégie, le positionnement, la voix et les messages. La charte graphique fait partie des brand guidelines, elle ne les remplace pas.

    Ai-je besoin d’un design system si j’ai déjà des brand guidelines ?

    Si vous construisez un produit, un site ou une app qui grandit, oui. Les brand guidelines définissent la marque ; un design system la transforme en composants réutilisables avec lesquels votre équipe construit, pour que le produit reste cohérent à l’échelle.

    Une petite entreprise peut-elle avoir un design system ?

    Oui — il s’adapte simplement à vos besoins. Même un petit produit gagne à avoir des composants réutilisables et des tokens partagés. Un design system n’a pas besoin d’être énorme ; il doit être cohérent et maintenu.

    Par quoi commencer ?

    En général par la fondation de marque — positionnement et guidelines — puis le design system qui l’implémente dans le produit. Construire des composants avant que la marque soit claire crée souvent du retravail.

    Poser la bonne fondation

    Charte graphique, brand guidelines, design system — l’étiquette compte moins que l’objectif : rester clair et cohérent à mesure que vous grandissez. La plupart des incohérences ne sont pas un problème de design ; c’est un problème de structure.

    Chez LostWoods, nous construisons des systèmes de marque et de produit comme des fondations, pas comme des livrables ponctuels — pour qu’ils tiennent à mesure que votre entreprise grandit. Si vous ne savez pas quelle couche il vous faut, c’est justement la première chose à clarifier. Structurez votre fondation de marque, ou dites-nous ce que vous construisez.

  • Design System vs Brand Guidelines vs Style Guide: What’s the Difference?

    Design System vs Brand Guidelines vs Style Guide: What’s the Difference?

    Style guide, brand guidelines, design system — the three terms get used interchangeably, but they solve different problems. In short: a style guide sets your visual rules, brand guidelines define what your brand stands for and how it looks, sounds and feels, and a design system turns those rules into reusable components teams build with. Each one goes wider — and more operational — than the last.

    The confusion isn’t harmless. Companies often ask for « a style guide » when what they actually need is a system that keeps them consistent as they grow. Knowing the difference is the first step to choosing the right one.

    The difference at a glance

    Style guideBrand guidelinesDesign system
    What it isA visual reference documentA strategic + visual brand rulebookA living library of reusable components
    Question it answers« How should it look? »« What does the brand stand for, and how should it look, sound and feel? »« How do we build it consistently? »
    Typical contentsLogo use, colours, typography, spacing, imageryPositioning, values, voice & tone, messaging, visual identity, do’s and don’tsUI components, patterns, design tokens, code, accessibility, usage docs
    FormatStatic documentDocument or brand siteLiving, often coded, continuously maintained
    Who uses itAnyone applying the visualsMarketing, agencies, partnersDesigners and developers building the product
    ScopeNarrowestBrand-wideProduct-wide

    What is a style guide?

    A style guide is a reference document that sets the rules for how your brand looks. It covers the visual essentials: logo usage and clear space, the colour palette, typography, spacing and imagery style. Some teams also keep an editorial style guide for writing conventions — capitalisation, grammar and terminology.

    A style guide answers one question: « how should this look? » It’s the narrowest of the three, and usually a static document. It’s useful — but on its own, it doesn’t explain what the brand means, or how to build a product with it.

    What are brand guidelines?

    Brand guidelines — sometimes called a brand book — wrap strategy around the visuals. They include the style guide, and add the layer that gives it meaning: brand positioning, values and personality, voice and tone, messaging, and concrete examples of what to do and what to avoid.

    Where a style guide says how the brand looks, brand guidelines say what the brand stands for and how it should look, sound and feel across every channel. They’re the reference anyone touching the brand — internal teams, agencies, partners — works from to stay coherent. This is the brand foundation layer: the one that keeps a growing company aligned. It’s exactly what we structure in a brand foundation.

    What is a design system?

    A design system is a living library of reusable components, patterns and standards — usually coded — that teams use to build products consistently and at scale. It goes beyond documentation. It includes UI components (buttons, forms, navigation), interaction patterns, design tokens (the variables for colour, spacing and type), accessibility rules, and the documentation that governs how it all fits together.

    The key difference: brand guidelines are a reference; a design system is operational. It’s used by designers and developers together, and it evolves continuously as the product grows. It’s what stops a product from drifting into inconsistency every time a new page or feature is added — the core of how we approach UX/UI and web design.

    How the three relate

    They’re not three competing options — they build on each other:

    • A style guide is the visual layer.
    • Brand guidelines contain the style guide and add strategy, voice and meaning.
    • A design system takes those rules and turns them into something teams build with, inside the product.

    A style guide tells you how it should look. A design system makes sure it stays that way as you build.

    The through-line is consistency — but each operates at a different altitude, from a single logo rule up to a product that stays coherent as it scales.

    Which one does your company need?

    • If your identity, colours or logo use feel inconsistent, start with a style guide — inside brand guidelines, not on its own.
    • If your brand feels unclear or fragmented across channels, you need brand guidelines: a real brand foundation that aligns teams.
    • If your product or website loses consistency every time you ship something new, you need a design system — and, often, ongoing support to keep it alive.

    Most companies don’t need to choose one forever. They need to start where the fragmentation is worst, and build outward — from a clear foundation to a system that scales. That’s the difference between a one-off deliverable and something that keeps your brand and product coherent over time.

    Frequently asked questions

    Is a style guide the same as brand guidelines?

    No. A style guide covers visual rules — logo, colour, type. Brand guidelines include the style guide and add strategy, positioning, voice and messaging. The style guide is a part of the brand guidelines, not a replacement for them.

    Do I need a design system if I already have brand guidelines?

    If you’re building a product, website or app that keeps growing, yes. Brand guidelines define the brand; a design system turns it into reusable components your team builds with, so the product stays consistent as it scales.

    Can a small company have a design system?

    Yes — it just scales to your needs. Even a small product benefits from reusable components and shared tokens. A design system doesn’t have to be large; it has to be consistent and maintained.

    Which comes first?

    Usually the brand foundation — positioning and guidelines — then the design system that implements it in the product. Building components before the brand is clear tends to create rework.

    Getting the foundation right

    Style guide, brand guidelines, design system — the label matters less than the goal: staying clear and consistent as you grow. Most inconsistency isn’t a design problem; it’s a structure problem.

    At LostWoods, we build brand and product systems as foundations, not one-off deliverables — so they hold up as your company scales. If you’re not sure which layer you need, that’s usually the first thing worth clarifying. Structure your brand foundation, or tell us what you’re building.