Skip to content
Philosophy & Religion Medium #moral-foundations

Moral Foundations Theory

Care, fairness, loyalty, authority, sanctity - five (or six) intuitive moral foundations.

A free, animated moral foundations theory you can read here or embed on any website, from Scrollchart.

Moral Foundations Theory

Moral Foundations Theory (Haidt 2012)Six intuitive foundations underlie moral reasoning; political groups weight them differently35810Care / HarmFairness / CheatingLoyalty / BetrayalAuthority / SubversionSanctity / DegradationLiberty / OppressionScore by foundation (out of 10)

Six-axis radar of moral foundations (Haidt): care/harm, fairness/cheating, loyalty/betrayal, authority/subversion, sanctity/degradation, liberty/oppression. Liberal vs conservative profiles overlaid.

Good for

  • Political psychology explainers and media literacy courses
  • Cross-cultural ethics research summaries
  • Debate and rhetoric curricula on moral disagreement

Source & accuracy

This moral foundations theory is an editorial illustration built to represent the concept accurately. Where it shows figures, they are typical or representative values chosen to make the relationship clear, not a single underlying dataset. The diagram and its explainer are reviewed and maintained centrally, and updated over time as understanding improves.

The psychology behind moral judgments

Moral Foundations Theory identifies five (or six) underlying intuitions that guide human moral judgment across cultures. Care concerns preventing suffering and promoting welfare. Fairness tracks justice and proportional reciprocity. Loyalty values solidarity and group cohesion. Authority respects tradition and social hierarchy. Sanctity (or sanctimoniousness) treats some domains as sacred or contaminated. These foundations are intuitive, not reasoned conclusions. Most people feel them before they can articulate them.

Research suggests conservatives value all five foundations roughly equally, while liberals prioritize care and fairness while minimizing loyalty, authority, and sanctity. This difference explains why liberals and conservatives talk past each other on issues like gun control (liberty vs. safety), immigration (fairness to newcomers vs. loyalty to existing citizens), or sexuality (harm/fairness vs. sanctity).

Implications for moral understanding

If moral judgments rest on distinct foundations, then persuasion requires addressing the foundations that actually move your audience, not just the ones you prioritize. A conservative opposed to welfare spending on fairness grounds cares about proportionality and reciprocity. Arguing that the program reduces suffering (care) will not convince. Arguing that current systems reward idleness unfairly (fairness) might.

Understanding Moral Foundations theory also explains why different cultures prohibit different behaviors. One culture enforces strict food rules from a sanctity foundation, another forbids the same food on fairness grounds (resource preservation). Both systems feel deeply natural to those raised in them. Cross-cultural moral dialogue requires appreciating which foundations animate each position, not assuming bad faith or stupidity.

Embed this diagram

Add this animated moral foundations theory to your own site. Copy one line of HTML, or use the embed builder for theme and sizing options.

Reference

What this is
A free, embeddable, animated moral foundations theory for any website.
Who uses it
Philosophy blogs.
How to embed
Copy one line of HTML. No signup. No watermark. Works in WordPress, Webflow, Ghost, Substack, plain HTML.
File size
iframe embed, ~80 KB gzipped (loads on demand, does not block your page paint).
License
Free forever. Editorial explainer text included; updated centrally over time.

Embed format options

Copy the universal HTML snippet, the WordPress shortcode, or an iframe fallback - see the WordPress plugin page for details. Any format keeps the same Core Web Vitals profile and the same explainer text.

Embed snippet
<div data-scrollchart="moral-foundations" data-scrollchart-v="1"></div>
<script src="https://scrollchart.com/embed.js" async></script>

Frequently asked questions

Where can I get a free animated "Moral Foundations Theory" for my website?
Scrollchart provides "Moral Foundations Theory" as a free, embeddable animated diagram you can add to any website with one line of HTML. No signup is required and there is no watermark. The diagram and its explainer text are served from scrollchart.com, so the embed stays current without any maintenance on your end.
How do I embed a moral foundations theory in WordPress or a static site?
Paste the HTML snippet from the Scrollchart diagram page into your WordPress post (in HTML/code view), your Webflow embed block, or directly into a static HTML file. No plugin is needed. The diagram loads from scrollchart.com and paints in as the reader scrolls.