<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
  <channel>
    <title>Design Principles</title>
    <description>A curated collection of design principles used as decision-making frameworks. Practical examples and guidance for teams building products.</description>
    <link>https://principles.design</link>
    <atom:link href="https://principles.design/articles/feed.xml" rel="self" type="application/rss+xml"/>
    <language>en-gb</language>
    <lastBuildDate>Fri, 10 Apr 2026 13:55:39 +0000</lastBuildDate>
    

      
      
      <item>
        <title>Why Most Design Principles Fail</title>
        <description>&lt;p&gt;Many organisations publish design principles. They appear in slide decks, design systems and internal documentation. They are sometimes printed on posters and hung on office walls. Yet they are rarely used.&lt;/p&gt;

&lt;p&gt;Meetings still go on and on. Teams argue over the same questions. Decisions often depend on opinion or whoever speaks the loudest.&lt;/p&gt;

&lt;p&gt;The problem is usually not that teams lack design principles. The problem is that most design principles don’t work.&lt;/p&gt;

&lt;h2 id=&quot;they-are-written-like-slogans&quot;&gt;They are written like slogans&lt;/h2&gt;

&lt;p&gt;Many design principles sound impressive, they’re idealistic and make everyone feel positive. They come from great motives.&lt;/p&gt;

&lt;p&gt;&lt;em&gt;Be user-centric.&lt;/em&gt;&lt;br /&gt;
&lt;em&gt;Keep things simple.&lt;/em&gt;&lt;br /&gt;
&lt;em&gt;Delight the customer.&lt;/em&gt;&lt;/p&gt;

&lt;p&gt;But these are not really principles. They are aspirations. They describe how a team would like their work to feel.&lt;/p&gt;

&lt;p&gt;A design principle should do something more practical. It should help a team make a decision when there are several possible options.&lt;/p&gt;

&lt;p&gt;A &lt;strong&gt;slogan&lt;/strong&gt; describes &lt;em&gt;intent&lt;/em&gt;. A &lt;strong&gt;principle&lt;/strong&gt; guides a &lt;em&gt;choice&lt;/em&gt;.&lt;/p&gt;

&lt;p&gt;For example:&lt;/p&gt;

&lt;blockquote&gt;
  &lt;p&gt;“Keep things simple.”&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;What does that mean in practice?&lt;/p&gt;

&lt;p&gt;“Simple” is subjective.&lt;/p&gt;

&lt;p&gt;Simple for whom?&lt;br /&gt;
Simple compared to what?&lt;br /&gt;
Simple in which situation?&lt;/p&gt;

&lt;p&gt;“Simple” sounds sensible, but it’s also very vague. Different people will interpret simple in completely different ways.&lt;/p&gt;

&lt;p&gt;One designer might think simple means removing options. Another might think it means reducing visual clutter. Someone else might think it means hiding complex features behind a menu so the initial view is clean.&lt;/p&gt;

&lt;p&gt;All of those interpretations could be defended as “keeping things simple”.&lt;/p&gt;

&lt;p&gt;There is another problem here. Simplicity is not always the right goal.&lt;/p&gt;

&lt;p&gt;Imagine applying the same idea of keeping things simple when designing an aircraft cockpit. A cockpit would certainly be simpler if it contained only a steering wheel and a start button. But that level of simplicity would make it completely unusable for its purpose.&lt;/p&gt;

&lt;p&gt;A cockpit contains many instruments and controls because the pilot needs them. Removing them might make the interface look simpler, but it would make the aircraft much harder — and far more dangerous — to operate.&lt;/p&gt;

&lt;p&gt;So the instruction “keep things simple” does not really guide a decision. It only describes a general preference.&lt;/p&gt;

&lt;p&gt;A principle needs to go a step further. It needs to explain what should happen when things become complicated.&lt;/p&gt;

&lt;p&gt;A more useful principle might be something like:&lt;/p&gt;

&lt;blockquote&gt;
  &lt;p&gt;“Prefer what matters.”&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;Now a team has something they can use. If a design includes too much information, the principle guides them towards what to prioritise. The discussion becomes about prioritisation rather than personal preference. The discussion becomes about what truly &lt;em&gt;matters&lt;/em&gt;.&lt;/p&gt;

&lt;h2 id=&quot;they-avoid-trade-offs&quot;&gt;They avoid trade-offs&lt;/h2&gt;

&lt;p&gt;Real principles reveal priorities. Many sets of principles list ideas that sound sensible but never conflict with one another.&lt;/p&gt;

&lt;p&gt;A typical list might look like this:&lt;/p&gt;

&lt;p&gt;&lt;em&gt;Be consistent&lt;/em&gt;&lt;br /&gt;
&lt;em&gt;Be flexible&lt;/em&gt;&lt;br /&gt;
&lt;em&gt;Be simple&lt;/em&gt;&lt;br /&gt;
&lt;em&gt;Be powerful&lt;/em&gt;&lt;/p&gt;

&lt;p&gt;All of these sound reasonable. But none of them help when a decision becomes difficult. Real design work involves trade-offs.&lt;/p&gt;

&lt;p&gt;Sometimes consistency conflicts with clarity. Sometimes simplicity conflicts with flexibility.&lt;/p&gt;

&lt;p&gt;A useful principle helps resolve those moments. If everything is equally important, nothing actually guides the decision.&lt;/p&gt;

&lt;h2 id=&quot;there-are-too-many-of-them&quot;&gt;There are too many of them&lt;/h2&gt;

&lt;p&gt;Some organisations publish ten or fifteen design principles. Long lists are difficult to remember and difficult to recall in conversations when discussing a decision. When principles become long lists, they turn into documentation instead of tools. A small number of principles is easier to remember and easier to use in conversation.&lt;/p&gt;

&lt;p&gt;Good principles should appear naturally in discussions:&lt;/p&gt;

&lt;p&gt;“Does this follow our clarity principle?”&lt;/p&gt;

&lt;p&gt;“This might conflict with our accessibility requirement.”&lt;/p&gt;

&lt;p&gt;“Does this feature really matter here?”&lt;/p&gt;

&lt;p&gt;If nobody can remember them, they will never influence decisions. The most effective examples use 3-5 principles.&lt;/p&gt;

&lt;h2 id=&quot;they-are-never-used&quot;&gt;They are never used&lt;/h2&gt;

&lt;p&gt;The real test of a design principle is very simple. Does anyone actually refer to it?&lt;/p&gt;

&lt;p&gt;If principles only exist on a website or inside documentation, they are unlikely to matter.&lt;/p&gt;

&lt;p&gt;When principles work well they become part of everyday language. Teams refer to them during discussions and use them to justify decisions. They help people explain and understand why one option is better than another. Without that practical use, they remain decorative.&lt;/p&gt;

&lt;h2 id=&quot;they-are-often-confused-with-values&quot;&gt;They are often confused with values&lt;/h2&gt;

&lt;p&gt;Many design principles are actually organisational values. Design principles aren’t mission statements.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Values&lt;/strong&gt; describe what a company &lt;em&gt;believes&lt;/em&gt;.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Principles&lt;/strong&gt; guide how teams make &lt;em&gt;decisions&lt;/em&gt;.&lt;/p&gt;

&lt;p&gt;Both are important, but they serve different purposes.&lt;/p&gt;

&lt;p&gt;A value might say:&lt;/p&gt;

&lt;blockquote&gt;
  &lt;p&gt;We value transparency.&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;A principle might say:&lt;/p&gt;

&lt;blockquote&gt;
  &lt;p&gt;Help the user understand what is happening and why.&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;&lt;strong&gt;Values&lt;/strong&gt; shape &lt;em&gt;culture&lt;/em&gt;.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Principles&lt;/strong&gt; shape &lt;em&gt;decisions&lt;/em&gt;.&lt;/p&gt;

&lt;p&gt;When the two are mixed together, principles become vague and difficult to apply.&lt;/p&gt;

&lt;h2 id=&quot;what-principles-are-really-for&quot;&gt;What principles are really for&lt;/h2&gt;

&lt;p&gt;Design principles are not statements of intent. They are tools. They help teams make decisions when things are unclear. They reduce debate. They give people a shared way to reason about choices.&lt;/p&gt;

&lt;p&gt;When written well, they quietly shape how work gets done. When written poorly, they become slogans that nobody uses.&lt;/p&gt;

&lt;p&gt;The difference is not whether a team has principles. It is whether those principles actually guide decisions.&lt;/p&gt;

&lt;p&gt;Often design principles are confused with rules. It’s important to understand the difference between principles and rules. This distinction is explained in the free sample chapter of the field guide &lt;a href=&quot;/samples/design-principles-in-practice/&quot;&gt;Design Principles in Practice&lt;/a&gt;.&lt;/p&gt;

&lt;hr /&gt;
&lt;p&gt;I write occasionally about how principles function in real organisations, where they succeed, where they fail, and how they evolve over time.&lt;/p&gt;

&lt;p&gt;If that’s useful to you, you can subscribe below.&lt;/p&gt;

&lt;form id=&quot;kit-signup-article-why-fail&quot; class=&quot;subscribe&quot; action=&quot;https://app.kit.com/forms/9067006/subscriptions&quot; method=&quot;post&quot; novalidate=&quot;&quot;&gt;
  &lt;label for=&quot;email_address_article-why-fail&quot; class=&quot;email-signup-label&quot;&gt;Enter your email address&lt;/label&gt;
  &lt;div class=&quot;kit-fields&quot;&gt;
    &lt;input id=&quot;email_address_article-why-fail&quot; name=&quot;email_address&quot; type=&quot;email&quot; required=&quot;&quot; autocomplete=&quot;email&quot; /&gt;
    &lt;button type=&quot;submit&quot;&gt;Get practical guidance&lt;/button&gt;
  &lt;/div&gt;
  &lt;p data-kit-success=&quot;&quot; role=&quot;status&quot; aria-live=&quot;polite&quot; class=&quot;subscribe-success&quot; hidden=&quot;&quot;&gt;
    Thanks! Please check your email to confirm your address.
  &lt;/p&gt;
  &lt;p data-kit-error=&quot;&quot; role=&quot;alert&quot; aria-live=&quot;assertive&quot; class=&quot;subscribe-error&quot; hidden=&quot;&quot;&gt;
    Sorry — something went wrong. Please try again.
  &lt;/p&gt;
  &lt;noscript&gt;
    &lt;p class=&quot;subscribe-noscript&quot;&gt;If you have JavaScript disabled, you&apos;ll be redirected to a confirmation page after submitting.&lt;/p&gt;
  &lt;/noscript&gt;
&lt;/form&gt;
&lt;style&gt;
  .subscribe button:hover {
    transform: scale(1.05) !important;
  }
  .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
  }
&lt;/style&gt;

&lt;p class=&quot;email-signup__disclaimer&quot;&gt;No spam. Unsubscribe any time.&lt;br /&gt;See our &lt;a href=&quot;/privacy/&quot;&gt;Privacy Policy&lt;/a&gt;.&lt;/p&gt;

&lt;hr /&gt;

&lt;p class=&quot;email-signup-footer&quot;&gt;Written by &lt;a href=&quot;/about/ben-brignell/&quot;&gt;Ben Brignell&lt;/a&gt;&lt;/p&gt;

