You have heard there are seven C's of website design and you want the list so you can hold your own site against it. Reasonable. Here is the problem you are about to run into, and it is worth thirty seconds of warning: there is more than one list. When we read the first page of results for this question, three genuinely different sets of seven C's came back, sharing the letter and almost nothing else. If you had landed on the fifth result instead of the first, you would have walked away with a checklist that no other source recognises, with no way to tell. So this covers the canonical seven with the definitions from the original framework, written as things to check rather than concepts to nod at, and then the eighth idea from the same source that not one competing page mentions, which turns out to be the only part that tells you whether your own site passes.
Key Takeaways
Commonly credited to Rayport and Jaworski's e-commerce work, and six of the nine results we read use this set. The definitions in this post are quoted from an academic reference page rather than paraphrased from an agency blog.
One page-one result lists Creativity, Consistency, Clarity, Content, Continuity, Compatibility and Customisation. Another lists Clarity, Consistency, Content, Credibility, Context, Convenience and Conversion. Neither shares an origin with the canonical set.
Every C is a question about your site, and the useful version of each one has an answer you can check today, in your browser, without hiring anybody.
The original carries "Fit and Reinforcement" alongside the seven: whether each C supports your business model, and whether they tie together. Not one page-one competitor mentions it, and it is the part that turns the list into a verdict.
What Are the 7 C's of Website Design, Exactly?
The set below comes from an academic reference page on the 7 C's of website design hosted by CUNY Baruch, quoted rather than reworded, because the definitions get quietly rewritten every time somebody restates them.
| The C | The original definition | The question it is really asking |
|---|---|---|
| Context | "Sites' layout and design" | Can a first-time visitor tell what this is and where to go, in one screen, on a phone? |
| Content | "Text, pictures, sound and video, that WebPages contain" | Does the site say what you actually sell, in enough depth that somebody could decide? |
| Community | "The ways sites enable user to user communication" | Do visitors see anything from other customers, or only your claims about yourself? |
| Customization | "Site's ability to self-tailor to different users or to allow users to personalize the site" | Does the site adapt to who arrived, or does everyone get the identical page? |
| Communication | "The ways sites enable site to user communication or two way communication" | How many ways can somebody reach you, and does anything come back when they do? |
| Connection | "Degree site is linked to other sites" | Is your site connected to the wider web, both outward and inward? |
| Commerce | "Site's capabilities to enable commercial transaction" | Can somebody complete the thing you want them to complete, without leaving to ask a question? |
The framework comes out of e-commerce thinking, which is why Commerce and Customization carry more weight in it than they might for a plumber's site. That is not a flaw. It is a reason to weight the seven differently depending on what your site is for, which is exactly what the eighth idea below is about.
How Do You Check Context and Content on Your Own Site?
These two carry most of the load for most businesses, and both are checkable in about ten minutes.
Context is layout and design, and the honest test is not whether you like it. Open your own home page on a phone, on cellular data, and look only at the first screen without scrolling. Can a stranger tell what you do, who you do it for, and what to do next? If they have to scroll to find out what business this is, context has failed regardless of how good the photography is. Nielsen Norman Group's ten usability heuristics are the standard reference here and they are worth reading once in your life, particularly visibility of system status and recognition rather than recall. Add loading to the context check too, since a layout nobody has seen yet is not communicating anything: Google's Core Web Vitals give you the actual thresholds, and Largest Contentful Paint is the one that measures when the page stopped looking empty.
There is a part of context most checklists skip entirely, and it is not optional: whether people can use the site at all. The Web Content Accessibility Guidelines are the reference, the WCAG quick reference is the practical version, and WAVE will check a page for free in a browser. Contrast failures and unlabelled form fields are the two most common findings and both are cheap to fix.
Content is where most small business sites genuinely fall down, and the failure is boring rather than dramatic. There is a home page, an about page, a contact page, and a services page listing eight things in a bulleted list with a sentence each. That site cannot answer a specific question, so it loses anybody with a specific need, and there is nothing for a search engine or an answer engine to match against. Google's guidance on creating helpful content is the standard to write against, and the test it implies is simple: would somebody who read this page feel they had enough to decide, or would they need to go and ask somebody?
What Do Community, Communication and Connection Actually Require?
These three are about whether your site is part of a conversation or a broadcast, and they are usually the three a small business site scores worst on.
Community in the original sense is user-to-user communication, which for most businesses does not mean a forum. It means whether a visitor sees anything from other customers at all. Reviews on the page, real testimonials with names, case studies of actual jobs, photographs of finished work. If everything on the site is you talking about you, community is missing, and the visitor is being asked to take your word for it against competitors who are not.
Communication is two-way contact. Count the ways somebody can reach you and check that each one works. Call the number on your own site. Fill in your own contact form and see whether anything arrives, and how long it takes you to reply in practice rather than in principle. This is the C most often broken silently, because a form that stopped delivering looks exactly like a form that nobody used. W3C's guidance on forms covers making them usable, and the rest is operational discipline rather than design.
Connection is how linked your site is to the rest of the web, and it works in both directions. Outward, do you cite and link to real sources where it helps the reader, or does the site pretend to be the only page on the internet? Inward, does anything link to you, and are your own pages connected to each other so a visitor and a crawler can get from any page to the relevant next one? There is a modern extension of this C that the 2000s version could not have anticipated: answer engines now read sites and summarise them on someone's behalf. Google's guidance on AI features in search is unglamorous on this point, saying the same foundations apply rather than any special markup, and structured data is how you state facts about your business in a form a machine can read without guessing. That is Connection in 2026, and it is why being legible to answer engines is a design concern and not only a marketing one.
When Do Customization and Commerce Actually Matter?
Honestly, less than the framework implies, for most businesses, and pretending otherwise is how a checklist turns into busywork.
Customization means the site tailoring itself to the visitor, or letting them tailor it. On a large retail site that is genuinely valuable. On a fourteen-page site for a local business, most attempts at it are a cookie banner and a pop-up, which make the experience worse rather than more personal. The useful small-business version is much plainer: does someone arriving from a search for one specific service land on a page about that service, or on your home page? Landing people on the relevant page is customization that costs nothing to get right and is worth more than any widget.
Commerce is the ability to complete a transaction, and it is worth reading broadly rather than as "do you have a shopping cart." Whatever the completion is on your site, buying, booking, requesting a quote, that is your commerce path and it deserves the scrutiny a checkout gets. Baymard Institute's cart abandonment research is the best-known data on where people give up, and the causes generalise well past shopping: unexpected costs, forced account creation, too many fields, no visible sense of how many steps are left. If your quote form asks for eleven pieces of information before anyone has told you anything, that is the same failure in a different coat.
The seven C's as a ten-minute audit of your own site
Open the home page on a phone, cellular data, first screen only. Can a stranger name your business, your customer and their next step?
Pick the service you most want more of. Is there a page about it, and could somebody decide from that page alone?
Count what a visitor sees from other customers. Reviews, named testimonials, photos of real work. Zero is a common score.
Search for one of your services and click your own result. Did you land on a page about that service, or on the home page?
Call your own number. Submit your own form. Time how long the reply takes in reality, not in intention.
Check that every page links onward to the relevant next one, and that your business facts are stated in structured data rather than only in prose.
Complete your own booking, quote or purchase path end to end. Count the fields and count the steps.
Why Does Page One Show Three Different Lists of Seven C's?
Worth one short section, so that if you arrived here after reading a different list you are not left confused.
The set above is the one with a documented origin, and six of the nine results we read use it. But two others circulate under the same name. One page-one result lists Creativity, Consistency, Clarity, Content, Continuity, Compatibility and Customisation. Another lists Clarity, Consistency, Content, Credibility, Context, Convenience and Conversion.
Neither of those is nonsense, and we are not going to tell you they are wrong. Clarity, consistency and credibility are all real design concerns. What they are not is the 7 C's, in the sense of a framework you can look up. Somebody assembled seven sensible words beginning with C and published them under a name that already had a meaning, and search engines cannot tell the difference. So if you have been handed a list that includes Conversion or Compatibility, you were handed somebody's own list. Use it if it helps. Just do not go looking for the source, because there isn't one.
What Is the Eighth Idea Almost Nobody Mentions?
This is the part worth the read, and it is on the same page as the canonical seven. Not one of the nine results we looked at includes it.
Alongside the seven C's, the original framework carries Fit and Reinforcement: "Fit, how the 7c's individually support the business model. Reinforcement, how they all tie together."
Read that twice, because it changes what the list is for. Fit means a C only counts if it serves what your business actually does. A heavy Customization score on a site for a two-person accountancy practice is not a good result, it is effort spent in the wrong place. A high Commerce score on a business that sells nothing online is meaningless. The seven are not a scorecard where more is better. They are seven dimensions, and a good site is strong in the ones its business model depends on and deliberately thin in the rest.
Reinforcement is the harder half and it is the one that separates a good site from a tidy one. It asks whether the seven point the same way. A site with genuinely useful content and a contact form nobody answers is not partially good, it is actively worse than a simpler site, because it raises expectations it then breaks. Strong context leading to a page with nothing on it wastes the good first impression. Reviews from delighted customers next to a booking form that takes four minutes is two C's arguing with each other. When people say a website "feels professional" without being able to explain why, reinforcement is usually what they are describing.
So the honest use of this framework is two passes. First, score the seven. Then ask which of them your business genuinely runs on, and whether those ones agree with each other. That second pass is where you find the actual problem, and it is why we treat a site as one system rather than a set of pages, whether the work is a new build or fixing where an existing site loses people.
Score your own site against the seven C's
1. On a phone, first screen, no scrolling: can a stranger tell what you do and what to do next?
2. Does the service you most want more of have its own page, deep enough to decide from?
3. What does a visitor see from your actual customers?
4. When did you last submit your own contact form and confirm it arrived?
5. Search for one of your services and click your own result. Where do you land?
6. Do the strong parts of your site agree with each other, or does one let the others down?
Pick an answer to begin.
If your answers were mixed, look at the pattern rather than the total. One low answer among strong ones is usually the reinforcement problem: the weak link is spending the goodwill the rest of the site earned.
Frequently Asked Questions About the 7 C's of Website Design
What are the 7 C's of website design?
Context, Content, Community, Customization, Communication, Connection and Commerce, commonly credited to Rayport and Jaworski's e-commerce framework. Context is layout and design, Content is the text and media on the pages, Community is user-to-user interaction, Customization is the site tailoring itself to visitors, Communication is two-way contact, Connection is how linked the site is to other sites, and Commerce is the ability to complete a transaction. Be aware that other lists circulate under the same name.
What are the 7 principles of web design?
There is no single agreed set, which is why you will find different lists depending on where you look. Most versions are assembled from real design principles like hierarchy, balance, contrast, consistency and white space, but no canonical seven exists in the way the 7 C's framework does. If someone presents seven principles as definitive, ask where they come from.
What are the five golden rules of web designing?
Another list with no fixed source, though the versions in circulation tend to agree on the substance: make the purpose obvious, keep navigation simple and consistent, make it work on a phone, make it load fast, and make the next step easy to take. Those five are worth following. The framing as golden rules is marketing rather than canon.
What are the 5 elements to a good website design?
The commonly cited five are layout, typography, colour, imagery and navigation, sometimes with content substituted for one of them. It is a useful decomposition for looking at a page critically. Note that it is entirely about the visual surface, which is why it pairs badly with a site whose real problem is that no page answers the customer's question.
What are the 3 C's of design?
Usually given as clarity, consistency and contrast, and occasionally as content, context and continuity. Like the five golden rules, it is a memorable shorthand rather than a sourced framework. The three-C and seven-C lists are not the same lineage, so do not try to reconcile them.
Are the 7 C's still relevant for modern websites?
The seven dimensions hold up better than you would expect for a framework from the e-commerce era, mostly because they describe what a site does rather than how it looks. What has changed is the weighting. Connection now includes being readable by answer engines, Context now includes loading speed and accessibility, and Customization matters far less for a small business site than the original context implied.
The Bottom Line
The canonical seven C's are Context, Content, Community, Customization, Communication, Connection and Commerce, and the definitions worth using are the original ones rather than the reworded versions that circulate. Two other lists share the name and have no documented origin, so if you were handed Conversion or Compatibility, you were handed somebody's own set. The genuinely useful move is to treat each C as a question with an answer you can check in your browser this afternoon, not as a concept to agree with.
And then use the part everyone leaves out. Fit asks whether each C serves what your business actually does, which means a low score in the right place is fine and a high score in the wrong place is wasted money. Reinforcement asks whether the strong parts agree with each other, which is where nearly every disappointing website turns out to have its real problem: good content behind a slow page, a great first impression leading to a thin service page, glowing reviews next to a form nobody answers. Run the seven, then run those two, and you will have something more useful than a checklist. You will have a diagnosis.
If you run the audit and want a second opinion on what you found, tell us which answers were uncomfortable. At Web Leveling we build hand-coded sites where those seven point the same direction on purpose, and we check the unglamorous half, contrast, loading, form delivery and structured data, by number rather than by eye. Tell us what is happening and we will reply in plain English within one business day, including telling you if the fix is smaller than a rebuild. Whatever we build ends up in accounts registered to you, so the site stays yours.
Terms
The words behind the seven C's
Tap a term to see what it means.
Context. In this framework, layout and design. In practice, whether a stranger can read your first screen and know what to do.
Customization. The site adapting to the visitor. For most small businesses this just means landing people on the page about the thing they searched for.
Connection. How linked your site is to the wider web, outward and inward. Now includes whether answer engines can read what you do.
Commerce. The ability to complete a transaction. Read it as whatever completion your site is for, including a booking or a quote request.
Fit. Whether each C actually supports your business model. The reason more is not always better.
Reinforcement. Whether the seven tie together. The usual location of the real problem on a site that looks fine and does not work.