{"course":{"slug":"visual-storytelling","title":"Making It Say Something","url":"https://addaly.com/learn/visual-storytelling","level":"beginner","track":"create"},"lesson":{"slug":"brand-is-a-system","title":"Your brand is not the logo, it is what you repeat","url":"https://addaly.com/learn/visual-storytelling/brand-is-a-system","position":41,"of":64,"minutes":10,"answer":"Write your type scale, colour roles, spacing unit and voice on one page with actual values, because in six weeks you will not remember them and the drift is what looks amateur.","keyIdea":"Write your type scale, colour roles, spacing unit and voice on one page with actual values, because in six weeks you will not remember them and the drift is what looks amateur."},"body":{"format":"markdown","text":"## Why one-person operations look temporary\n\nTwo businesses post the same number of times a week. One looks like a company. The other looks like a person trying things. The difference is almost never the logo. It is that the first one's posts share a typeface, a spacing rhythm and a way of talking, and the second one's do not.\n\nRecognition is built by repetition. A reader who has seen your last four posts identifies the fifth before reading a word, and that identification is worth more than any single piece being better. It is also the cheapest advantage available to someone with no budget, because consistency costs nothing except a decision made once and written down.\n\nThe reason people fail at it is not laziness. It is memory. In six weeks you will not remember whether the orange was #E4572E or #E0522A, whether headings were 32 or 34, whether you used sentence case. So you re-decide every time, slightly differently, and the drift is invisible per-post and obvious across twenty.\n\n## The four parts of a small real system\n\n**Type.** Two typefaces at most, and one is usually better. Then a scale: a fixed set of sizes, not whatever looks right. Pick a ratio and stick to it. At 1.25: 16, 20, 25, 31, 39, 49. At 1.5, which suits bolder work: 16, 24, 36, 54. You round these to whole numbers and you never use a size that is not on the list. Google Fonts is free, licensed for commercial use, and downloadable for offline work.\n\n> Figure: A one-page system, and the part people leave out. Layers, top to bottom: Type (Two faces at most, and a fixed list of sizes); Colour by role (page, ink, muted, line, accent); Spacing (One base unit and its multiples); Voice (Three words you are, three you are not); NEVER (The mistakes you have already made once). Roles answer the question that actually stalls you, which is not which colours you own but when the orange is allowed. Accent means one element on a screen.\n\n**Colour by role, not by name.** This is the change that makes a palette usable. Instead of \"our orange and our navy\", define five roles:\n\n- **page**: the background\n- **ink**: body text\n- **muted**: secondary text, captions\n- **line**: rules, borders, dividers\n- **accent**: exactly one thing per screen\n\nRoles answer the question that actually stalls you, which is not \"which colours do we own\" but \"when do I use the orange\". Accent means one element. They also make a rebrand a five-value edit instead of a sixty-value hunt.\n\n**Spacing.** One base unit and multiples of it: 8 gives you 8, 16, 24, 32, 48, 64. The reason this matters more than it sounds is that the eye detects near-misses. A 22-pixel gap next to a 24-pixel gap does not read as variety, it reads as slightly wrong, and the reader downgrades the whole piece without being able to say why.\n\n**Voice.** Three words you are, three you are not, and one real sentence rewritten to show the difference. \"Direct, warm, specific. Not corporate, not jokey, not salesy.\" Then: *before*: \"We are delighted to announce the launch of our new service offering.\" *after*: \"We fix boilers on Sundays now.\"\n\n## Write it on one page\n\n```text\nTYPE     Headings: Inter Bold.  Body: Inter Regular.\n         Sizes: 16 / 20 / 25 / 31 / 39. Nothing else.\nCOLOUR   page #FBF8F3   ink #1B1B1B   muted #6E6A63\n         line #DED8CE   accent #E4572E (one per screen)\nSPACING  Base 8. Use 8 / 16 / 24 / 32 / 48.\nVOICE    Direct, warm, specific.\n         Not corporate, not jokey, not salesy.\nNEVER    Drop shadows. Stretched type. Two accents.\n         Stock photos of people shaking hands.\n```\n\nThe NEVER list is the part people leave out and the part that saves you. It is where you record the mistakes you have already made once.\n\nKeep it where you work: a pinned note, a text file in the project folder, a page in the app you already use. If checking it takes more than five seconds you will stop checking it.\n\nFree tools that hold a system properly: **Figma**'s free tier supports styles and variables and runs in a browser. **Penpot** is open source, does the same job and can be self-hosted. Canva's free tier will let you save colours inside a design, but the full brand-kit feature has generally sat behind the paid tier, so check before you build a workflow on it. Honestly, a plain text file with the hex codes in it beats an unused tool, and on a phone a note pinned to the top of your notes app is a complete implementation.\n\n## The limitation worth knowing\n\nA system written before you have made anything is fiction. You will invent rules for situations you have never met and then break them all within a month, which teaches you to ignore the document.\n\nMake five real pieces first. Then lay them side by side, look for what you actually did rather than what you meant to do, and write down the parts that worked. A system derived from your own output is one you will obey, because it is a description before it is a rule.\n\nThe second limitation: consistency compounds only if the thing being repeated is worth repeating. Applied to a bad type pairing for a year, this lesson produces a recognisably bad brand with excellent recall. Get the individual decisions right first (that is [design foundations](/learn/design-foundations)) then lock them.\n\n## Do this today\n\nOpen your last five posts side by side. Write down every distinct type size and every distinct colour you find. If the list is longer than eight items, you have your answer, and building the one-page document above will take you about twenty minutes."},"check":{"question":"A solo designer defines a palette as \"our teal, our cream and our charcoal\" but the work still looks inconsistent across posts. What is the most likely cause?","options":[{"text":"Three colours is too few to build a recognisable identity, so the palette needs expanding with tints and shades.","correct":false,"tempting":"Assumes inconsistency comes from insufficient palette range rather than from undefined usage."},{"text":"The colours are named as possessions rather than assigned to roles, so each post re-decides which colour is the background, the text and the single accent.","correct":true},{"text":"The colours were chosen without checking contrast ratios, so they render differently across screens and appear inconsistent.","correct":false,"tempting":"Substitutes a rendering and accessibility issue for a decision-making one."},{"text":"The palette is fine but is not stored in a tool that enforces it, so the fix is moving the work into Figma or Penpot.","correct":false,"tempting":"Expects a tool to supply the usage rules that were never written, when the tool can only store what has been decided."}]},"prev":{"slug":"writing-for-second-language-readers","title":"Most people reading your English did not grow up in it","url":"https://addaly.com/learn/visual-storytelling/writing-for-second-language-readers"},"next":{"slug":"what-a-typeface-says","title":"A typeface means where you have seen it before","url":"https://addaly.com/learn/visual-storytelling/what-a-typeface-says"},"authorship":"Founder and series editor: Dr Mustafa Mun. Written by AI models to a written standard. Exam keys checked blind by a second model: 3,665 of 3,666 agreed. Academic review invited.","review":{"status":"Draft, open for academic review"},"cite":"Addaly (2026) 'Your brand is not the logo, it is what you repeat', in Making It Say Something. Edited by M. Mun. Addaly. Available at: https://addaly.com/learn/visual-storytelling/brand-is-a-system (Accessed: 31 October 2026).","licence":{"name":"CC BY-NC-SA 4.0","url":"https://creativecommons.org/licenses/by-nc-sa/4.0/"},"reader":{"schema":1,"title":"Your brand is not the logo, it is what you repeat","courseTitle":"Making It Say Something","module":{"index":6,"slug":"materials-of-meaning","title":"Type, colour and image as meaning"},"answer":null,"keyIdea":"Write your type scale, colour roles, spacing unit and voice on one page with actual values, because in six weeks you will not remember them and the drift is what looks amateur.","hero":{"kind":"figure","figure":{"t":"figure","label":"Figure 6.1","figure":{"type":"stack","title":"A one-page system, and the part people leave out","layers":[{"label":"Type","detail":"Two faces at most, and a fixed list of sizes"},{"label":"Colour by role","detail":"page, ink, muted, line, accent"},{"label":"Spacing","detail":"One base unit and its multiples"},{"label":"Voice","detail":"Three words you are, three you are not"},{"label":"NEVER","detail":"The mistakes you have already made once"}],"caption":"Roles answer the question that actually stalls you, which is not which colours you own but when the orange is allowed. Accent means one element on a screen."},"alt":"Figure: A one-page system, and the part people leave out. Layers, top to bottom: Type (Two faces at most, and a fixed list of sizes); Colour by role (page, ink, muted, line, accent); Spacing (One base unit and its multiples); Voice (Three words you are, three you are not); NEVER (The mistakes you have already made once). Roles answer the question that actually stalls you, which is not which colours you own but when the orange is allowed. Accent means one element on a screen."}},"blocks":[{"t":"h2","id":"why-one-person-operations-look-temporary","runs":[{"text":"Why one-person operations look temporary"}]},{"t":"p","runs":[{"text":"Two businesses post the same number of times a week. One looks like a company. The other looks like a person trying things. The difference is almost never the logo. It is that the first one’s posts share a typeface, a spacing rhythm and a way of talking, and the second one’s do not."}]},{"t":"p","runs":[{"text":"Recognition is built by repetition. A reader who has seen your last four posts identifies the fifth before reading a word, and that identification is worth more than any single piece being better. It is also the cheapest advantage available to someone with no budget, because consistency costs nothing except a decision made once and written down."}]},{"t":"p","runs":[{"text":"The reason people fail at it is not laziness. It is memory. In six weeks you will not remember whether the orange was #E4572E or #E0522A, whether headings were 32 or 34, whether you used sentence case. So you re-decide every time, slightly differently, and the drift is invisible per-post and obvious across twenty."}]},{"t":"h2","id":"the-four-parts-of-a-small-real-system","runs":[{"text":"The four parts of a small real system"}]},{"t":"p","runs":[{"text":"Type.","b":true},{"text":" Two typefaces at most, and one is usually better. Then a scale: a fixed set of sizes, not whatever looks right. Pick a ratio and stick to it. At 1.25: 16, 20, 25, 31, 39, 49. At 1.5, which suits bolder work: 16, 24, 36, 54. You round these to whole numbers and you never use a size that is not on the list. Google Fonts is free, licensed for commercial use, and downloadable for offline work."}]},{"t":"p","runs":[{"text":"Colour by role, not by name.","b":true},{"text":" This is the change that makes a palette usable. Instead of “our orange and our navy”, define five roles:"}]},{"t":"ul","items":[[{"text":"page","b":true},{"text":": the background"}],[{"text":"ink","b":true},{"text":": body text"}],[{"text":"muted","b":true},{"text":": secondary text, captions"}],[{"text":"line","b":true},{"text":": rules, borders, dividers"}],[{"text":"accent","b":true},{"text":": exactly one thing per screen"}]]},{"t":"p","runs":[{"text":"Roles answer the question that actually stalls you, which is not “which colours do we own” but “when do I use the orange”. Accent means one element. They also make a rebrand a five-value edit instead of a sixty-value hunt."}]},{"t":"p","runs":[{"text":"Spacing.","b":true},{"text":" One base unit and multiples of it: 8 gives you 8, 16, 24, 32, 48, 64. The reason this matters more than it sounds is that the eye detects near-misses. A 22-pixel gap next to a 24-pixel gap does not read as variety, it reads as slightly wrong, and the reader downgrades the whole piece without being able to say why."}]},{"t":"p","runs":[{"text":"Voice.","b":true},{"text":" Three words you are, three you are not, and one real sentence rewritten to show the difference. “Direct, warm, specific. Not corporate, not jokey, not salesy.” Then: "},{"text":"before","i":true},{"text":": “We are delighted to announce the launch of our new service offering.” "},{"text":"after","i":true},{"text":": “We fix boilers on Sundays now.”"}]},{"t":"h2","id":"write-it-on-one-page","runs":[{"text":"Write it on one page"}]},{"t":"code","lang":"text","label":"Text","text":"TYPE     Headings: Inter Bold.  Body: Inter Regular.\n         Sizes: 16 / 20 / 25 / 31 / 39. Nothing else.\nCOLOUR   page #FBF8F3   ink #1B1B1B   muted #6E6A63\n         line #DED8CE   accent #E4572E (one per screen)\nSPACING  Base 8. Use 8 / 16 / 24 / 32 / 48.\nVOICE    Direct, warm, specific.\n         Not corporate, not jokey, not salesy.\nNEVER    Drop shadows. Stretched type. Two accents.\n         Stock photos of people shaking hands."},{"t":"p","runs":[{"text":"The NEVER list is the part people leave out and the part that saves you. It is where you record the mistakes you have already made once."}]},{"t":"p","runs":[{"text":"Keep it where you work: a pinned note, a text file in the project folder, a page in the app you already use. If checking it takes more than five seconds you will stop checking it."}]},{"t":"p","runs":[{"text":"Free tools that hold a system properly: "},{"text":"Figma","b":true},{"text":"’s free tier supports styles and variables and runs in a browser. "},{"text":"Penpot","b":true},{"text":" is open source, does the same job and can be self-hosted. Canva’s free tier will let you save colours inside a design, but the full brand-kit feature has generally sat behind the paid tier, so check before you build a workflow on it. Honestly, a plain text file with the hex codes in it beats an unused tool, and on a phone a note pinned to the top of your notes app is a complete implementation."}]},{"t":"h2","id":"the-limitation-worth-knowing","runs":[{"text":"The limitation worth knowing"}],"role":"limit"},{"t":"p","runs":[{"text":"A system written before you have made anything is fiction. You will invent rules for situations you have never met and then break them all within a month, which teaches you to ignore the document."}]},{"t":"p","runs":[{"text":"Make five real pieces first. Then lay them side by side, look for what you actually did rather than what you meant to do, and write down the parts that worked. A system derived from your own output is one you will obey, because it is a description before it is a rule."}]},{"t":"p","runs":[{"text":"The second limitation: consistency compounds only if the thing being repeated is worth repeating. Applied to a bad type pairing for a year, this lesson produces a recognisably bad brand with excellent recall. Get the individual decisions right first (that is "},{"text":"design foundations","href":"https://addaly.com/learn/design-foundations"},{"text":") then lock them."}]},{"t":"h2","id":"do-this-today","runs":[{"text":"Do this today"}],"role":"try"},{"t":"p","runs":[{"text":"Open your last five posts side by side. Write down every distinct type size and every distinct colour you find. If the list is longer than eight items, you have your answer, and building the one-page document above will take you about twenty minutes."}]}],"check":{"question":[{"text":"A solo designer defines a palette as “our teal, our cream and our charcoal” but the work still looks inconsistent across posts. What is the most likely cause?"}],"options":[{"text":[{"text":"Three colours is too few to build a recognisable identity, so the palette needs expanding with tints and shades."}],"correct":false,"tempting":[{"text":"Assumes inconsistency comes from insufficient palette range rather than from undefined usage."}]},{"text":[{"text":"The colours are named as possessions rather than assigned to roles, so each post re-decides which colour is the background, the text and the single accent."}],"correct":true,"tempting":null},{"text":[{"text":"The colours were chosen without checking contrast ratios, so they render differently across screens and appear inconsistent."}],"correct":false,"tempting":[{"text":"Substitutes a rendering and accessibility issue for a decision-making one."}]},{"text":[{"text":"The palette is fine but is not stored in a tool that enforces it, so the fix is moving the work into Figma or Penpot."}],"correct":false,"tempting":[{"text":"Expects a tool to supply the usage rules that were never written, when the tool can only store what has been decided."}]}],"order":[3,1,2,0],"why":null},"prev":{"slug":"writing-for-second-language-readers","title":"Most people reading your English did not grow up in it","minutes":9},"next":{"slug":"what-a-typeface-says","title":"A typeface means where you have seen it before","minutes":9}}}