&lt;div class=&quot;social-links&quot;&gt;
  &lt;div class=&quot;social-links&quot;&gt;
  &lt;a href=&quot;https://bsky.app/profile/benbrignell.com&quot; title=&quot;Bluesky&quot; data-track=&quot;social-bluesky&quot;&gt;
    &lt;svg width=&quot;24&quot; height=&quot;24&quot; viewBox=&quot;0 0 568 501&quot; fill=&quot;currentColor&quot;&gt;
      &lt;path d=&quot;M123.121 33.664C188.241 82.553 258.281 181.68 284 234.873c25.719-53.192 95.759-152.32 160.879-201.21C491.866-1.611 568-28.906 568 57.947c0 17.346-9.945 145.713-15.778 166.555-20.275 72.453-94.155 90.933-159.875 79.748C507.222 323.8 536.444 388.56 473.333 453.32c-119.86 122.992-172.272-30.859-185.702-70.281-2.462-7.227-3.614-10.608-3.631-7.733-.017-2.875-1.169.506-3.631 7.733-13.43 39.422-65.842 193.273-185.702 70.281-63.111-64.76-33.889-129.52 80.986-149.071-65.72 11.185-139.6-7.295-159.875-79.748C9.945 203.659 0 75.291 0 57.946 0-28.906 76.135-1.612 123.121 33.664Z&quot; /&gt;
    &lt;/svg&gt;
  &lt;/a&gt;
  &lt;a href=&quot;https://twitter.com/benbrignell&quot; title=&quot;Twitter&quot; data-track=&quot;social-twitter&quot;&gt;
    &lt;svg width=&quot;24&quot; height=&quot;24&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;currentColor&quot;&gt;
      &lt;path d=&quot;M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z&quot; /&gt;
    &lt;/svg&gt;
  &lt;/a&gt;
  &lt;a href=&quot;https://brignell.co/@ben&quot; title=&quot;Mastodon&quot; data-track=&quot;social-mastodon&quot;&gt;
    &lt;svg width=&quot;24&quot; height=&quot;24&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;currentColor&quot;&gt;
      &lt;path d=&quot;M23.268 5.313c-.35-2.578-2.617-4.61-5.304-5.004C17.51.242 15.792 0 11.813 0h-.03c-3.98 0-4.835.242-5.288.309C3.882.692 1.496 2.518.917 5.127.64 6.412.61 7.837.661 9.143c.074 1.874.088 3.745.26 5.611.118 1.24.325 2.47.62 3.68.55 2.237 2.777 4.098 4.96 4.857 2.336.792 4.849.923 7.256.38.265-.061.527-.132.786-.213.585-.184 1.27-.39 1.774-.753a.057.057 0 0 0 .023-.043v-1.809a.052.052 0 0 0-.02-.041.053.053 0 0 0-.046-.01 20.282 20.282 0 0 1-4.709.545c-2.73 0-3.463-1.284-3.674-1.818a5.593 5.593 0 0 1-.319-1.433.053.053 0 0 1 .066-.054c1.517.363 3.072.546 4.632.546.376 0 .75 0 1.125-.01 1.57-.044 3.224-.124 4.768-.422.038-.008.077-.015.11-.024 2.435-.464 4.753-1.92 4.989-5.604.008-.145.03-1.52.03-1.67.002-.512.167-3.63-.024-5.545zm-3.748 9.195h-2.561V8.29c0-1.309-.55-1.976-1.67-1.976-1.23 0-1.846.79-1.846 2.35v3.403h-2.546V8.663c0-1.56-.617-2.35-1.848-2.35-1.112 0-1.668.668-1.668 1.977v6.218H4.822V8.102c0-1.31.337-2.35 1.011-3.12.696-.77 1.608-1.164 2.74-1.164 1.311 0 2.302.5 2.962 1.498l.638 1.06.638-1.06c.66-.999 1.65-1.498 2.96-1.498 1.13 0 2.043.395 2.74 1.164.675.77 1.012 1.81 1.012 3.12z&quot; /&gt;
    &lt;/svg&gt;
  &lt;/a&gt;
  &lt;a href=&quot;https://linkedin.com/in/benbrignell&quot; title=&quot;LinkedIn&quot; data-track=&quot;social-linkedin&quot;&gt;
    &lt;svg width=&quot;24&quot; height=&quot;24&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;currentColor&quot;&gt;
      &lt;path d=&quot;M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.062 2.062 0 01-2.063-2.065 2.064 2.064 0 112.063 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z&quot; /&gt;
    &lt;/svg&gt;
  &lt;/a&gt;
  &lt;a href=&quot;https://instagram.com/benbrignell&quot; title=&quot;Instagram&quot; data-track=&quot;social-instagram&quot;&gt;
    &lt;svg width=&quot;24&quot; height=&quot;24&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;currentColor&quot;&gt;
      &lt;path d=&quot;M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zM12 0C8.741 0 8.333.014 7.053.072 2.695.272.273 2.69.073 7.052.014 8.333 0 8.741 0 12c0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98C8.333 23.986 8.741 24 12 24c3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98C15.668.014 15.259 0 12 0zm0 5.838a6.162 6.162 0 100 12.324 6.162 6.162 0 000-12.324zM12 16a4 4 0 110-8 4 4 0 010 8zm6.406-11.845a1.44 1.44 0 100 2.881 1.44 1.44 0 000-2.881z&quot; /&gt;
    &lt;/svg&gt;
  &lt;/a&gt;
  &lt;a href=&quot;https://github.com/benbrignell&quot; title=&quot;GitHub&quot; data-track=&quot;social-github&quot;&gt;
    &lt;svg width=&quot;24&quot; height=&quot;24&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;currentColor&quot;&gt;
      &lt;path d=&quot;M12 0C5.374 0 0 5.373 0 12c0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23A11.509 11.509 0 0112 5.803c1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576C20.566 21.797 24 17.3 24 12c0-6.627-5.373-12-12-12z&quot; /&gt;
    &lt;/svg&gt;
  &lt;/a&gt;
  &lt;a href=&quot;https://benbrignell.com&quot; title=&quot;Website&quot; data-track=&quot;social-website&quot;&gt;
    &lt;svg width=&quot;24&quot; height=&quot;24&quot; viewBox=&quot;0 0 16 16&quot; fill=&quot;currentColor&quot;&gt;
      &lt;path d=&quot;M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8m7.5-6.923c-.67.204-1.335.82-1.887 1.855A8 8 0 0 0 5.145 4H7.5zM4.09 4a9.3 9.3 0 0 1 .64-1.539 7 7 0 0 1 .597-.933A7.03 7.03 0 0 0 2.255 4zm-.582 3.5c.03-.877.138-1.718.312-2.5H1.674a7 7 0 0 0-.656 2.5zM4.847 5a12.5 12.5 0 0 0-.338 2.5H7.5V5zM8.5 5v2.5h2.99a12.5 12.5 0 0 0-.337-2.5zM4.51 8.5a12.5 12.5 0 0 0 .337 2.5H7.5V8.5zm3.99 0V11h2.653c.187-.765.306-1.608.338-2.5zM5.145 12q.208.58.468 1.068c.552 1.035 1.218 1.65 1.887 1.855V12zm.182 2.472a7 7 0 0 1-.597-.933A9.3 9.3 0 0 1 4.09 12H2.255a7 7 0 0 0 3.072 2.472M3.82 11a13.7 13.7 0 0 1-.312-2.5h-2.49c.062.89.291 1.733.656 2.5zm6.853 3.472A7 7 0 0 0 13.745 12H11.91a9.3 9.3 0 0 1-.64 1.539 7 7 0 0 1-.597.933M8.5 12v2.923c.67-.204 1.335-.82 1.887-1.855q.26-.487.468-1.068zm3.68-1h2.146c.365-.767.594-1.61.656-2.5h-2.49a13.7 13.7 0 0 1-.312 2.5m2.802-3.5a7 7 0 0 0-.656-2.5H12.18c.174.782.282 1.623.312 2.5zM11.27 2.461c.247.464.462.98.64 1.539h1.835a7 7 0 0 0-3.072-2.472c.218.284.418.598.597.933M10.855 4a8 8 0 0 0-.468-1.068C9.835 1.897 9.17 1.282 8.5 1.077V4z&quot; /&gt;
    &lt;/svg&gt;
  &lt;/a&gt;
&lt;/div&gt;

&lt;/div&gt;
&lt;div class=&quot;email-signup-spacer&quot;&gt;&lt;/div&gt;

</description>
        <pubDate>Fri, 10 Apr 2026 13:55:39 +0000</pubDate>
        <link>https://principles.design/articles/why-most-design-principles-fail</link>
        <guid isPermaLink="true">https://principles.design/articles/why-most-design-principles-fail</guid>
      </item>
      
    
      
      
      <item>
        <title>Principles for Knowing When to Stop Designing</title>
        <description>&lt;p&gt;At the moment the design world is obsessed with how fast things can be built. The conversations are about “I shipped a whole product in 2 hours” or “I built a startup in a weekend.”&lt;/p&gt;

&lt;p&gt;New tools are creating faster workflows, quicker iterations, and the ability to produce more than ever before. In many ways, our new tools deliver and extend our capabilities as designers. But as always when the focus of conversation shifts to being about tools rather than outcomes, something has been lost in the process.&lt;/p&gt;

&lt;p&gt;In music, knowing when to stop is just as important as knowing what to play. The pause gives structure to the sound. Without it, everything becomes noise.&lt;/p&gt;

&lt;p&gt;As Mile Davis said “It’s not the notes you play, it’s the notes you don’t play.”&lt;/p&gt;

&lt;p&gt;Tools will continuously improve and develop but they’re focused on delivery, shipping, iterations, not pausing or reflection.&lt;/p&gt;

&lt;p&gt;These principles for knowing when to stop are not about slowing down for the sake of it. They’re about recognising when a decision has already been made, and when further work stops serving the user and starts serving the designer.&lt;/p&gt;

&lt;p&gt;And ultimately understanding why we are building something rather than how quickly we are building something.&lt;/p&gt;

&lt;h2 id=&quot;1-stop-when-the-next-change-is-for-you-not-the-user&quot;&gt;1. Stop when the next change is for you, not the user&lt;/h2&gt;

&lt;p&gt;Not every improvement is meaningful.&lt;/p&gt;

&lt;p&gt;When changes are driven by taste, preference, or the desire to explore, are they solving a design problem? At this point, design becomes self-expression rather than problem solving. It’s art, not design.&lt;/p&gt;

&lt;p&gt;This is often the quiet moment where good design work starts to drift.&lt;/p&gt;

&lt;h2 id=&quot;2-stop-when-the-problem-isnt-proven&quot;&gt;2. Stop when the problem isn’t proven&lt;/h2&gt;

&lt;p&gt;Design without evidence is speculation.&lt;/p&gt;

&lt;p&gt;Is the problem even real? If you can’t clearly point to a problem through research, behaviour, or observable friction you’re no longer solving something real. You’re designing in anticipation of a need that may not exist.&lt;/p&gt;

&lt;p&gt;This doesn’t mean certainty is required, but it does mean intent should be grounded.&lt;/p&gt;

&lt;h2 id=&quot;3-stop-when-the-question-shifts-from-why-to-how&quot;&gt;3. Stop when the question shifts from “why?” to “how?”&lt;/h2&gt;

&lt;p&gt;The moment the conversation becomes about execution, the decision is already behind you.&lt;/p&gt;

&lt;p&gt;“How should this work?”, is not a design question. It’s a delivery question. The risk is that designers continue to iterate as if the core problem is still open, when in reality it has already been resolved.&lt;/p&gt;

&lt;p&gt;Continuing to design at this point often leads to unnecessary variation rather than better outcomes.&lt;/p&gt;

&lt;h2 id=&quot;4-stop-when-youre-redesigning-not-refining&quot;&gt;4. Stop when you’re redesigning not refining&lt;/h2&gt;

&lt;p&gt;Refinement reduces uncertainty. Redesign introduces it.&lt;/p&gt;

&lt;p&gt;Often we’re asked to help with a “redesign” but often we’re just building the same thing but different.&lt;/p&gt;

&lt;p&gt;If each iteration creates new questions instead of resolving existing ones, the work is no longer converging. It’s diverging again, often without intention.&lt;/p&gt;

&lt;p&gt;This is one of the clearest signals that we’ve crossed from improvement into reinvention.&lt;/p&gt;

&lt;h2 id=&quot;5-stop-when-the-design-cant-be-tested-in-its-current-form&quot;&gt;5. Stop when the design can’t be tested in its current form&lt;/h2&gt;

&lt;p&gt;Test a design as early and in as fit a state as possible for who you’re testing it with. If it can’t be shown, used, or experienced by someone else, further iteration is disconnected from reality. The only meaningful next step is getting some feedback, not additional polish. The polish can go on forever.&lt;/p&gt;

&lt;p&gt;Design only improves through contact with use.&lt;/p&gt;

&lt;h2 id=&quot;6-stop-when-youre-designing-for-edge-cases&quot;&gt;6. Stop when you’re designing for edge cases&lt;/h2&gt;

&lt;p&gt;Edge cases are important but they shouldn’t lead. Discussions around edge cases can dominate meetings.&lt;/p&gt;

&lt;p&gt;When rare scenarios begin to dictate core decisions, it’s often a sign that the central use case hasn’t been fully resolved. Designing for the margins before stabilising the centre creates fragile solutions and is often a very slow and painful journey.&lt;/p&gt;

&lt;p&gt;Solve the common case well first. The edges can follow.&lt;/p&gt;

&lt;h2 id=&quot;7-stop-to-allow-time-to-learn&quot;&gt;7. Stop to allow time to learn&lt;/h2&gt;

&lt;p&gt;Design doesn’t end when you stop working on it.&lt;/p&gt;

&lt;p&gt;The most valuable insights come after pausing for feedback, testing or release, when real behaviour replaces assumptions. Without this pause, there’s no opportunity to understand whether you were close to getting things right.&lt;/p&gt;

&lt;p&gt;Stopping isn’t the end of design. It’s a pause that makes learning possible.&lt;/p&gt;

&lt;p&gt;You don’t need to stop for long. Stopping doesn’t slow things down. But knowing when to stop is what turns design from activity into decision-making.&lt;/p&gt;

&lt;hr /&gt;

&lt;p&gt;I write occasionally about how principles function in real organisations, where they succeed, where they fail, and how they evolve over time.&lt;/p&gt;

&lt;p&gt;If that’s useful to you, you can subscribe below.&lt;/p&gt;

&lt;form id=&quot;kit-signup-article-knowing-when-to-stop&quot; class=&quot;subscribe&quot; action=&quot;https://app.kit.com/forms/9067006/subscriptions&quot; method=&quot;post&quot; novalidate=&quot;&quot;&gt;
  &lt;label for=&quot;email_address_article-knowing-when-to-stop&quot; class=&quot;email-signup-label&quot;&gt;Enter your email address&lt;/label&gt;
  &lt;div class=&quot;kit-fields&quot;&gt;
    &lt;input id=&quot;email_address_article-knowing-when-to-stop&quot; name=&quot;email_address&quot; type=&quot;email&quot; required=&quot;&quot; autocomplete=&quot;email&quot; /&gt;
    &lt;button type=&quot;submit&quot;&gt;Get practical guidance&lt;/button&gt;
  &lt;/div&gt;
  &lt;p data-kit-success=&quot;&quot; role=&quot;status&quot; aria-live=&quot;polite&quot; class=&quot;subscribe-success&quot; hidden=&quot;&quot;&gt;
    Thanks! Please check your email to confirm your address.
  &lt;/p&gt;
  &lt;p data-kit-error=&quot;&quot; role=&quot;alert&quot; aria-live=&quot;assertive&quot; class=&quot;subscribe-error&quot; hidden=&quot;&quot;&gt;
    Sorry — something went wrong. Please try again.
  &lt;/p&gt;
  &lt;noscript&gt;
    &lt;p class=&quot;subscribe-noscript&quot;&gt;If you have JavaScript disabled, you&apos;ll be redirected to a confirmation page after submitting.&lt;/p&gt;
  &lt;/noscript&gt;
&lt;/form&gt;
&lt;style&gt;
  .subscribe button:hover {
    transform: scale(1.05) !important;
  }
  .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
  }
&lt;/style&gt;

&lt;p class=&quot;email-signup__disclaimer&quot;&gt;No spam. Unsubscribe any time.&lt;br /&gt;See our &lt;a href=&quot;/privacy/&quot;&gt;Privacy Policy&lt;/a&gt;.&lt;/p&gt;

&lt;hr /&gt;

&lt;p class=&quot;email-signup-footer&quot;&gt;Written by &lt;a href=&quot;/about/ben-brignell/&quot;&gt;Ben Brignell&lt;/a&gt;&lt;/p&gt;

&lt;div class=&quot;social-links&quot;&gt;
  &lt;div class=&quot;social-links&quot;&gt;
  &lt;a href=&quot;https://bsky.app/profile/benbrignell.com&quot; title=&quot;Bluesky&quot; data-track=&quot;social-bluesky&quot;&gt;
    &lt;svg width=&quot;24&quot; height=&quot;24&quot; viewBox=&quot;0 0 568 501&quot; fill=&quot;currentColor&quot;&gt;
      &lt;path d=&quot;M123.121 33.664C188.241 82.553 258.281 181.68 284 234.873c25.719-53.192 95.759-152.32 160.879-201.21C491.866-1.611 568-28.906 568 57.947c0 17.346-9.945 145.713-15.778 166.555-20.275 72.453-94.155 90.933-159.875 79.748C507.222 323.8 536.444 388.56 473.333 453.32c-119.86 122.992-172.272-30.859-185.702-70.281-2.462-7.227-3.614-10.608-3.631-7.733-.017-2.875-1.169.506-3.631 7.733-13.43 39.422-65.842 193.273-185.702 70.281-63.111-64.76-33.889-129.52 80.986-149.071-65.72 11.185-139.6-7.295-159.875-79.748C9.945 203.659 0 75.291 0 57.946 0-28.906 76.135-1.612 123.121 33.664Z&quot; /&gt;
    &lt;/svg&gt;
  &lt;/a&gt;
  &lt;a href=&quot;https://twitter.com/benbrignell&quot; title=&quot;Twitter&quot; data-track=&quot;social-twitter&quot;&gt;
    &lt;svg width=&quot;24&quot; height=&quot;24&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;currentColor&quot;&gt;
      &lt;path d=&quot;M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z&quot; /&gt;
    &lt;/svg&gt;
  &lt;/a&gt;
  &lt;a href=&quot;https://brignell.co/@ben&quot; title=&quot;Mastodon&quot; data-track=&quot;social-mastodon&quot;&gt;
    &lt;svg width=&quot;24&quot; height=&quot;24&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;currentColor&quot;&gt;
      &lt;path d=&quot;M23.268 5.313c-.35-2.578-2.617-4.61-5.304-5.004C17.51.242 15.792 0 11.813 0h-.03c-3.98 0-4.835.242-5.288.309C3.882.692 1.496 2.518.917 5.127.64 6.412.61 7.837.661 9.143c.074 1.874.088 3.745.26 5.611.118 1.24.325 2.47.62 3.68.55 2.237 2.777 4.098 4.96 4.857 2.336.792 4.849.923 7.256.38.265-.061.527-.132.786-.213.585-.184 1.27-.39 1.774-.753a.057.057 0 0 0 .023-.043v-1.809a.052.052 0 0 0-.02-.041.053.053 0 0 0-.046-.01 20.282 20.282 0 0 1-4.709.545c-2.73 0-3.463-1.284-3.674-1.818a5.593 5.593 0 0 1-.319-1.433.053.053 0 0 1 .066-.054c1.517.363 3.072.546 4.632.546.376 0 .75 0 1.125-.01 1.57-.044 3.224-.124 4.768-.422.038-.008.077-.015.11-.024 2.435-.464 4.753-1.92 4.989-5.604.008-.145.03-1.52.03-1.67.002-.512.167-3.63-.024-5.545zm-3.748 9.195h-2.561V8.29c0-1.309-.55-1.976-1.67-1.976-1.23 0-1.846.79-1.846 2.35v3.403h-2.546V8.663c0-1.56-.617-2.35-1.848-2.35-1.112 0-1.668.668-1.668 1.977v6.218H4.822V8.102c0-1.31.337-2.35 1.011-3.12.696-.77 1.608-1.164 2.74-1.164 1.311 0 2.302.5 2.962 1.498l.638 1.06.638-1.06c.66-.999 1.65-1.498 2.96-1.498 1.13 0 2.043.395 2.74 1.164.675.77 1.012 1.81 1.012 3.12z&quot; /&gt;
    &lt;/svg&gt;
  &lt;/a&gt;
  &lt;a href=&quot;https://linkedin.com/in/benbrignell&quot; title=&quot;LinkedIn&quot; data-track=&quot;social-linkedin&quot;&gt;
    &lt;svg width=&quot;24&quot; height=&quot;24&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;currentColor&quot;&gt;
      &lt;path d=&quot;M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.062 2.062 0 01-2.063-2.065 2.064 2.064 0 112.063 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z&quot; /&gt;
    &lt;/svg&gt;
  &lt;/a&gt;
  &lt;a href=&quot;https://instagram.com/benbrignell&quot; title=&quot;Instagram&quot; data-track=&quot;social-instagram&quot;&gt;
    &lt;svg width=&quot;24&quot; height=&quot;24&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;currentColor&quot;&gt;
      &lt;path d=&quot;M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zM12 0C8.741 0 8.333.014 7.053.072 2.695.272.273 2.69.073 7.052.014 8.333 0 8.741 0 12c0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98C8.333 23.986 8.741 24 12 24c3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98C15.668.014 15.259 0 12 0zm0 5.838a6.162 6.162 0 100 12.324 6.162 6.162 0 000-12.324zM12 16a4 4 0 110-8 4 4 0 010 8zm6.406-11.845a1.44 1.44 0 100 2.881 1.44 1.44 0 000-2.881z&quot; /&gt;
    &lt;/svg&gt;
  &lt;/a&gt;
  &lt;a href=&quot;https://github.com/benbrignell&quot; title=&quot;GitHub&quot; data-track=&quot;social-github&quot;&gt;
    &lt;svg width=&quot;24&quot; height=&quot;24&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;currentColor&quot;&gt;
      &lt;path d=&quot;M12 0C5.374 0 0 5.373 0 12c0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23A11.509 11.509 0 0112 5.803c1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576C20.566 21.797 24 17.3 24 12c0-6.627-5.373-12-12-12z&quot; /&gt;
    &lt;/svg&gt;
  &lt;/a&gt;
  &lt;a href=&quot;https://benbrignell.com&quot; title=&quot;Website&quot; data-track=&quot;social-website&quot;&gt;
    &lt;svg width=&quot;24&quot; height=&quot;24&quot; viewBox=&quot;0 0 16 16&quot; fill=&quot;currentColor&quot;&gt;
      &lt;path d=&quot;M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8m7.5-6.923c-.67.204-1.335.82-1.887 1.855A8 8 0 0 0 5.145 4H7.5zM4.09 4a9.3 9.3 0 0 1 .64-1.539 7 7 0 0 1 .597-.933A7.03 7.03 0 0 0 2.255 4zm-.582 3.5c.03-.877.138-1.718.312-2.5H1.674a7 7 0 0 0-.656 2.5zM4.847 5a12.5 12.5 0 0 0-.338 2.5H7.5V5zM8.5 5v2.5h2.99a12.5 12.5 0 0 0-.337-2.5zM4.51 8.5a12.5 12.5 0 0 0 .337 2.5H7.5V8.5zm3.99 0V11h2.653c.187-.765.306-1.608.338-2.5zM5.145 12q.208.58.468 1.068c.552 1.035 1.218 1.65 1.887 1.855V12zm.182 2.472a7 7 0 0 1-.597-.933A9.3 9.3 0 0 1 4.09 12H2.255a7 7 0 0 0 3.072 2.472M3.82 11a13.7 13.7 0 0 1-.312-2.5h-2.49c.062.89.291 1.733.656 2.5zm6.853 3.472A7 7 0 0 0 13.745 12H11.91a9.3 9.3 0 0 1-.64 1.539 7 7 0 0 1-.597.933M8.5 12v2.923c.67-.204 1.335-.82 1.887-1.855q.26-.487.468-1.068zm3.68-1h2.146c.365-.767.594-1.61.656-2.5h-2.49a13.7 13.7 0 0 1-.312 2.5m2.802-3.5a7 7 0 0 0-.656-2.5H12.18c.174.782.282 1.623.312 2.5zM11.27 2.461c.247.464.462.98.64 1.539h1.835a7 7 0 0 0-3.072-2.472c.218.284.418.598.597.933M10.855 4a8 8 0 0 0-.468-1.068C9.835 1.897 9.17 1.282 8.5 1.077V4z&quot; /&gt;
    &lt;/svg&gt;
  &lt;/a&gt;
&lt;/div&gt;

&lt;/div&gt;
&lt;div class=&quot;email-signup-spacer&quot;&gt;&lt;/div&gt;

</description>
        <pubDate>Fri, 10 Apr 2026 13:55:39 +0000</pubDate>
        <link>https://principles.design/articles/principles-for-when-to-stop-designing</link>
        <guid isPermaLink="true">https://principles.design/articles/principles-for-when-to-stop-designing</guid>
      </item>
      
    
      
      
      <item>
        <title>How Many Design Principles Should a Team Have?</title>
        <description>&lt;p&gt;There is no universal rule. But looking across many organisations, effective sets of principles tend to remain relatively small.&lt;/p&gt;

&lt;h2 id=&quot;how-many-principles-are-too-many&quot;&gt;How many principles are too many?&lt;/h2&gt;
&lt;p&gt;Some organisations publish ten or even fifteen design principles.&lt;/p&gt;

&lt;p&gt;While these lists are usually well intentioned, long lists are difficult to remember and are unlikely to appear in everyday discussions.&lt;/p&gt;

&lt;p&gt;Design principles are primarily a decision-making tool, but they can also play a broader role within an organisation. They can support cultural change, reinforce new ways of thinking, or help explain why a shift in approach is needed.&lt;/p&gt;

&lt;p&gt;This was the case with the &lt;a href=&quot;/examples/digital-service-standard&quot;&gt;GOV.UK Digital Service Standard&lt;/a&gt;. The list of principles is long, eighteen in total. But at the same time, the digital transformation work carried out by the GDS team affected every part of government. Principles were embedded into processes, clearly communicated and publicly visible.&lt;/p&gt;

&lt;p&gt;In an environment shaped by risk, compliance and policy, questions about &lt;em&gt;why&lt;/em&gt; change is necessary inevitably arise. In this context, principles helped explain the reasoning behind the transformation.&lt;/p&gt;

&lt;p&gt;Was eighteen principles too many?&lt;/p&gt;

&lt;p&gt;It depends on the context. The team understood how the principles guided decisions and the scale of the work they were supporting. For most organisations, however, a list of this size would be difficult to use in practice.&lt;/p&gt;

&lt;p&gt;When the list becomes long, principles become harder to remember and less likely to influence everyday decisions.&lt;/p&gt;

&lt;p&gt;Long lists often become documentation rather than tools. As the list grows, principles also tend to &lt;a href=&quot;/articles/difference-between-rules-and-principles&quot;&gt;drift closer towards being rules&lt;/a&gt; rather than guidance.&lt;/p&gt;

&lt;h2 id=&quot;why-small-sets-work-better&quot;&gt;Why small sets work better&lt;/h2&gt;

&lt;p&gt;Design principles are most useful when they can be remembered easily. Three, four or five principles are much easier to remember and use than eight, nine or ten.&lt;/p&gt;

&lt;p&gt;A short set allows people to recall them quickly during discussions and apply them when evaluating different options.&lt;/p&gt;

&lt;p&gt;When a principle can be referenced naturally in conversation, it becomes part of how a team reasons about design decisions.&lt;/p&gt;

&lt;p&gt;For example, someone might ask:&lt;/p&gt;

&lt;blockquote&gt;
  &lt;p&gt;“Are we over thinking this? Our principle is pragmatism…?”&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;Or someone else might say:&lt;/p&gt;

&lt;blockquote&gt;
  &lt;p&gt;“This seems too rigid, it might conflict with our flexibility principle.”&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;In these moments, the principle is actively shaping the decision.&lt;/p&gt;

&lt;p&gt;This is much harder to achieve when a team has a long list of principles that nobody can recall without looking them up.&lt;/p&gt;

&lt;h2 id=&quot;a-common-pattern&quot;&gt;A common pattern&lt;/h2&gt;

&lt;p&gt;Looking across &lt;a href=&quot;/examples/&quot;&gt;many organisations&lt;/a&gt;, effective sets of design principles often contain &lt;strong&gt;between three and five principles&lt;/strong&gt;.&lt;/p&gt;

&lt;p&gt;This number is not a strict rule, but it appears frequently.&lt;/p&gt;

&lt;p&gt;A small set creates focus. It forces teams to identify the ideas that matter most when making decisions.&lt;/p&gt;

&lt;p&gt;When too many principles exist, it becomes unclear which ones should take priority.&lt;/p&gt;

&lt;p&gt;The longer the list gets the more diluted they can become.&lt;/p&gt;

&lt;h2 id=&quot;principles-are-not-meant-to-cover-everything&quot;&gt;Principles are not meant to cover everything&lt;/h2&gt;

&lt;p&gt;One reason organisations sometimes produce long lists of principles is the desire to include every important idea. There is a natural tendency to lean towards &lt;a href=&quot;/articles/difference-between-rules-and-principles&quot;&gt;rule-making&lt;/a&gt; in order to feel safe, to feel like everything is covered, documented and in control.&lt;/p&gt;

&lt;p&gt;But design principles are not intended to describe everything a team values. Gaps are healthy.&lt;/p&gt;

&lt;p&gt;They are meant to guide decisions when there are multiple reasonable options.&lt;/p&gt;

&lt;p&gt;Because of this, a small number of principles is often more useful than a comprehensive and well-documented list.&lt;/p&gt;

&lt;p&gt;The goal is not completeness. The goal is clarity.&lt;/p&gt;

&lt;h2 id=&quot;in-practice&quot;&gt;In practice&lt;/h2&gt;

&lt;p&gt;Effective design principles are usually few in number and easy to recall.&lt;/p&gt;

&lt;p&gt;They appear naturally in conversations and help teams explain why one option is better than another.&lt;/p&gt;

&lt;p&gt;When a set of principles becomes too large to remember, its influence tends to fade.&lt;/p&gt;

&lt;p&gt;In practice, the most useful sets are often the simplest: a small number of ideas that consistently guide how a team approaches design decisions.&lt;/p&gt;

&lt;hr /&gt;

&lt;p&gt;If you’re interested in how design principles help teams make better decisions, I occasionally share new articles and ideas by email.&lt;/p&gt;

&lt;p&gt;You can sign up below.&lt;/p&gt;

&lt;form id=&quot;kit-signup-article-how-many&quot; class=&quot;subscribe&quot; action=&quot;https://app.kit.com/forms/9067006/subscriptions&quot; method=&quot;post&quot; novalidate=&quot;&quot;&gt;
  &lt;label for=&quot;email_address_article-how-many&quot; class=&quot;email-signup-label&quot;&gt;Enter your email address&lt;/label&gt;
  &lt;div class=&quot;kit-fields&quot;&gt;
    &lt;input id=&quot;email_address_article-how-many&quot; name=&quot;email_address&quot; type=&quot;email&quot; required=&quot;&quot; autocomplete=&quot;email&quot; /&gt;
    &lt;button type=&quot;submit&quot;&gt;Get practical guidance&lt;/button&gt;
  &lt;/div&gt;
  &lt;p data-kit-success=&quot;&quot; role=&quot;status&quot; aria-live=&quot;polite&quot; class=&quot;subscribe-success&quot; hidden=&quot;&quot;&gt;
    Thanks! Please check your email to confirm your address.
  &lt;/p&gt;
  &lt;p data-kit-error=&quot;&quot; role=&quot;alert&quot; aria-live=&quot;assertive&quot; class=&quot;subscribe-error&quot; hidden=&quot;&quot;&gt;
    Sorry — something went wrong. Please try again.
  &lt;/p&gt;
  &lt;noscript&gt;
    &lt;p class=&quot;subscribe-noscript&quot;&gt;If you have JavaScript disabled, you&apos;ll be redirected to a confirmation page after submitting.&lt;/p&gt;
  &lt;/noscript&gt;
&lt;/form&gt;
&lt;style&gt;
  .subscribe button:hover {
    transform: scale(1.05) !important;
  }
  .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
  }
&lt;/style&gt;

&lt;p class=&quot;email-signup__disclaimer&quot;&gt;No spam. Unsubscribe any time.&lt;br /&gt;See our &lt;a href=&quot;/privacy/&quot;&gt;Privacy Policy&lt;/a&gt;.&lt;/p&gt;

&lt;hr /&gt;

&lt;p class=&quot;email-signup-footer&quot;&gt;Written by &lt;a href=&quot;/about/ben-brignell/&quot;&gt;Ben Brignell&lt;/a&gt;&lt;/p&gt;

&lt;div class=&quot;social-links&quot;&gt;
  &lt;div class=&quot;social-links&quot;&gt;
  &lt;a href=&quot;https://bsky.app/profile/benbrignell.com&quot; title=&quot;Bluesky&quot; data-track=&quot;social-bluesky&quot;&gt;
    &lt;svg width=&quot;24&quot; height=&quot;24&quot; viewBox=&quot;0 0 568 501&quot; fill=&quot;currentColor&quot;&gt;
      &lt;path d=&quot;M123.121 33.664C188.241 82.553 258.281 181.68 284 234.873c25.719-53.192 95.759-152.32 160.879-201.21C491.866-1.611 568-28.906 568 57.947c0 17.346-9.945 145.713-15.778 166.555-20.275 72.453-94.155 90.933-159.875 79.748C507.222 323.8 536.444 388.56 473.333 453.32c-119.86 122.992-172.272-30.859-185.702-70.281-2.462-7.227-3.614-10.608-3.631-7.733-.017-2.875-1.169.506-3.631 7.733-13.43 39.422-65.842 193.273-185.702 70.281-63.111-64.76-33.889-129.52 80.986-149.071-65.72 11.185-139.6-7.295-159.875-79.748C9.945 203.659 0 75.291 0 57.946 0-28.906 76.135-1.612 123.121 33.664Z&quot; /&gt;
    &lt;/svg&gt;
  &lt;/a&gt;
  &lt;a href=&quot;https://twitter.com/benbrignell&quot; title=&quot;Twitter&quot; data-track=&quot;social-twitter&quot;&gt;
    &lt;svg width=&quot;24&quot; height=&quot;24&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;currentColor&quot;&gt;
      &lt;path d=&quot;M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z&quot; /&gt;
    &lt;/svg&gt;
  &lt;/a&gt;
  &lt;a href=&quot;https://brignell.co/@ben&quot; title=&quot;Mastodon&quot; data-track=&quot;social-mastodon&quot;&gt;
    &lt;svg width=&quot;24&quot; height=&quot;24&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;currentColor&quot;&gt;
      &lt;path d=&quot;M23.268 5.313c-.35-2.578-2.617-4.61-5.304-5.004C17.51.242 15.792 0 11.813 0h-.03c-3.98 0-4.835.242-5.288.309C3.882.692 1.496 2.518.917 5.127.64 6.412.61 7.837.661 9.143c.074 1.874.088 3.745.26 5.611.118 1.24.325 2.47.62 3.68.55 2.237 2.777 4.098 4.96 4.857 2.336.792 4.849.923 7.256.38.265-.061.527-.132.786-.213.585-.184 1.27-.39 1.774-.753a.057.057 0 0 0 .023-.043v-1.809a.052.052 0 0 0-.02-.041.053.053 0 0 0-.046-.01 20.282 20.282 0 0 1-4.709.545c-2.73 0-3.463-1.284-3.674-1.818a5.593 5.593 0 0 1-.319-1.433.053.053 0 0 1 .066-.054c1.517.363 3.072.546 4.632.546.376 0 .75 0 1.125-.01 1.57-.044 3.224-.124 4.768-.422.038-.008.077-.015.11-.024 2.435-.464 4.753-1.92 4.989-5.604.008-.145.03-1.52.03-1.67.002-.512.167-3.63-.024-5.545zm-3.748 9.195h-2.561V8.29c0-1.309-.55-1.976-1.67-1.976-1.23 0-1.846.79-1.846 2.35v3.403h-2.546V8.663c0-1.56-.617-2.35-1.848-2.35-1.112 0-1.668.668-1.668 1.977v6.218H4.822V8.102c0-1.31.337-2.35 1.011-3.12.696-.77 1.608-1.164 2.74-1.164 1.311 0 2.302.5 2.962 1.498l.638 1.06.638-1.06c.66-.999 1.65-1.498 2.96-1.498 1.13 0 2.043.395 2.74 1.164.675.77 1.012 1.81 1.012 3.12z&quot; /&gt;
    &lt;/svg&gt;
  &lt;/a&gt;
  &lt;a href=&quot;https://linkedin.com/in/benbrignell&quot; title=&quot;LinkedIn&quot; data-track=&quot;social-linkedin&quot;&gt;
    &lt;svg width=&quot;24&quot; height=&quot;24&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;currentColor&quot;&gt;
      &lt;path d=&quot;M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.062 2.062 0 01-2.063-2.065 2.064 2.064 0 112.063 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z&quot; /&gt;
    &lt;/svg&gt;
  &lt;/a&gt;
  &lt;a href=&quot;https://instagram.com/benbrignell&quot; title=&quot;Instagram&quot; data-track=&quot;social-instagram&quot;&gt;
    &lt;svg width=&quot;24&quot; height=&quot;24&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;currentColor&quot;&gt;
      &lt;path d=&quot;M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zM12 0C8.741 0 8.333.014 7.053.072 2.695.272.273 2.69.073 7.052.014 8.333 0 8.741 0 12c0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98C8.333 23.986 8.741 24 12 24c3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98C15.668.014 15.259 0 12 0zm0 5.838a6.162 6.162 0 100 12.324 6.162 6.162 0 000-12.324zM12 16a4 4 0 110-8 4 4 0 010 8zm6.406-11.845a1.44 1.44 0 100 2.881 1.44 1.44 0 000-2.881z&quot; /&gt;
    &lt;/svg&gt;
  &lt;/a&gt;
  &lt;a href=&quot;https://github.com/benbrignell&quot; title=&quot;GitHub&quot; data-track=&quot;social-github&quot;&gt;
    &lt;svg width=&quot;24&quot; height=&quot;24&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;currentColor&quot;&gt;
      &lt;path d=&quot;M12 0C5.374 0 0 5.373 0 12c0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23A11.509 11.509 0 0112 5.803c1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576C20.566 21.797 24 17.3 24 12c0-6.627-5.373-12-12-12z&quot; /&gt;
    &lt;/svg&gt;
  &lt;/a&gt;
  &lt;a href=&quot;https://benbrignell.com&quot; title=&quot;Website&quot; data-track=&quot;social-website&quot;&gt;
    &lt;svg width=&quot;24&quot; height=&quot;24&quot; viewBox=&quot;0 0 16 16&quot; fill=&quot;currentColor&quot;&gt;
      &lt;path d=&quot;M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8m7.5-6.923c-.67.204-1.335.82-1.887 1.855A8 8 0 0 0 5.145 4H7.5zM4.09 4a9.3 9.3 0 0 1 .64-1.539 7 7 0 0 1 .597-.933A7.03 7.03 0 0 0 2.255 4zm-.582 3.5c.03-.877.138-1.718.312-2.5H1.674a7 7 0 0 0-.656 2.5zM4.847 5a12.5 12.5 0 0 0-.338 2.5H7.5V5zM8.5 5v2.5h2.99a12.5 12.5 0 0 0-.337-2.5zM4.51 8.5a12.5 12.5 0 0 0 .337 2.5H7.5V8.5zm3.99 0V11h2.653c.187-.765.306-1.608.338-2.5zM5.145 12q.208.58.468 1.068c.552 1.035 1.218 1.65 1.887 1.855V12zm.182 2.472a7 7 0 0 1-.597-.933A9.3 9.3 0 0 1 4.09 12H2.255a7 7 0 0 0 3.072 2.472M3.82 11a13.7 13.7 0 0 1-.312-2.5h-2.49c.062.89.291 1.733.656 2.5zm6.853 3.472A7 7 0 0 0 13.745 12H11.91a9.3 9.3 0 0 1-.64 1.539 7 7 0 0 1-.597.933M8.5 12v2.923c.67-.204 1.335-.82 1.887-1.855q.26-.487.468-1.068zm3.68-1h2.146c.365-.767.594-1.61.656-2.5h-2.49a13.7 13.7 0 0 1-.312 2.5m2.802-3.5a7 7 0 0 0-.656-2.5H12.18c.174.782.282 1.623.312 2.5zM11.27 2.461c.247.464.462.98.64 1.539h1.835a7 7 0 0 0-3.072-2.472c.218.284.418.598.597.933M10.855 4a8 8 0 0 0-.468-1.068C9.835 1.897 9.17 1.282 8.5 1.077V4z&quot; /&gt;
    &lt;/svg&gt;
  &lt;/a&gt;
&lt;/div&gt;

&lt;/div&gt;
&lt;div class=&quot;email-signup-spacer&quot;&gt;&lt;/div&gt;

</description>
        <pubDate>Fri, 10 Apr 2026 13:55:39 +0000</pubDate>
        <link>https://principles.design/articles/how-many-design-principles</link>
        <guid isPermaLink="true">https://principles.design/articles/how-many-design-principles</guid>
      </item>
      
    
      
      
      <item>
        <title>The Difference Between Rules and Principles</title>
        <description>&lt;p&gt;Understanding how principles help with decision making starts with understanding how they differ from rules. The distinction matters. Rules and principles serve very different purposes. Yet many “design principles” are written more like rules.&lt;/p&gt;

&lt;h2 id=&quot;what-rules-do&quot;&gt;What rules do&lt;/h2&gt;

&lt;p&gt;Rules remove ambiguity. Rules are rigid. They tell people exactly what must happen. Rules usually lead to a consequence, either:&lt;/p&gt;

&lt;ol&gt;
  &lt;li&gt;the rule is broken, or&lt;/li&gt;
  &lt;li&gt;something happens when the rule isn’t followed.&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;For example:&lt;/p&gt;

&lt;blockquote&gt;
  &lt;p&gt;&lt;strong&gt;Our logo must always appear on a white background.&lt;/strong&gt;&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;This rule guarantees consistency. Everyone knows exactly what to do.&lt;/p&gt;

&lt;p&gt;A rule like this prevents designers from using the logo on:&lt;/p&gt;

&lt;ul&gt;
  &lt;li&gt;coloured backgrounds&lt;/li&gt;
  &lt;li&gt;photography&lt;/li&gt;
  &lt;li&gt;illustrations&lt;/li&gt;
  &lt;li&gt;gradients&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Even if those options might work perfectly well.&lt;/p&gt;

&lt;p&gt;Rules assume there is one correct answer or only one solution has been considered.&lt;/p&gt;

&lt;p&gt;In many situations, especially technical or legal ones where a level of compliance has to be reached, rules are appropriate.&lt;/p&gt;

&lt;h2 id=&quot;what-principles-do&quot;&gt;What principles do&lt;/h2&gt;

&lt;p&gt;Principles work differently.&lt;/p&gt;

&lt;p&gt;Instead of prescribing a single outcome, they describe what a good outcome should achieve.&lt;/p&gt;

&lt;p&gt;Consider the same example written as a principle:&lt;/p&gt;

&lt;blockquote&gt;
  &lt;p&gt;&lt;strong&gt;The logo should be clearly legible.&lt;/strong&gt;&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;The goal is the same: protecting the visibility of the logo. But now designers have room to explore solutions.&lt;/p&gt;

&lt;p&gt;They can place the logo on different backgrounds, colours or images, as long as the logo remains easy to see.&lt;/p&gt;

&lt;p&gt;The principle does not dictate the design.&lt;/p&gt;

&lt;p&gt;It guides judgement.&lt;/p&gt;

&lt;h2 id=&quot;why-this-matters&quot;&gt;Why this matters&lt;/h2&gt;

&lt;p&gt;Design decisions are rarely as simple as deciding how to display a logo. Design rarely involves a single correct answer. Most design work involves balancing competing priorities between different people and different goals, navigating budgets, timelines, and politics.&lt;/p&gt;

&lt;p&gt;For example:&lt;/p&gt;

&lt;ul&gt;
  &lt;li&gt;clarity vs completeness&lt;/li&gt;
  &lt;li&gt;consistency vs flexibility&lt;/li&gt;
  &lt;li&gt;simplicity vs capability&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Rules struggle in these situations because they assume the answer is fixed.&lt;/p&gt;

&lt;p&gt;Principles acknowledge that design decisions often involve tension between competing forces.&lt;/p&gt;

&lt;p&gt;They help teams navigate those trade-offs.&lt;/p&gt;

&lt;h2 id=&quot;visualising-how-principles-work&quot;&gt;Visualising how principles work&lt;/h2&gt;

&lt;p&gt;One way to think about this is to imagine a design decision being shaped by different priorities pulling in different directions. Principles help teams balance those forces and arrive at a thoughtful outcome.&lt;/p&gt;

&lt;p&gt;This idea is illustrated in the sample chapter of &lt;a href=&quot;/field-guide/&quot;&gt;&lt;em&gt;Design Principles in Practice&lt;/em&gt;&lt;/a&gt;, where the relationship between design decisions and principles is explored in more detail.&lt;/p&gt;

&lt;p&gt;→ &lt;strong&gt;&lt;a href=&quot;/samples/design-principles-in-practice/&quot;&gt;View the sample chapter&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;

&lt;h2 id=&quot;rules-and-principles-both-have-their-place&quot;&gt;Rules and principles both have their place&lt;/h2&gt;

&lt;p&gt;Most organisations need both. Rules are useful when consistency or compliance is essential. Principles are useful when teams need guidance to make thoughtful decisions.&lt;/p&gt;

&lt;p&gt;Rules define the answer.&lt;/p&gt;

&lt;p&gt;Principles help teams find the best answer.&lt;/p&gt;

&lt;p&gt;Or more simply:&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Rules remove choice.&lt;/strong&gt;
&lt;strong&gt;Principles guide choice.&lt;/strong&gt;&lt;/p&gt;

&lt;hr /&gt;

&lt;p&gt;If you’re interested in how design principles help teams make better decisions, I occasionally share new articles and ideas by email.&lt;/p&gt;

&lt;p&gt;You can sign up below.&lt;/p&gt;

&lt;form id=&quot;kit-signup-article-footer&quot; class=&quot;subscribe&quot; action=&quot;https://app.kit.com/forms/9067006/subscriptions&quot; method=&quot;post&quot; novalidate=&quot;&quot;&gt;
  &lt;label for=&quot;email_address_article-footer&quot; class=&quot;email-signup-label&quot;&gt;Enter your email address&lt;/label&gt;
  &lt;div class=&quot;kit-fields&quot;&gt;
    &lt;input id=&quot;email_address_article-footer&quot; name=&quot;email_address&quot; type=&quot;email&quot; required=&quot;&quot; autocomplete=&quot;email&quot; /&gt;
    &lt;button type=&quot;submit&quot;&gt;Get practical guidance&lt;/button&gt;
  &lt;/div&gt;
  &lt;p data-kit-success=&quot;&quot; role=&quot;status&quot; aria-live=&quot;polite&quot; class=&quot;subscribe-success&quot; hidden=&quot;&quot;&gt;
    Thanks! Please check your email to confirm your address.
  &lt;/p&gt;
  &lt;p data-kit-error=&quot;&quot; role=&quot;alert&quot; aria-live=&quot;assertive&quot; class=&quot;subscribe-error&quot; hidden=&quot;&quot;&gt;
    Sorry — something went wrong. Please try again.
  &lt;/p&gt;
  &lt;noscript&gt;
    &lt;p class=&quot;subscribe-noscript&quot;&gt;If you have JavaScript disabled, you&apos;ll be redirected to a confirmation page after submitting.&lt;/p&gt;
  &lt;/noscript&gt;
&lt;/form&gt;
&lt;style&gt;
  .subscribe button:hover {
    transform: scale(1.05) !important;
  }
  .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
  }
&lt;/style&gt;

&lt;p class=&quot;email-signup__disclaimer&quot;&gt;No spam. Unsubscribe any time.&lt;br /&gt;See our &lt;a href=&quot;/privacy/&quot;&gt;Privacy Policy&lt;/a&gt;.&lt;/p&gt;

&lt;hr /&gt;

&lt;p class=&quot;email-signup-footer&quot;&gt;Written by &lt;a href=&quot;/about/ben-brignell/&quot;&gt;Ben Brignell&lt;/a&gt;&lt;/p&gt;

&lt;div class=&quot;social-links&quot;&gt;
  &lt;div class=&quot;social-links&quot;&gt;
  &lt;a href=&quot;https://bsky.app/profile/benbrignell.com&quot; title=&quot;Bluesky&quot; data-track=&quot;social-bluesky&quot;&gt;
    &lt;svg width=&quot;24&quot; height=&quot;24&quot; viewBox=&quot;0 0 568 501&quot; fill=&quot;currentColor&quot;&gt;
      &lt;path d=&quot;M123.121 33.664C188.241 82.553 258.281 181.68 284 234.873c25.719-53.192 95.759-152.32 160.879-201.21C491.866-1.611 568-28.906 568 57.947c0 17.346-9.945 145.713-15.778 166.555-20.275 72.453-94.155 90.933-159.875 79.748C507.222 323.8 536.444 388.56 473.333 453.32c-119.86 122.992-172.272-30.859-185.702-70.281-2.462-7.227-3.614-10.608-3.631-7.733-.017-2.875-1.169.506-3.631 7.733-13.43 39.422-65.842 193.273-185.702 70.281-63.111-64.76-33.889-129.52 80.986-149.071-65.72 11.185-139.6-7.295-159.875-79.748C9.945 203.659 0 75.291 0 57.946 0-28.906 76.135-1.612 123.121 33.664Z&quot; /&gt;
    &lt;/svg&gt;
  &lt;/a&gt;
  &lt;a href=&quot;https://twitter.com/benbrignell&quot; title=&quot;Twitter&quot; data-track=&quot;social-twitter&quot;&gt;
    &lt;svg width=&quot;24&quot; height=&quot;24&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;currentColor&quot;&gt;
      &lt;path d=&quot;M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z&quot; /&gt;
    &lt;/svg&gt;
  &lt;/a&gt;
  &lt;a href=&quot;https://brignell.co/@ben&quot; title=&quot;Mastodon&quot; data-track=&quot;social-mastodon&quot;&gt;
    &lt;svg width=&quot;24&quot; height=&quot;24&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;currentColor&quot;&gt;
      &lt;path d=&quot;M23.268 5.313c-.35-2.578-2.617-4.61-5.304-5.004C17.51.242 15.792 0 11.813 0h-.03c-3.98 0-4.835.242-5.288.309C3.882.692 1.496 2.518.917 5.127.64 6.412.61 7.837.661 9.143c.074 1.874.088 3.745.26 5.611.118 1.24.325 2.47.62 3.68.55 2.237 2.777 4.098 4.96 4.857 2.336.792 4.849.923 7.256.38.265-.061.527-.132.786-.213.585-.184 1.27-.39 1.774-.753a.057.057 0 0 0 .023-.043v-1.809a.052.052 0 0 0-.02-.041.053.053 0 0 0-.046-.01 20.282 20.282 0 0 1-4.709.545c-2.73 0-3.463-1.284-3.674-1.818a5.593 5.593 0 0 1-.319-1.433.053.053 0 0 1 .066-.054c1.517.363 3.072.546 4.632.546.376 0 .75 0 1.125-.01 1.57-.044 3.224-.124 4.768-.422.038-.008.077-.015.11-.024 2.435-.464 4.753-1.92 4.989-5.604.008-.145.03-1.52.03-1.67.002-.512.167-3.63-.024-5.545zm-3.748 9.195h-2.561V8.29c0-1.309-.55-1.976-1.67-1.976-1.23 0-1.846.79-1.846 2.35v3.403h-2.546V8.663c0-1.56-.617-2.35-1.848-2.35-1.112 0-1.668.668-1.668 1.977v6.218H4.822V8.102c0-1.31.337-2.35 1.011-3.12.696-.77 1.608-1.164 2.74-1.164 1.311 0 2.302.5 2.962 1.498l.638 1.06.638-1.06c.66-.999 1.65-1.498 2.96-1.498 1.13 0 2.043.395 2.74 1.164.675.77 1.012 1.81 1.012 3.12z&quot; /&gt;
    &lt;/svg&gt;
  &lt;/a&gt;
  &lt;a href=&quot;https://linkedin.com/in/benbrignell&quot; title=&quot;LinkedIn&quot; data-track=&quot;social-linkedin&quot;&gt;
    &lt;svg width=&quot;24&quot; height=&quot;24&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;currentColor&quot;&gt;
      &lt;path d=&quot;M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.062 2.062 0 01-2.063-2.065 2.064 2.064 0 112.063 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z&quot; /&gt;
    &lt;/svg&gt;
  &lt;/a&gt;
  &lt;a href=&quot;https://instagram.com/benbrignell&quot; title=&quot;Instagram&quot; data-track=&quot;social-instagram&quot;&gt;
    &lt;svg width=&quot;24&quot; height=&quot;24&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;currentColor&quot;&gt;
      &lt;path d=&quot;M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zM12 0C8.741 0 8.333.014 7.053.072 2.695.272.273 2.69.073 7.052.014 8.333 0 8.741 0 12c0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98C8.333 23.986 8.741 24 12 24c3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98C15.668.014 15.259 0 12 0zm0 5.838a6.162 6.162 0 100 12.324 6.162 6.162 0 000-12.324zM12 16a4 4 0 110-8 4 4 0 010 8zm6.406-11.845a1.44 1.44 0 100 2.881 1.44 1.44 0 000-2.881z&quot; /&gt;
    &lt;/svg&gt;
  &lt;/a&gt;
  &lt;a href=&quot;https://github.com/benbrignell&quot; title=&quot;GitHub&quot; data-track=&quot;social-github&quot;&gt;
    &lt;svg width=&quot;24&quot; height=&quot;24&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;currentColor&quot;&gt;
      &lt;path d=&quot;M12 0C5.374 0 0 5.373 0 12c0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23A11.509 11.509 0 0112 5.803c1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576C20.566 21.797 24 17.3 24 12c0-6.627-5.373-12-12-12z&quot; /&gt;
    &lt;/svg&gt;
  &lt;/a&gt;
  &lt;a href=&quot;https://benbrignell.com&quot; title=&quot;Website&quot; data-track=&quot;social-website&quot;&gt;
    &lt;svg width=&quot;24&quot; height=&quot;24&quot; viewBox=&quot;0 0 16 16&quot; fill=&quot;currentColor&quot;&gt;
      &lt;path d=&quot;M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8m7.5-6.923c-.67.204-1.335.82-1.887 1.855A8 8 0 0 0 5.145 4H7.5zM4.09 4a9.3 9.3 0 0 1 .64-1.539 7 7 0 0 1 .597-.933A7.03 7.03 0 0 0 2.255 4zm-.582 3.5c.03-.877.138-1.718.312-2.5H1.674a7 7 0 0 0-.656 2.5zM4.847 5a12.5 12.5 0 0 0-.338 2.5H7.5V5zM8.5 5v2.5h2.99a12.5 12.5 0 0 0-.337-2.5zM4.51 8.5a12.5 12.5 0 0 0 .337 2.5H7.5V8.5zm3.99 0V11h2.653c.187-.765.306-1.608.338-2.5zM5.145 12q.208.58.468 1.068c.552 1.035 1.218 1.65 1.887 1.855V12zm.182 2.472a7 7 0 0 1-.597-.933A9.3 9.3 0 0 1 4.09 12H2.255a7 7 0 0 0 3.072 2.472M3.82 11a13.7 13.7 0 0 1-.312-2.5h-2.49c.062.89.291 1.733.656 2.5zm6.853 3.472A7 7 0 0 0 13.745 12H11.91a9.3 9.3 0 0 1-.64 1.539 7 7 0 0 1-.597.933M8.5 12v2.923c.67-.204 1.335-.82 1.887-1.855q.26-.487.468-1.068zm3.68-1h2.146c.365-.767.594-1.61.656-2.5h-2.49a13.7 13.7 0 0 1-.312 2.5m2.802-3.5a7 7 0 0 0-.656-2.5H12.18c.174.782.282 1.623.312 2.5zM11.27 2.461c.247.464.462.98.64 1.539h1.835a7 7 0 0 0-3.072-2.472c.218.284.418.598.597.933M10.855 4a8 8 0 0 0-.468-1.068C9.835 1.897 9.17 1.282 8.5 1.077V4z&quot; /&gt;
    &lt;/svg&gt;
  &lt;/a&gt;
&lt;/div&gt;

&lt;/div&gt;
&lt;div class=&quot;email-signup-spacer&quot;&gt;&lt;/div&gt;

</description>
        <pubDate>Fri, 10 Apr 2026 13:55:39 +0000</pubDate>
        <link>https://principles.design/articles/difference-between-rules-and-principles</link>
        <guid isPermaLink="true">https://principles.design/articles/difference-between-rules-and-principles</guid>
      </item>
      
    
      
      
      <item>
        <title>Design Principles vs. The Principles of Design</title>
        <description>&lt;p&gt;Despite the title sounding like a battle that’s about to commence on a whiteboard, there is an important distinction to be made.&lt;/p&gt;

&lt;p&gt;The terms “the principles of design” and “design principles” are often used interchangeably or blurred into one. Often I see people refer to examples on this website and say “Great example, I’m going to use those in my design (or for my organisation).”&lt;/p&gt;

&lt;p&gt;But who design principles are for and what they refer to are two different things. They operate at different levels, serve different purposes, and guide different kinds of decisions.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Principles of design&lt;/strong&gt; focus on the &lt;em&gt;how&lt;/em&gt;. How a design is executed, composition, arrangement, layout.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Design principles&lt;/strong&gt; are strategic and focus on the &lt;em&gt;why&lt;/em&gt;? They are used to aid decision-making about a project’s goals.&lt;/p&gt;

&lt;p&gt;Understanding the distinction matters, especially when teams use the language loosely and assume everyone means the same thing.&lt;/p&gt;

&lt;h2 id=&quot;the-principles-of-design&quot;&gt;The Principles of Design&lt;/h2&gt;

&lt;p&gt;When people refer to the principles of design, they are usually talking about foundational visual principles that are taught in art and graphic design.&lt;/p&gt;

&lt;p&gt;These include ideas such as:&lt;/p&gt;

&lt;ul&gt;
  &lt;li&gt;&lt;strong&gt;Contrast:&lt;/strong&gt; The use of difference to create emphasis.&lt;/li&gt;
  &lt;li&gt;&lt;strong&gt;Balance:&lt;/strong&gt; The distribution of visual weight.&lt;/li&gt;
  &lt;li&gt;&lt;strong&gt;Hierarchy:&lt;/strong&gt; The organisation of importance.&lt;/li&gt;
  &lt;li&gt;&lt;strong&gt;Alignment:&lt;/strong&gt; The deliberate positioning of elements.&lt;/li&gt;
  &lt;li&gt;&lt;strong&gt;Proportion:&lt;/strong&gt; The relative sizing of parts.&lt;/li&gt;
  &lt;li&gt;&lt;strong&gt;Repetition:&lt;/strong&gt; The reuse of elements to create cohesion.&lt;/li&gt;
  &lt;li&gt;&lt;strong&gt;Unity:&lt;/strong&gt; The sense that a composition belongs together.&lt;/li&gt;
  &lt;li&gt;&lt;strong&gt;Rhythm:&lt;/strong&gt; The visual pacing of elements.&lt;/li&gt;
  &lt;li&gt;&lt;strong&gt;White space:&lt;/strong&gt; The intentional use of empty space.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;These principles describe how visual elements relate to one another in a composition or layout. They help designers organise form, create clarity, and shape perception.&lt;/p&gt;

&lt;p&gt;They are concerned with:&lt;/p&gt;
&lt;ul&gt;
  &lt;li&gt;How something looks&lt;/li&gt;
  &lt;li&gt;How elements are arranged&lt;/li&gt;
  &lt;li&gt;How visual relationships are structured&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;They are craft-level principles. They guide execution.&lt;/p&gt;

&lt;p&gt;They are also universal and relatively stable. The principles of visual design have been taught for decades because they describe perceptual and compositional fundamentals.&lt;/p&gt;

&lt;p&gt;They serve a common purpose for &lt;em&gt;all&lt;/em&gt; designers.&lt;/p&gt;

&lt;h2 id=&quot;design-principles&quot;&gt;Design Principles&lt;/h2&gt;

&lt;p&gt;Design principles, in a broader organisational or product context, are different.&lt;/p&gt;

&lt;p&gt;They are not about composition or how something looks.&lt;/p&gt;

&lt;p&gt;They are about decision-making.&lt;/p&gt;

&lt;p&gt;A design principle, in this sense, is a guiding statement that helps a team make trade-offs when the right answer is not obvious.&lt;/p&gt;

&lt;p&gt;&lt;a href=&quot;/articles/difference-between-rules-and-principles&quot;&gt;Unlike rules&lt;/a&gt;, which prescribe a specific outcome, principles guide judgement.&lt;/p&gt;

&lt;p&gt;They operate at a strategic level rather than a purely visual one.&lt;/p&gt;

&lt;p&gt;Let’s take a look at the following design principles, example (taken from &lt;a href=&quot;https://principles.design/examples/fisher-price-toy-making-principles&quot;&gt;Fisher-Price’s Toy Making Principles&lt;/a&gt; ):&lt;/p&gt;
&lt;ul&gt;
  &lt;li&gt;“Intrinsic play value”&lt;/li&gt;
  &lt;li&gt;“Ingenuity”&lt;/li&gt;
  &lt;li&gt;“Strong construction”&lt;/li&gt;
  &lt;li&gt;“Good value for the money”&lt;/li&gt;
  &lt;li&gt;“Action”&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;These are not instructions about alignment or contrast.
They are lenses through which decisions are evaluated.&lt;/p&gt;

&lt;p&gt;They help answer questions such as:&lt;/p&gt;
&lt;ul&gt;
  &lt;li&gt;We’ve had a great idea for a new product but it will be expensive to make, can we justify the cost? (Principle to consider: “Good value for the money”)&lt;/li&gt;
  &lt;li&gt;We need to cut production costs, what compromises can we make? (Principle to consider: “Strong construction”)&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Design principles act as constraints. They shape direction. They reduce ambiguity. They establish a common goal but allow team members to have ownership, flexibility and empowers them to make decisions.&lt;/p&gt;

&lt;p&gt;Strategic decisions are about what an end goal is but they need consider the decisions we need make &lt;em&gt;now&lt;/em&gt; in order to get there. There are always compromises and trade-offs along the way.&lt;/p&gt;

&lt;p&gt;Where the principles of design guide universal composition, design principles guide choices. Design principles are unique to an organisation, team or project.&lt;/p&gt;

&lt;h2 id=&quot;do-they-overlap&quot;&gt;Do they overlap?&lt;/h2&gt;

&lt;p&gt;The two are not mutually exclusive.&lt;/p&gt;

&lt;p&gt;Visual design principles can inform decision-making principles.&lt;/p&gt;

&lt;p&gt;For example:&lt;/p&gt;

&lt;p&gt;A team principle such as “Prioritise clarity” may be expressed visually through hierarchy, contrast, and spacing.&lt;/p&gt;

&lt;p&gt;In that case, the principles of design become tools used in service of a broader design principle.&lt;/p&gt;
&lt;ul&gt;
  &lt;li&gt;The overlap happens in application.&lt;/li&gt;
  &lt;li&gt;The distinction exists in intent.&lt;/li&gt;
  &lt;li&gt;One describes how elements relate.&lt;/li&gt;
  &lt;li&gt;The other describes how teams decide.&lt;/li&gt;
&lt;/ul&gt;

&lt;h2 id=&quot;why-the-distinction-matters&quot;&gt;Why the distinction matters&lt;/h2&gt;

&lt;p&gt;Confusion often arises when teams say “we need design principles” but mean different things.&lt;/p&gt;

&lt;p&gt;If one person is thinking about visual hierarchy and another is thinking about product strategy, alignment becomes difficult.&lt;/p&gt;

&lt;p&gt;Being explicit about which kind of principle you are referring to avoids unnecessary debate.&lt;/p&gt;

&lt;p&gt;It also clarifies responsibility:&lt;/p&gt;
&lt;ul&gt;
  &lt;li&gt;The principles of design belong to craft and execution.&lt;/li&gt;
  &lt;li&gt;Design principles belong to direction and judgement.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Both are valuable.&lt;/p&gt;

&lt;p&gt;They simply operate at different layers of practice.&lt;/p&gt;

&lt;hr /&gt;

&lt;h2 id=&quot;applying-principles-in-practice&quot;&gt;Applying principles in practice&lt;/h2&gt;

&lt;p&gt;The distinction between visual principles and decision-making principles is subtle, but words are important, they shape how we think and how teams work.&lt;/p&gt;

&lt;p&gt;I write occasionally about how principles function in real organisations, where they succeed, where they fail, and how they evolve over time.&lt;/p&gt;

&lt;p&gt;If that’s useful to you, you can subscribe below.&lt;/p&gt;

&lt;form id=&quot;kit-signup-article-principles-vs&quot; class=&quot;subscribe&quot; action=&quot;https://app.kit.com/forms/9067006/subscriptions&quot; method=&quot;post&quot; novalidate=&quot;&quot;&gt;
  &lt;label for=&quot;email_address_article-principles-vs&quot; class=&quot;email-signup-label&quot;&gt;Enter your email address&lt;/label&gt;
  &lt;div class=&quot;kit-fields&quot;&gt;
    &lt;input id=&quot;email_address_article-principles-vs&quot; name=&quot;email_address&quot; type=&quot;email&quot; required=&quot;&quot; autocomplete=&quot;email&quot; /&gt;
    &lt;button type=&quot;submit&quot;&gt;Get practical guidance&lt;/button&gt;
  &lt;/div&gt;
  &lt;p data-kit-success=&quot;&quot; role=&quot;status&quot; aria-live=&quot;polite&quot; class=&quot;subscribe-success&quot; hidden=&quot;&quot;&gt;
    Thanks! Please check your email to confirm your address.
  &lt;/p&gt;
  &lt;p data-kit-error=&quot;&quot; role=&quot;alert&quot; aria-live=&quot;assertive&quot; class=&quot;subscribe-error&quot; hidden=&quot;&quot;&gt;
    Sorry — something went wrong. Please try again.
  &lt;/p&gt;
  &lt;noscript&gt;
    &lt;p class=&quot;subscribe-noscript&quot;&gt;If you have JavaScript disabled, you&apos;ll be redirected to a confirmation page after submitting.&lt;/p&gt;
  &lt;/noscript&gt;
&lt;/form&gt;
&lt;style&gt;
  .subscribe button:hover {
    transform: scale(1.05) !important;
  }
  .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
  }
&lt;/style&gt;

&lt;p class=&quot;email-signup__disclaimer&quot;&gt;No spam. Unsubscribe any time.&lt;br /&gt;See our &lt;a href=&quot;/privacy/&quot;&gt;Privacy Policy&lt;/a&gt;.&lt;/p&gt;

&lt;hr /&gt;

&lt;p class=&quot;email-signup-footer&quot;&gt;Written by &lt;a href=&quot;/about/ben-brignell/&quot;&gt;Ben Brignell&lt;/a&gt;&lt;/p&gt;

&lt;div class=&quot;social-links&quot;&gt;
  &lt;div class=&quot;social-links&quot;&gt;
  &lt;a href=&quot;https://bsky.app/profile/benbrignell.com&quot; title=&quot;Bluesky&quot; data-track=&quot;social-bluesky&quot;&gt;
    &lt;svg width=&quot;24&quot; height=&quot;24&quot; viewBox=&quot;0 0 568 501&quot; fill=&quot;currentColor&quot;&gt;
      &lt;path d=&quot;M123.121 33.664C188.241 82.553 258.281 181.68 284 234.873c25.719-53.192 95.759-152.32 160.879-201.21C491.866-1.611 568-28.906 568 57.947c0 17.346-9.945 145.713-15.778 166.555-20.275 72.453-94.155 90.933-159.875 79.748C507.222 323.8 536.444 388.56 473.333 453.32c-119.86 122.992-172.272-30.859-185.702-70.281-2.462-7.227-3.614-10.608-3.631-7.733-.017-2.875-1.169.506-3.631 7.733-13.43 39.422-65.842 193.273-185.702 70.281-63.111-64.76-33.889-129.52 80.986-149.071-65.72 11.185-139.6-7.295-159.875-79.748C9.945 203.659 0 75.291 0 57.946 0-28.906 76.135-1.612 123.121 33.664Z&quot; /&gt;
    &lt;/svg&gt;
  &lt;/a&gt;
  &lt;a href=&quot;https://twitter.com/benbrignell&quot; title=&quot;Twitter&quot; data-track=&quot;social-twitter&quot;&gt;
    &lt;svg width=&quot;24&quot; height=&quot;24&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;currentColor&quot;&gt;
      &lt;path d=&quot;M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z&quot; /&gt;
    &lt;/svg&gt;
  &lt;/a&gt;
  &lt;a href=&quot;https://brignell.co/@ben&quot; title=&quot;Mastodon&quot; data-track=&quot;social-mastodon&quot;&gt;
    &lt;svg width=&quot;24&quot; height=&quot;24&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;currentColor&quot;&gt;
      &lt;path d=&quot;M23.268 5.313c-.35-2.578-2.617-4.61-5.304-5.004C17.51.242 15.792 0 11.813 0h-.03c-3.98 0-4.835.242-5.288.309C3.882.692 1.496 2.518.917 5.127.64 6.412.61 7.837.661 9.143c.074 1.874.088 3.745.26 5.611.118 1.24.325 2.47.62 3.68.55 2.237 2.777 4.098 4.96 4.857 2.336.792 4.849.923 7.256.38.265-.061.527-.132.786-.213.585-.184 1.27-.39 1.774-.753a.057.057 0 0 0 .023-.043v-1.809a.052.052 0 0 0-.02-.041.053.053 0 0 0-.046-.01 20.282 20.282 0 0 1-4.709.545c-2.73 0-3.463-1.284-3.674-1.818a5.593 5.593 0 0 1-.319-1.433.053.053 0 0 1 .066-.054c1.517.363 3.072.546 4.632.546.376 0 .75 0 1.125-.01 1.57-.044 3.224-.124 4.768-.422.038-.008.077-.015.11-.024 2.435-.464 4.753-1.92 4.989-5.604.008-.145.03-1.52.03-1.67.002-.512.167-3.63-.024-5.545zm-3.748 9.195h-2.561V8.29c0-1.309-.55-1.976-1.67-1.976-1.23 0-1.846.79-1.846 2.35v3.403h-2.546V8.663c0-1.56-.617-2.35-1.848-2.35-1.112 0-1.668.668-1.668 1.977v6.218H4.822V8.102c0-1.31.337-2.35 1.011-3.12.696-.77 1.608-1.164 2.74-1.164 1.311 0 2.302.5 2.962 1.498l.638 1.06.638-1.06c.66-.999 1.65-1.498 2.96-1.498 1.13 0 2.043.395 2.74 1.164.675.77 1.012 1.81 1.012 3.12z&quot; /&gt;
    &lt;/svg&gt;
  &lt;/a&gt;
  &lt;a href=&quot;https://linkedin.com/in/benbrignell&quot; title=&quot;LinkedIn&quot; data-track=&quot;social-linkedin&quot;&gt;
    &lt;svg width=&quot;24&quot; height=&quot;24&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;currentColor&quot;&gt;
      &lt;path d=&quot;M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.062 2.062 0 01-2.063-2.065 2.064 2.064 0 112.063 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z&quot; /&gt;
    &lt;/svg&gt;
  &lt;/a&gt;
  &lt;a href=&quot;https://instagram.com/benbrignell&quot; title=&quot;Instagram&quot; data-track=&quot;social-instagram&quot;&gt;
    &lt;svg width=&quot;24&quot; height=&quot;24&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;currentColor&quot;&gt;
      &lt;path d=&quot;M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zM12 0C8.741 0 8.333.014 7.053.072 2.695.272.273 2.69.073 7.052.014 8.333 0 8.741 0 12c0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98C8.333 23.986 8.741 24 12 24c3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98C15.668.014 15.259 0 12 0zm0 5.838a6.162 6.162 0 100 12.324 6.162 6.162 0 000-12.324zM12 16a4 4 0 110-8 4 4 0 010 8zm6.406-11.845a1.44 1.44 0 100 2.881 1.44 1.44 0 000-2.881z&quot; /&gt;
    &lt;/svg&gt;
  &lt;/a&gt;
  &lt;a href=&quot;https://github.com/benbrignell&quot; title=&quot;GitHub&quot; data-track=&quot;social-github&quot;&gt;
    &lt;svg width=&quot;24&quot; height=&quot;24&quot; viewBox=&quot;0 0 24 24&quot; fill=&quot;currentColor&quot;&gt;
      &lt;path d=&quot;M12 0C5.374 0 0 5.373 0 12c0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23A11.509 11.509 0 0112 5.803c1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576C20.566 21.797 24 17.3 24 12c0-6.627-5.373-12-12-12z&quot; /&gt;
    &lt;/svg&gt;
  &lt;/a&gt;
  &lt;a href=&quot;https://benbrignell.com&quot; title=&quot;Website&quot; data-track=&quot;social-website&quot;&gt;
    &lt;svg width=&quot;24&quot; height=&quot;24&quot; viewBox=&quot;0 0 16 16&quot; fill=&quot;currentColor&quot;&gt;
      &lt;path d=&quot;M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8m7.5-6.923c-.67.204-1.335.82-1.887 1.855A8 8 0 0 0 5.145 4H7.5zM4.09 4a9.3 9.3 0 0 1 .64-1.539 7 7 0 0 1 .597-.933A7.03 7.03 0 0 0 2.255 4zm-.582 3.5c.03-.877.138-1.718.312-2.5H1.674a7 7 0 0 0-.656 2.5zM4.847 5a12.5 12.5 0 0 0-.338 2.5H7.5V5zM8.5 5v2.5h2.99a12.5 12.5 0 0 0-.337-2.5zM4.51 8.5a12.5 12.5 0 0 0 .337 2.5H7.5V8.5zm3.99 0V11h2.653c.187-.765.306-1.608.338-2.5zM5.145 12q.208.58.468 1.068c.552 1.035 1.218 1.65 1.887 1.855V12zm.182 2.472a7 7 0 0 1-.597-.933A9.3 9.3 0 0 1 4.09 12H2.255a7 7 0 0 0 3.072 2.472M3.82 11a13.7 13.7 0 0 1-.312-2.5h-2.49c.062.89.291 1.733.656 2.5zm6.853 3.472A7 7 0 0 0 13.745 12H11.91a9.3 9.3 0 0 1-.64 1.539 7 7 0 0 1-.597.933M8.5 12v2.923c.67-.204 1.335-.82 1.887-1.855q.26-.487.468-1.068zm3.68-1h2.146c.365-.767.594-1.61.656-2.5h-2.49a13.7 13.7 0 0 1-.312 2.5m2.802-3.5a7 7 0 0 0-.656-2.5H12.18c.174.782.282 1.623.312 2.5zM11.27 2.461c.247.464.462.98.64 1.539h1.835a7 7 0 0 0-3.072-2.472c.218.284.418.598.597.933M10.855 4a8 8 0 0 0-.468-1.068C9.835 1.897 9.17 1.282 8.5 1.077V4z&quot; /&gt;
    &lt;/svg&gt;
  &lt;/a&gt;
&lt;/div&gt;

&lt;/div&gt;
&lt;div class=&quot;email-signup-spacer&quot;&gt;&lt;/div&gt;

</description>
        <pubDate>Fri, 10 Apr 2026 13:55:39 +0000</pubDate>
        <link>https://principles.design/articles/design-principles-vs-principles-of-design</link>
        <guid isPermaLink="true">https://principles.design/articles/design-principles-vs-principles-of-design</guid>
      </item>
      
    
  </channel>
</rss>
