diff --git a/.github/ISSUE_TEMPLATE/bug.yml b/.github/ISSUE_TEMPLATE/bug.yml
index 77428a5ce6..8539b6fc4b 100644
--- a/.github/ISSUE_TEMPLATE/bug.yml
+++ b/.github/ISSUE_TEMPLATE/bug.yml
@@ -1,4 +1,4 @@
-name: I’m having trouble with the Eleventy documentation
+name: I’m having trouble with the Build Awesome (Eleventy) documentation
 description: Have a problem? It might be a bug! Create a report to help us improve.
 body:
   - type: markdown
diff --git a/.github/ISSUE_TEMPLATE/config.yml b/.github/ISSUE_TEMPLATE/config.yml
index a97bb7719e..c59bb15126 100644
--- a/.github/ISSUE_TEMPLATE/config.yml
+++ b/.github/ISSUE_TEMPLATE/config.yml
@@ -1,13 +1,13 @@
 contact_links:
-  - name: I’m having trouble with Eleventy!
-    url: https://github.com/11ty/eleventy/issues/new/choose
+  - name: I’m having trouble with Build Awesome or Eleventy
+    url: https://github.com/11ty/buildawesome/issues/new/choose
     about: If you have a question or suggestion regarding Eleventy (not the docs), head over to the `eleventy` repo!
-  - name: I built something with Eleventy and want to add it to 11ty.dev!
-    url: https://github.com/11ty/11ty-community/issues/new/choose
+  - name: I built something with Build Awesome or Eleventy and want to add it to build.awesome.me or 11ty.dev!
+    url: https://github.com/11ty/docs/issues/new/choose
     about: Sites to add to your authors page or to the Eleventy Leaderboards are now added on the `11ty/11ty-community` repository.
   - name: I have a feature request for the docs
     url: https://github.com/11ty/docs/discussions/categories/documentation-queue
-    about: Enhancement or new Features for the documentation. e.g. “I wish the Eleventy docs did this.” Suggest an idea! (Please search existing discussions first!)
+    about: Enhancement or new Features for the documentation. e.g. “I wish the docs did this.” Suggest an idea! (Please search existing discussions first!)
   - name: Discord Community
     url: https://discord.gg/GBkBy9u
     about: Ask the community on Discord
diff --git a/README.md b/README.md
index 67352a8c00..f19f2947f2 100644
--- a/README.md
+++ b/README.md
@@ -1,10 +1,11 @@
-<p align="center"><img src="https://www.11ty.dev/img/logo-github.svg" width="200" height="200" alt="eleventy Logo"></p>
+<p align="center"><img src="./docs/ba-balloon.png" width="200" height="200" alt="Build Awesome (white balloon on a green background) Logo"></p>
 
-# 11ty.dev 🕚⚡️🎈🐀
+# build.awesome.me 🕚⚡️🎈🐀
 
-- https://www.11ty.dev/
+- https://build.awesome.me/ (v4)
+- https://www.11ty.dev/ (v3 and prior)
 
-The website and documentation for the [Eleventy static site generator](https://github.com/11ty/eleventy/).
+The website and documentation for the [Build Awesome (Eleventy/11ty) site generator](https://github.com/11ty/buildawesome/).
 
 ## Running Locally
 
diff --git a/config/activity.js b/config/activity.js
index 8b866cff8a..031c503c19 100644
--- a/config/activity.js
+++ b/config/activity.js
@@ -15,7 +15,7 @@ export default async function () {
 	feed.addSource(
 		"atom",
 		"Quick Tips",
-		"https://www.11ty.dev/docs/quicktips/feed.xml"
+		"https://build.awesome.me/docs/quicktips/feed.xml"
 	);
 	feed.addSource("fediverse", "Mastodon", "@eleventy@fosstodon.org");
 	feed.addSource("fediverse", "Mastodon", "@11ty@neighborhood.11ty.dev");
diff --git a/config/addedin.js b/config/addedin.js
index 3dd1dbcc12..b1198cefed 100644
--- a/config/addedin.js
+++ b/config/addedin.js
@@ -1,4 +1,6 @@
 import semver from "semver";
+export { rcompare } from "semver";
+
 import versions from "../src/_data/versions.js";
 
 const newestPublishedVersion = versions
@@ -33,7 +35,7 @@ function isPreReleaseOf(version, releasedVersion) {
 }
 
 // coerce -canary to -beta or if stable version is released, strips -canary and -beta
-function coerceVersion(version) {
+export function coerceVersion(version) {
 	if (!isCoreRelease(version)) {
 		return version;
 	}
@@ -66,7 +68,7 @@ function coerceVersion(version) {
 	return versionText;
 }
 
-function addedIn(version, tag, extraClass) {
+export function addedIn(version, tag, extraClass) {
 	let beforeText = "Added in ";
 	if (isCoreRelease(version)) {
 		// Skip super old version notes
@@ -100,8 +102,6 @@ function addedIn(version, tag, extraClass) {
 	)}</${tag}>`;
 }
 
-function greaterThan(first, second) {
+export function greaterThan(first, second) {
 	return semver.gt(first, second);
 }
-
-export { addedIn, coerceVersion, greaterThan };
diff --git a/config/ba-balloon.png b/config/ba-balloon.png
new file mode 100644
index 0000000000..e4ce2d572d
Binary files /dev/null and b/config/ba-balloon.png differ
diff --git a/config/feedPlugin.js b/config/feedPlugin.js
index 588223902e..08a2405f1a 100644
--- a/config/feedPlugin.js
+++ b/config/feedPlugin.js
@@ -1,7 +1,17 @@
 import { feedPlugin } from "@11ty/eleventy-plugin-rss";
 
-export default function(eleventyConfig) {
-	eleventyConfig.addCollection("docsFeed", function (collection) {
+const FEED_BASE = "https://build.awesome.me/";
+
+const METADATA_OPTIONS = {
+	language: "en",
+	base: FEED_BASE,
+	author: {
+		name: "Zach Leatherman"
+	}
+}
+
+export default function($config) {
+	$config.addCollection("docsFeed", function (collection) {
 		return collection.getFilteredByGlob("src/docs/**/*.md").filter(entry => {
 			// remove permalink: false templates
 			return !!entry.url;
@@ -11,7 +21,7 @@ export default function(eleventyConfig) {
 	});
 
 	// Documentation Feed
-	eleventyConfig.addPlugin(feedPlugin, {
+	$config.addPlugin(feedPlugin, {
 		type: "atom",
 		outputPath: "/docs/feed.xml",
 		collection: {
@@ -19,18 +29,14 @@ export default function(eleventyConfig) {
 			limit: 10,
 		},
 		metadata: {
-			language: "en",
-			title: "Eleventy Documentation",
-			subtitle: "Updates to the Eleventy Documentation, sorted by recent git commits.",
-			base: "https://www.11ty.dev/",
-			author: {
-				name: "Zach Leatherman"
-			}
+			title: "Build Awesome Documentation",
+			subtitle: "Updates to the Build Awesome Documentation, sorted by recent git commits.",
+			...METADATA_OPTIONS,
 		}
 	});
 
 	// Quick Tips Feed
-	eleventyConfig.addPlugin(feedPlugin, {
+	$config.addPlugin(feedPlugin, {
 		type: "atom",
 		outputPath: "/docs/quicktips/feed.xml",
 		collection: {
@@ -38,18 +44,14 @@ export default function(eleventyConfig) {
 			limit: 0,
 		},
 		metadata: {
-			language: "en",
-			title: "Eleventy Quick Tips",
-			subtitle: "All of the official Eleventy Quick Tips, in feed form.",
-			base: "https://www.11ty.dev/",
-			author: {
-				name: "Zach Leatherman"
-			}
+			title: "Build Awesome Quick Tips",
+			subtitle: "All of the official Build Awesome Quick Tips, in feed form.",
+			...METADATA_OPTIONS,
 		}
 	});
 
 	// Blog Feed
-	eleventyConfig.addPlugin(feedPlugin, {
+	$config.addPlugin(feedPlugin, {
 		type: "atom",
 		outputPath: "/blog/feed.xml",
 		collection: {
@@ -57,13 +59,9 @@ export default function(eleventyConfig) {
 			limit: 10,
 		},
 		metadata: {
-			language: "en",
-			title: "Eleventy Blog",
-			subtitle: "News and updates about the Eleventy static site generator project.",
-			base: "https://www.11ty.dev/",
-			author: {
-				name: "Zach Leatherman"
-			}
+			title: "Build Awesome Blog",
+			subtitle: "News and updates about the Build Awesome site generator project.",
+			...METADATA_OPTIONS,
 		}
 	});
 }
diff --git a/config/imagePlugin.js b/config/imagePlugin.js
index 572d2837d5..4eaba6c4fb 100644
--- a/config/imagePlugin.js
+++ b/config/imagePlugin.js
@@ -76,12 +76,12 @@ function isRecentPost(date) {
 	return (Date.now() - date.getTime()) < ONE_DAY*14;
 }
 
-export default function(eleventyConfig) {
-	eleventyConfig.addFilter("productionUrl", productionUrl);
+export default function($config) {
+	$config.addFilter("productionUrl", productionUrl);
 
 	// Resize and transform an image format, return URL to that image
 	// Supports Font Awesome icons via protocol handler (e.g. `fas:font-awesome-flag`)
-	eleventyConfig.addFilter("getOpengraphImageUrl", async function({ url, date }, screenshotCacheBustParam) {
+	$config.addFilter("getOpengraphImageUrl", async function({ url, date }, screenshotCacheBustParam) {
 		// skip optimization of recent posts that have a cache buster (we don’t want to screenshot pages that aren’t deployed yet)
 		if(isRecentPost(date) && screenshotCacheBustParam) {
 			return getScreenshotUrl(url, screenshotCacheBustParam);
@@ -99,12 +99,12 @@ export default function(eleventyConfig) {
 		return productionUrl(formatStats.url);
 	});
 
-	eleventyConfig.addPlugin(eleventyImageTransformPlugin, imageOptions);
+	$config.addPlugin(eleventyImageTransformPlugin, imageOptions);
 
 	if(IS_COPY_CACHE_FOLDER) {
 		// We aren’t using passthrough file copy here because it globs too early to catch files created during the build
-		eleventyConfig.on("eleventy.after", () => {
-			fs.cpSync(".cache/@11ty/img/", path.join(eleventyConfig.directories.output, "img/built/"), { recursive: true });
+		$config.on("eleventy.after", () => {
+			fs.cpSync(".cache/@11ty/img/", path.join($config.directories.output, "img/built/"), { recursive: true });
 		});
 	}
 };
diff --git a/config/markdownPlugin.js b/config/markdownPlugin.js
index ae704852ec..8a36950340 100644
--- a/config/markdownPlugin.js
+++ b/config/markdownPlugin.js
@@ -17,15 +17,15 @@ function removeExtraText(s) {
 	return newStr;
 }
 
-export default function (eleventyConfig) {
-	eleventyConfig.addPlugin(IdAttributePlugin, {
+export default function ($config) {
+	$config.addPlugin(IdAttributePlugin, {
 		// custom slugify function, otherwise we use Eleventy’s built-in `slugify` filter.
 		slugify: markdownItSlugify,
 		selector: "h1,h2,h3,h4,h5,h6", // default
 	});
 
 	let mdIt;
-	eleventyConfig.amendLibrary("md", (mdLib) => {
+	$config.amendLibrary("md", (mdLib) => {
 		mdIt = mdLib;
 		mdLib.use(markdownItToc, {
 			includeLevel: [2, 3],
@@ -50,18 +50,23 @@ export default function (eleventyConfig) {
 		return mdIt.renderInline(content);
 	});
 
-	eleventyConfig.addPairedShortcode("markdown", renderMarkdownInline);
-	eleventyConfig.addFilter("markdown", renderMarkdownInline);
+	$config.addPairedShortcode("markdown", renderMarkdownInline);
+	$config.addFilter("markdown", renderMarkdownInline);
 
 	// WebC migration: callout.webc
-	eleventyConfig.addPairedShortcode(
+	$config.addPairedShortcode(
 		"callout",
 		function (content, level = "", format = "html", customLabel = "") {
-			if (format === "md") {
-				content = mdIt.renderInline(content);
-			} else if (format === "md-block") {
+			if(content.includes("](") && !content.includes("<a ")) { // content includes a markdown link and no html link
+				format = "md";
+			}
+
+			if (format === "md-block" || content.trim().includes("\n")) {
 				content = mdIt.render(content);
+			} else if (format === "md") {
+				content = mdIt.renderInline(content);
 			}
+
 			let label = "";
 			let classLevel = "";
 			if (customLabel) {
@@ -82,6 +87,9 @@ export default function (eleventyConfig) {
 			} else if(level === "info") {
 				// label is skipped
 				classLevel = "elv-callout-info";
+			} else if(level === "brand") {
+				// label is skipped
+				classLevel = "elv-callout-brand";
 			} else if(level === "demo") {
 				// label is skipped
 				classLevel = "elv-callout-skew elv-callout-skew--demo";
@@ -102,7 +110,7 @@ export default function (eleventyConfig) {
 		}
 	);
 
-	eleventyConfig.addShortcode("tableofcontents", function (isOpen) {
+	$config.addShortcode("tableofcontents", function (isOpen) {
 		// Markdown only.
 		if (this.page.inputPath.endsWith("md")) {
 			return `<details class="toc"${isOpen ? " open" : ""}>
diff --git a/config/minification.js b/config/minification.js
index c7cf6ff9a5..9115b418c1 100644
--- a/config/minification.js
+++ b/config/minification.js
@@ -23,8 +23,8 @@ export async function minifyJavaScript(code) {
 	return minify(code).then(result => result.code);
 }
 
-export default function (eleventyConfig) {
-	eleventyConfig.addFilter("jsmin", async function(code) {
+export default function ($config) {
+	$config.addFilter("jsmin", async function(code) {
 		if (process.env.ELEVENTY_RUN_MODE === "build") {
 			return minifyJavaScript(code);
 		}
@@ -32,7 +32,7 @@ export default function (eleventyConfig) {
 		return `/* [11ty/docs] minification skipped during dev mode */\n${code}`;
 	});
 
-	eleventyConfig.addFilter("cssmin", function (inputCode) {
+	$config.addFilter("cssmin", function (inputCode) {
 		if (process.env.ELEVENTY_RUN_MODE === "build") {
 			let { code } = transform({
 				// filename: undefined,
diff --git a/config/sidebarPlugin.js b/config/sidebarPlugin.js
index 06d095f016..5c242a4627 100644
--- a/config/sidebarPlugin.js
+++ b/config/sidebarPlugin.js
@@ -24,14 +24,14 @@ const navBreadcrumbsFn = memoize(function(key) {
 	return navigation.findBreadcrumbs(this.ctx.collections.all, key, {includeSelf: true})
 });
 
-export default function(eleventyConfig) {
+export default function($config) {
 
-	eleventyConfig.on("eleventy.after", () => {
+	$config.on("eleventy.after", () => {
 		memoizeClear(navFn);
 		memoizeClear(navFilteredFn);
 		memoizeClear(navBreadcrumbsFn);
 	})
-	eleventyConfig.addFilter("nav", navFn);
-	eleventyConfig.addFilter("navFiltered", navFilteredFn);
-	eleventyConfig.addFilter("navBreadcrumbs", navBreadcrumbsFn);
+	$config.addFilter("nav", navFn);
+	$config.addFilter("navFiltered", navFilteredFn);
+	$config.addFilter("navBreadcrumbs", navBreadcrumbsFn);
 };
diff --git a/config/syntaxHighlightPlugin.js b/config/syntaxHighlightPlugin.js
index 4a40d1585b..3a87d51e1f 100644
--- a/config/syntaxHighlightPlugin.js
+++ b/config/syntaxHighlightPlugin.js
@@ -32,9 +32,7 @@ function highlightCode(code, language, attrs = {}, options = {}) {
 	attrs.id ??=  `highlighted-source-${options.highlightCounter}`;
 
 	// When more Web Awesome components are in place, remove this `import` and re-enable Web Awesome script/link in base.njk
-	let preamble = `${copyButtonEnabled ? `<is-land on:visible data-wa-copy-button-target="${attrs.id}" import="/static/web-awesome/components/copy-button/copy-button.js">
-<wa-copy-button from="${attrs.id}" tooltip-placement="left"></wa-copy-button>
-</is-land>` : ""}`;
+	let preamble = `${copyButtonEnabled ? `<is-land on:visible data-wa-copy-button-target="${attrs.id}" import="/static/web-awesome/components/copy-button/copy-button.js"><wa-copy-button from="${attrs.id}" tooltip-placement="left"></wa-copy-button></is-land>` : ""}`;
 
 	if(inputPath?.endsWith(".md")) {
 		let ticks = rawMarkdown ? QUADRUPLE_TICK : TRIPLE_TICK;
@@ -52,20 +50,20 @@ ${ticks}\n\n${closeTag}`;
 	return `${openTag}${preamble}${syntaxHighlightFunction(code, language, lineHighlights, o)}${closeTag}`;
 }
 
-export default function(eleventyConfig) {
+export default function($config) {
 	let highlightCounter = 0;
-	eleventyConfig.on("eleventy.before", () => {
+	$config.on("eleventy.before", () => {
 		highlightCounter = 0;
 	});
 
-	eleventyConfig.addPairedShortcode("highlight", function(code, language) {
+	$config.addPairedShortcode("highlight", function(code, language) {
 		return highlightCode(code, language, undefined, {
 			highlightCounter: ++highlightCounter,
 			inputPath: this.page.inputPath,
 		});
 	});
 
-	eleventyConfig.addFilter("highlight", function(code, language, attrs = {}, options = {}) {
+	$config.addFilter("highlight", function(code, language, attrs = {}, options = {}) {
 		let o = Object.assign({}, options);
 		o.highlightCounter = ++highlightCounter;
 		o.inputPath = this.page.inputPath;
@@ -74,7 +72,7 @@ export default function(eleventyConfig) {
 	});
 
 	// This wires up Markdown’s triple-tick syntax
-	eleventyConfig.amendLibrary("md", (mdLib) => {
+	$config.amendLibrary("md", (mdLib) => {
 		let o = Object.assign({}, HIGHLIGHT_OPTIONS);
 		o.trim = false;
 		mdLib.set({
diff --git a/eleventy.config.js b/eleventy.config.js
index de95a0bec0..1aa23f33e4 100644
--- a/eleventy.config.js
+++ b/eleventy.config.js
@@ -19,7 +19,7 @@ import fontAwesomePlugin from "@11ty/font-awesome";
 import { getImageColors } from "@11ty/image-color";
 
 import imagePlugin from "./config/imagePlugin.js";
-import { addedIn, coerceVersion, greaterThan } from "./config/addedin.js";
+import { addedIn, coerceVersion, greaterThan, rcompare as compareVersion } from "./config/addedin.js";
 import minificationLocalPlugin, { minifyJavaScriptFile } from "./config/minification.js";
 import { bundle, bundleModulePath } from "./config/bundleJavaScript.js";
 import cleanName from "./config/cleanAuthorName.js";
@@ -222,48 +222,48 @@ function findBy(data, path, value) {
 	});
 }
 
-export default async function (eleventyConfig) {
-	eleventyConfig.setServerPassthroughCopyBehavior("passthrough");
+export default async function ($config) {
+	$config.setServerPassthroughCopyBehavior("passthrough");
 
 	if (process.env.NODE_ENV === "production") {
 		// Skip on production
-		eleventyConfig.ignores.add("src/admin.md");
+		$config.ignores.add("src/admin.md");
 	} else {
 		// Skip on local dev
-		eleventyConfig.ignores.add("src/api/*");
-		eleventyConfig.ignores.add("src/authors/author-pages.md");
-		eleventyConfig.ignores.add("src/firehose.11ty.js");
-		eleventyConfig.ignores.add("src/firehose-feed.11ty.js");
+		$config.ignores.add("src/api/*");
+		$config.ignores.add("src/authors/author-pages.md");
+		$config.ignores.add("src/firehose.11ty.js");
+		$config.ignores.add("src/firehose-feed.11ty.js");
 	}
 
-	eleventyConfig.setServerOptions({
+	$config.setServerOptions({
 		showVersion: false,
 		domDiff: false,
 	});
 
 	/* Plugins */
-	eleventyConfig.addPlugin(syntaxHighlightPlugin);
+	$config.addPlugin(syntaxHighlightPlugin);
 
-	eleventyConfig.addPlugin(fontAwesomePlugin, {
+	$config.addPlugin(fontAwesomePlugin, {
 		defaultAttributes: {
 			class: "fa11ty-icon"
 		}
 	});
 
-	eleventyConfig.addPlugin(imagePlugin);
-	eleventyConfig.addPlugin(markdownPlugin);
+	$config.addPlugin(imagePlugin);
+	$config.addPlugin(markdownPlugin);
 
-	eleventyConfig.addPlugin(minificationLocalPlugin);
-	eleventyConfig.addPlugin(RenderPlugin);
+	$config.addPlugin(minificationLocalPlugin);
+	$config.addPlugin(RenderPlugin);
 
-	eleventyConfig.htmlTransformer.posthtmlProcessOptions.closingSingleTag = "slash";
-	// eleventyConfig.addPlugin(PreserveClosingTagsPlugin, {
+	$config.htmlTransformer.posthtmlProcessOptions.closingSingleTag = "slash";
+	// $config.addPlugin(PreserveClosingTagsPlugin, {
 	// 	tags: ["meta"]
 	// });
 
-	eleventyConfig.addPlugin(InputPathToUrlTransformPlugin);
+	$config.addPlugin(InputPathToUrlTransformPlugin);
 
-	eleventyConfig.addPlugin(eleventyWebcPlugin, {
+	$config.addPlugin(eleventyWebcPlugin, {
 		components: [
 			"./src/_includes/components/*.webc",
 			// "npm:@11ty/is-land/*.webc",
@@ -274,15 +274,15 @@ export default async function (eleventyConfig) {
 
 	// Feeds (only in production)
 	if (process.env.NODE_ENV === "production") {
-		feedPlugin(eleventyConfig);
+		feedPlugin($config);
 	}
 
 	/* End plugins */
 
-	eleventyConfig.addPlugin(navigationPlugin);
-	eleventyConfig.addPlugin(sidebarPlugin);
+	$config.addPlugin(navigationPlugin);
+	$config.addPlugin(sidebarPlugin);
 
-	eleventyConfig.addShortcode("getColorsForUrl", async (url) => {
+	$config.addShortcode("getColorsForUrl", async (url) => {
 		if(process.env.ELEVENTY_RUN_MODE !== "build") {
 			return [];
 		}
@@ -299,28 +299,28 @@ export default async function (eleventyConfig) {
 		})
 	});
 
-	eleventyConfig.addFilter("modulo", function (num, div) {
+	$config.addFilter("modulo", function (num, div) {
 		return num % div;
 	});
 
-	eleventyConfig.addFilter("throwErrorWhenMissing", function (arg, msg) {
+	$config.addFilter("throwErrorWhenMissing", function (arg, msg) {
 		if(arg) {
 			return;
 		}
 		throw new Error(msg + ` (via throwErrorWhenMissing filter on ${this.page.url})`);
 	});
-	eleventyConfig.addFilter("coerceVersion", coerceVersion);
-	eleventyConfig.addNunjucksGlobal("semverGreaterThan", greaterThan);
-	eleventyConfig.addShortcode("addedin", addedIn);
+	$config.addFilter("coerceVersion", coerceVersion);
+	$config.addNunjucksGlobal("semverGreaterThan", greaterThan);
+	$config.addShortcode("addedin", addedIn);
 
-	eleventyConfig.addShortcode(
+	$config.addShortcode(
 		"generatoravatar",
 		shortcodes.getGeneratorImageHtml
 	);
-	eleventyConfig.addShortcode("hostavatar", shortcodes.getHostingImageHtml);
-	eleventyConfig.addShortcode("indieavatar", shortcodes.getIndieAvatarHtml);
+	$config.addShortcode("hostavatar", shortcodes.getHostingImageHtml);
+	$config.addShortcode("indieavatar", shortcodes.getIndieAvatarHtml);
 
-	eleventyConfig.addShortcode("indieweblink", function (content, url, iconUrl) {
+	$config.addShortcode("indieweblink", function (content, url, iconUrl) {
 		if (!url) {
 			return content;
 		}
@@ -329,14 +329,14 @@ export default async function (eleventyConfig) {
 		return `<a href="${url}">${imgHtml}${content}</a>`;
 	});
 
-	eleventyConfig.addShortcode("emoji", function (emoji, alt = "") {
+	$config.addShortcode("emoji", function (emoji, alt = "") {
 		return (
 			`<span aria-hidden="true" class="emoji">${emoji}</span>` +
 			(alt ? `<span class="sr-only">${alt}</span>` : "")
 		);
 	});
 
-	eleventyConfig.addFilter("canonicalTwitterUrl", (url) => {
+	$config.addFilter("canonicalTwitterUrl", (url) => {
 		try {
 			return tweetbackTransform(url);
 		} catch (e) {
@@ -345,14 +345,14 @@ export default async function (eleventyConfig) {
 	});
 
 	let ref = 0;
-	eleventyConfig.on("eleventy.before", () => {
+	$config.on("eleventy.before", () => {
 		ref = 0;
 	});
-	eleventyConfig.addShortcode("uid", () => {
+	$config.addShortcode("uid", () => {
 		return `id-${++ref}`;
 	});
 
-	eleventyConfig.addFilter("esmToCjs", memoize((sourceCode) => {
+	$config.addFilter("esmToCjs", memoize((sourceCode) => {
 		try {
 			let it = new ImportTransformer(sourceCode);
 			let outputCode = it.transformToRequire();
@@ -365,39 +365,37 @@ export default async function (eleventyConfig) {
 		}
 	}));
 
-	eleventyConfig.addShortcode("communityavatar", shortcodes.communityAvatar);
-	eleventyConfig.addShortcode(
+	$config.addShortcode("communityavatar", shortcodes.communityAvatar);
+	$config.addShortcode(
 		"opencollectiveavatar",
 		shortcodes.getOpenCollectiveAvatarHtml
 	);
-	eleventyConfig.addShortcode(
+	$config.addShortcode(
 		"getScreenshotHtml",
 		shortcodes.getScreenshotHtml
 	);
 
-	eleventyConfig.addShortcode(
+	$config.addShortcode(
 		"codetitle",
 		function (title, heading = "Filename") {
 			return `<div class="codetitle codetitle-left"><b>${heading} </b>${title}</div>`;
 		}
 	);
 
-	eleventyConfig.addPairedShortcode("minilink", function (text, href) {
+	$config.addPairedShortcode("minilink", function (text, href) {
 		return `<a href="${href}" class="minilink minilink-lower">${text}</a>`;
 	});
 
 	// WebC migration: TODO remove this after full conversion
-	eleventyConfig.addPassthroughCopy({
+	$config.addPassthroughCopy({
 		"src/js/*.js": "js/",
+		"src/css/type/*": "css/fonts/", // cera round pro
 		"src/_includes/components/throbber.js": "js/throbber.js",
 		"src/_includes/components/throbber.css": "css/throbber.css",
-		"src/css/fonts/BenchNine-Bold-kern-latin.woff2": "css/fonts/benchnine-bold.woff2",
-		"src/css/fonts/RobotoMono-Regular-kern-latin.woff2": "css/fonts/robotomono-regular.woff2",
-		"src/css/fonts/RobotoMono-Regular-kern-latinext.woff2": "css/fonts/robotomono-regular-ext.woff2",
 		"src/opensearch.xml": "opensearch.xml",
 	});
 
-	eleventyConfig.addPassthroughCopy({
+	$config.addPassthroughCopy({
 		[resolveModule("@11ty/logo/assets/logo-bg.svg")]: "img/logo-github.svg",
 		// [resolveModule("@11ty/logo/assets/open-graph.jpg")]: "img/open-graph.jpg",
 		[resolveModule("@11ty/logo/img/logo-784x1093.png")]: "img/logo.png",
@@ -416,32 +414,30 @@ export default async function (eleventyConfig) {
 
 	// Eleventy Editor
 	// Minification only happens in production
-	await minifyJavaScriptFile(resolveModule("@11ty/client"), path.join(eleventyConfig.directories.output, "js/eleventy.core.browser.js"));
-	await minifyJavaScriptFile(resolveModule("@11ty/client/md"), path.join(eleventyConfig.directories.output, "js/eleventy.engine-md.browser.js"));
-	await minifyJavaScriptFile(resolveModule("@11ty/client/liquid"), path.join(eleventyConfig.directories.output, "js/eleventy.engine-liquid.browser.js"));
-	await bundleModulePath("@awesome.me/webawesome/dist/components/copy-button/copy-button.js", path.join(eleventyConfig.directories.output, "js/wa-copy-button.js"));
-
-	eleventyConfig.addPassthroughCopy("src/img");
-	eleventyConfig.addPassthroughCopy("src/blog/*.png");
-	eleventyConfig.addPassthroughCopy("src/blog/pretty-atom-feed-v3.xsl");
-	eleventyConfig.addPassthroughCopy("src/favicon.ico");
-	eleventyConfig.addPassthroughCopy({
+	await minifyJavaScriptFile(resolveModule("@11ty/client"), path.join($config.directories.output, "js/eleventy.core.browser.js"));
+	await minifyJavaScriptFile(resolveModule("@11ty/client/md"), path.join($config.directories.output, "js/eleventy.engine-md.browser.js"));
+	await minifyJavaScriptFile(resolveModule("@11ty/client/liquid"), path.join($config.directories.output, "js/eleventy.engine-liquid.browser.js"));
+	await bundleModulePath("@awesome.me/webawesome/dist/components/copy-button/copy-button.js", path.join($config.directories.output, "js/wa-copy-button.js"));
+
+	$config.addPassthroughCopy("src/img");
+	$config.addPassthroughCopy("src/favicon.ico");
+	$config.addPassthroughCopy({
 		"./node_modules/@awesome.me/webawesome/dist-cdn/": "/static/web-awesome/",
 	});
 
-	eleventyConfig.addFilter("matchbannerlink", (links, text) => {
+	$config.addFilter("matchbannerlink", (links, text) => {
 		return links.find((entry) => entry.label.indexOf(text) !== -1);
 	});
 
-	eleventyConfig.addFilter("lighthouseGoodDataCheck", function (data) {
+	$config.addFilter("lighthouseGoodDataCheck", function (data) {
 		return !!data && !("error" in data);
 	});
 
-	eleventyConfig.addFilter("lighthousePerfectScore", function (data) {
+	$config.addFilter("lighthousePerfectScore", function (data) {
 		return !!data && !("error" in data) && data.lighthouse.total === 400;
 	});
 
-	eleventyConfig.addFilter("cardScreenshotHtml", async function (site) {
+	$config.addFilter("cardScreenshotHtml", async function (site) {
 		let url = site.demo || site.url;
 		if(!url) {
 			return `<div class="sites-screenshot-container"><img class="sites-screenshot"></div>`;
@@ -452,7 +448,7 @@ export default async function (eleventyConfig) {
 		return `<div class="sites-screenshot-container">${await shortcodes.getScreenshotHtml(site.fileSlug, url, null, site.screenshotSize, site.screenshotAspectRatio)}</div>`;
 	});
 
-	eleventyConfig.addFilter("speedlifyHash", function (site) {
+	$config.addFilter("speedlifyHash", function (site) {
 		if (!site || !site.url) {
 			// console.log( "speedlifyHash: Missing url for", site.name );
 			return;
@@ -461,29 +457,29 @@ export default async function (eleventyConfig) {
 		return shortHash(site.url);
 	});
 
-	eleventyConfig.addFilter("toJSON", function (obj) {
+	$config.addFilter("toJSON", function (obj) {
 		return JSON.stringify(obj);
 	});
 
-	eleventyConfig.addFilter("toSearchEntry", function (str) {
+	$config.addFilter("toSearchEntry", function (str) {
 		return str
 			.replace(/<a class="direct-link"[^>]*>#<\/a\>/g, "")
 			.replace(/[\t]{2,}/g, "\t") // change \t\t\t\t\t\t to \t
 			.replace(/[\n]{2,}/g, "\n"); // change \n\n\n\n\n to \n
 	});
 
-	eleventyConfig.addFilter("humanReadableNum", function (num) {
+	$config.addFilter("humanReadableNum", function (num) {
 		if (num || num === 0) {
 			return HumanReadable.toHumanString(num);
 		}
 		return "";
 	});
 
-	eleventyConfig.addFilter("commaNumber", function (num) {
+	$config.addFilter("commaNumber", function (num) {
 		return commaNumber(num);
 	});
 
-	eleventyConfig.addFilter("displayPrice", function (num) {
+	$config.addFilter("displayPrice", function (num) {
 		return new Intl.NumberFormat("en-US", {
 			style: "currency",
 			currency: "USD",
@@ -491,9 +487,9 @@ export default async function (eleventyConfig) {
 		}).format(num);
 	});
 
-	eleventyConfig.addFilter("displayUrl", displayUrl);
+	$config.addFilter("displayUrl", displayUrl);
 
-	eleventyConfig.addShortcode(
+	$config.addShortcode(
 		"templatelangs",
 		function (languages, page, whitelist, anchor, isinline) {
 			let parentTag = isinline ? "span" : "ul";
@@ -516,10 +512,10 @@ export default async function (eleventyConfig) {
 	);
 
 	// WebC migration: eleventy-version.webc
-	eleventyConfig.addShortcode(
+	$config.addShortcode(
 		"latestVersion",
 		function (versions, config, prefix = "v") {
-			for (let version of versions) {
+			for (let version of versions.sort((v1, v2) => compareVersion(v1.tag, v2.tag))) {
 				if (version.channel && version.channel !== "latest") {
 					continue;
 				}
@@ -546,7 +542,7 @@ export default async function (eleventyConfig) {
 	}
 
 	// Thanks to https://stackoverflow.com/questions/6274339/how-can-i-shuffle-an-array
-	eleventyConfig.addFilter("shuffle", (arr = [], sliceNum = undefined) => {
+	$config.addFilter("shuffle", (arr = [], sliceNum = undefined) => {
 		if (Array.isArray(arr)) {
 			if (!sliceNum) {
 				return randomizeArray(arr);
@@ -576,7 +572,7 @@ export default async function (eleventyConfig) {
 	}
 
 	// Thanks to https://stackoverflow.com/questions/6274339/how-can-i-shuffle-an-array
-	eleventyConfig.addFilter("randompick", (arr) => {
+	$config.addFilter("randompick", (arr) => {
 		if (Array.isArray(arr)) {
 			return getRandomArrayEntry(arr);
 		}
@@ -585,7 +581,7 @@ export default async function (eleventyConfig) {
 		return arr[randkey];
 	});
 
-	eleventyConfig.addFilter("getsize", (arr) => {
+	$config.addFilter("getsize", (arr) => {
 		if (Array.isArray(arr)) {
 			return arr.length;
 		}
@@ -593,7 +589,7 @@ export default async function (eleventyConfig) {
 		return Object.keys(arr).length;
 	});
 
-	eleventyConfig.addShortcode("addToSampleSites", function () {
+	$config.addShortcode("addToSampleSites", function () {
 		return `<a href="https://github.com/11ty/docs/issues/new/choose"><strong>Want to add your site to this list?</strong></a>`;
 	});
 
@@ -608,20 +604,20 @@ export default async function (eleventyConfig) {
 		return avatarHtml + testimonial.name;
 	}
 
-	eleventyConfig.addShortcode("testimonialNameHtml", testimonialNameHtml);
+	$config.addShortcode("testimonialNameHtml", testimonialNameHtml);
 
-	eleventyConfig.addShortcode("testimonial", function (testimonial) {
+	$config.addShortcode("testimonial", function (testimonial) {
 		let nameHtml = testimonialNameHtml(testimonial);
 		return `<blockquote><p>${
 			!testimonial.indirect ? `“` : ``
 		}${testimonial.text}${!testimonial.indirect ? `” <span class="bio-source">—${shortcodes.link(testimonial.source, nameHtml)}</span>` : ``}</p></blockquote>`;
 	});
 
-	eleventyConfig.addFilter("filterBusinessPeople", function (authors) {
+	$config.addFilter("filterBusinessPeople", function (authors) {
 		return Object.values(authors).filter((entry) => !!entry.business_url);
 	});
 
-	eleventyConfig.addFilter("isBusinessPerson", function (supporter) {
+	$config.addFilter("isBusinessPerson", function (supporter) {
 		return (
 			supporter &&
 			supporter.isMonthly &&
@@ -630,7 +626,7 @@ export default async function (eleventyConfig) {
 		);
 	});
 
-	eleventyConfig.addFilter(
+	$config.addFilter(
 		"isSupporter",
 		function (
 			supporters,
@@ -658,11 +654,11 @@ export default async function (eleventyConfig) {
 		}
 	);
 
-	eleventyConfig.addFilter("toISO", (dateObj) => {
+	$config.addFilter("toISO", (dateObj) => {
 		return dateObj.toISOString();
 	});
 
-	eleventyConfig.addFilter("newsDate", (dateObj, format = "yyyy LLLL dd") => {
+	$config.addFilter("newsDate", (dateObj, format = "yyyy LLLL dd") => {
 		if (typeof dateObj === "string") {
 			return DateTime.fromISO(dateObj).toFormat(format);
 		} else if (typeof dateObj === "number") {
@@ -671,7 +667,7 @@ export default async function (eleventyConfig) {
 		return DateTime.fromJSDate(dateObj).toFormat(format);
 	});
 
-	eleventyConfig.addFilter("objectFilterNot", (obj, compareKey) => {
+	$config.addFilter("objectFilterNot", (obj, compareKey) => {
 		let newObj = {};
 		for (let j in obj) {
 			if (!obj[j][compareKey]) {
@@ -681,7 +677,7 @@ export default async function (eleventyConfig) {
 		return newObj;
 	});
 
-	eleventyConfig.addFilter("rankSortByNumericKey", (arr, ...keys) => {
+	$config.addFilter("rankSortByNumericKey", (arr, ...keys) => {
 		return arr
 			.filter((entry) => true)
 			.sort((a, b) => {
@@ -695,7 +691,7 @@ export default async function (eleventyConfig) {
 			});
 	});
 
-	eleventyConfig.addFilter(
+	$config.addFilter(
 		"calc",
 		(sites, type, key, greaterThanOrEqualTo = 1) => {
 			let sum = 0;
@@ -736,9 +732,9 @@ export default async function (eleventyConfig) {
 		}
 	);
 
-	eleventyConfig.addFilter("findBy", findBy);
+	$config.addFilter("findBy", findBy);
 
-	eleventyConfig.addFilter("findSiteDataByUrl", (url, sites) => {
+	$config.addFilter("findSiteDataByUrl", (url, sites) => {
 		let sitesArr = sites;
 		if (!Array.isArray(sitesArr)) {
 			sitesArr = Object.values(sites);
@@ -760,34 +756,34 @@ export default async function (eleventyConfig) {
 		}
 	});
 
-	eleventyConfig.addFilter("repeat", (number, str) => {
+	$config.addFilter("repeat", (number, str) => {
 		if (number > 0) {
 			return str + new Array(number).join(str);
 		}
 		return "";
 	});
 
-	eleventyConfig.addFilter("values", (obj) => {
+	$config.addFilter("values", (obj) => {
 		return Object.values(obj);
 	});
 
-	eleventyConfig.addFilter("sortAuthors", (authors) => {
+	$config.addFilter("sortAuthors", (authors) => {
 		return Object.values(authors).filter(author => !author.name.startsWith("twitter:")).sort((a, b) => {
 			return b.sites.length - a.sites.length;
 		});
 	});
 
-	eleventyConfig.addFilter("cleanAuthorName", cleanName);
+	$config.addFilter("cleanAuthorName", cleanName);
 
-	eleventyConfig.addFilter("head", (arr, num) => {
+	$config.addFilter("head", (arr, num) => {
 		return num ? arr.slice(0, num) : arr;
 	});
 
-	eleventyConfig.addFilter("headafter", (arr, num) => {
+	$config.addFilter("headafter", (arr, num) => {
 		return num ? arr.slice(num) : arr;
 	});
 
-	eleventyConfig.addFilter("filterSupportersActive", (supporters) => {
+	$config.addFilter("filterSupportersActive", (supporters) => {
 		// workaround a bug in the open collective API
 		const ALLOWED_SLUGS = [
 			"superluxuryreps"
@@ -799,7 +795,7 @@ export default async function (eleventyConfig) {
 	});
 
 	// Sort an object that has `order` props in values. Return an array
-	eleventyConfig.addFilter("sortObjectByOrder", (obj) => {
+	$config.addFilter("sortObjectByOrder", (obj) => {
 		let arr = [];
 		for (let key in obj) {
 			arr.push(obj[key]);
@@ -810,12 +806,12 @@ export default async function (eleventyConfig) {
 	});
 
 	// Case insensitive check an object for a key
-	eleventyConfig.addFilter("has", objectHas);
+	$config.addFilter("has", objectHas);
 
-	let slugify = eleventyConfig.getFilter("slugify");
+	let slugify = $config.getFilter("slugify");
 
 	// Case insensitive check an object for a key
-	eleventyConfig.addShortcode("authorLink", (authors, name) => {
+	$config.addShortcode("authorLink", (authors, name) => {
 		let html = [];
 
 		if (name) {
@@ -837,7 +833,7 @@ export default async function (eleventyConfig) {
 		return html.join("");
 	});
 
-	eleventyConfig.addFilter(
+	$config.addFilter(
 		"convertCommunityLinkToSiteCard",
 		function ({ url, author, title }) {
 			/*
@@ -865,7 +861,7 @@ to:
 		}
 	);
 
-	eleventyConfig.addShortcode(
+	$config.addShortcode(
 		"youtubeEmbed",
 		function (slug, label, startTime) {
 			if (label) {
@@ -902,15 +898,7 @@ to:
 		}
 	);
 
-	eleventyConfig.addFilter("injectAvatars", function (content) {
-		return content
-			.split("Eleventy")
-			.join(
-				shortcodes.getIndieAvatarHtml("https://www.11ty.dev/") + "Eleventy"
-			);
-	});
-
-	eleventyConfig.addFilter("packageManagerCodeTransform", (content, type) => {
+	$config.addFilter("packageManagerCodeTransform", (content, type) => {
 		if(type === "yarn") {
 			return content.replaceAll("npx @11ty/", "yarn exec ");
 		} else if(type === "pnpm") {
@@ -919,7 +907,7 @@ to:
 		return content;
 	});
 
-	eleventyConfig.addFilter("opencollectiveTier", (supporters = [], tier = undefined) => {
+	$config.addFilter("opencollectiveTier", (supporters = [], tier = undefined) => {
 		return supporters.filter(s => s.isMonthly && (!tier || s?.tier?.slug == tier));
 	});
 
@@ -930,7 +918,7 @@ to:
 	 *
 	 * Floor for minutes/hours, Round for days and weeks
 	 */
-	eleventyConfig.addFilter("timeDiff", dateStr => {
+	$config.addFilter("timeDiff", dateStr => {
 		let diff = (Date.now() - Date.parse(dateStr)) / 1000;
 		let day_diff = Math.round(diff / 86400);
 
@@ -952,7 +940,7 @@ to:
 		return result;
 	})
 
-	eleventyConfig.addFilter("normalizeVersion", (version = "") => {
+	$config.addFilter("normalizeVersion", (version = "") => {
 		if(version.startsWith("v")) {
 			return version.slice(1);
 		}
@@ -961,7 +949,7 @@ to:
 
 		// Remove after https://github.com/11ty/eleventy/issues/3668
 	const TIME_ZONE = "America/Chicago";
-	eleventyConfig.addDateParsing(function(dateValue) {
+	$config.addDateParsing(function(dateValue) {
 		let localDate;
 		if(dateValue instanceof Date) { // override YAML dates
 			localDate = DateTime.fromJSDate(dateValue, { zone: "utc" }).setZone(TIME_ZONE, { keepLocalTime: true });
diff --git a/package-lock.json b/package-lock.json
index a07735c5dd..d079d3874f 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
-  "name": "@11ty/website",
-  "version": "2.0.0",
+  "name": "@11ty/docs",
+  "version": "4.0.0",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
-      "name": "@11ty/website",
-      "version": "2.0.0",
+      "name": "@11ty/docs",
+      "version": "4.0.0",
       "license": "MIT",
       "dependencies": {
         "@11ty/client": "4.0.0-alpha.10",
diff --git a/package.json b/package.json
index edae3388b0..0d35095c75 100644
--- a/package.json
+++ b/package.json
@@ -1,8 +1,8 @@
 {
-  "name": "@11ty/website",
-  "version": "2.0.0",
+  "name": "@11ty/docs",
+  "version": "4.0.0",
   "private": true,
-  "description": "The website at 11ty.dev",
+  "description": "The docs website for Build Awesome at build.awesome.me",
   "type": "module",
   "engines": {
     "node": ">=22.15"
@@ -11,7 +11,7 @@
     "check-links": "npx check-html-links _site",
     "build": "npx @11ty/eleventy --quiet && npm run create-search-index",
     "build-production": "npm run get-new-data && NODE_ENV=production npx @11ty/eleventy && npm run create-search-index",
-    "start": "npx @11ty/eleventy --serve --quiet --port=8091 --incremental",
+    "start": "npx @11ty/eleventy --serve --quiet --port=8091",
     "start-production": "NODE_ENV=production npx @11ty/eleventy --serve --quiet --port=8091",
     "create-search-index": "npx pagefind --site \"_site\" --glob \"{docs,blog}/**/*.html\"",
     "get-new-data": "rm -rf ./src/_data/builtwith/ && npx degit github:11ty/11ty-community/built-with-eleventy src/_data/builtwith/",
diff --git a/src/404.md b/src/404.md
index d8fb48295d..e940d4b3f8 100644
--- a/src/404.md
+++ b/src/404.md
@@ -8,12 +8,12 @@ eleventyExcludeFromCollections: true
 
 We couldn’t find the content you were looking for.
 
-- Confused about what Eleventy is? Check out the [Project Overview](/docs/).
-- Want to [Get Started using Eleventy?](/docs/).
+- Confused about what Build Awesome is? Check out the [project overview](/).
+- Want to [Get Started using Build Awesome?](/docs/).
 
 ## Testimonials
 
-Listen to what these happy developers are saying about Eleventy:
+Listen to what these happy developers are saying about Build Awesome:
 
 <div class="testimonials">
 	<div class="testimonials-layout fl">
diff --git a/src/_data/community/api-opengraph-zachleat.js b/src/_data/community/api-opengraph-zachleat.js
index 25197ba364..991d15c34d 100644
--- a/src/_data/community/api-opengraph-zachleat.js
+++ b/src/_data/community/api-opengraph-zachleat.js
@@ -1,6 +1,6 @@
 export default {
 	url: "https://www.zachleat.com/web/api-opengraph-image/",
 	author: "zachleat",
-	title: "Recycling Open Graph Images for display on my Web Site",
+	title: "Recycling Open Graph Images for display on my Website",
 	key: "api-services-opengraph",
 };
diff --git a/src/_data/config.js b/src/_data/config.js
index 4785e789b5..29c4111da6 100644
--- a/src/_data/config.js
+++ b/src/_data/config.js
@@ -1,11 +1,10 @@
 export default {
 	outdated: false,
-	prerelease: false,
+	prerelease: true,
 	githubEdit: "https://github.com/11ty/docs/tree/main/",
 	now: new Date(),
 	env: process.env.NODE_ENV,
-	origin: "https://www.11ty.dev", // important: no trailing slash on URL
+	origin: "https://build.awesome.me", // important: no trailing slash on URL
 	kickstarterUrl: "https://www.kickstarter.com/projects/fontawesome/build-awesome-pro?ref=43ttgb",
-	kickstarterLaunchDate: (new Date("2026-04-28T15:00:00Z")).toISOString(),
 	kickstarterCloseDate: (new Date("2026-05-28T21:00:00Z")).toISOString(),
 };
diff --git a/src/_data/github.js b/src/_data/github.js
index 1cefe3db3b..e889adebdc 100644
--- a/src/_data/github.js
+++ b/src/_data/github.js
@@ -7,7 +7,7 @@ export default async function () {
 	try {
 		// https://developer.github.com/v3/repos/#get
 		let json = await Fetch(
-			"https://api.github.com/repos/11ty/eleventy",
+			"https://api.github.com/repos/11ty/buildawesome",
 			{
 				type: "json",
 				duration: CACHE_DURATION,
diff --git a/src/_data/githubReleases.js b/src/_data/githubReleases.js
index fbc44b5a42..92d1dc964c 100644
--- a/src/_data/githubReleases.js
+++ b/src/_data/githubReleases.js
@@ -35,8 +35,8 @@ async function getPagedGitHubData(url, pageIndex = 1) {
 export default async function () {
 	try {
 		// https://developer.github.com/v3/repos/#get
-		let releasesJson = await getPagedGitHubData("https://api.github.com/repos/11ty/eleventy/releases");
-		let tagsJson = await getPagedGitHubData("https://api.github.com/repos/11ty/eleventy/tags");
+		let releasesJson = await getPagedGitHubData("https://api.github.com/repos/11ty/buildawesome/releases");
+		let tagsJson = await getPagedGitHubData("https://api.github.com/repos/11ty/buildawesome/tags");
 
 		let releases = releasesJson.filter(entry => {
 			// no drafts
diff --git a/src/_data/starters/eleventy-base-blog.json b/src/_data/starters/eleventy-base-blog.json
index febdcf6bd0..3ff40d2941 100644
--- a/src/_data/starters/eleventy-base-blog.json
+++ b/src/_data/starters/eleventy-base-blog.json
@@ -1,7 +1,7 @@
 {
 	"url": "https://github.com/11ty/eleventy-base-blog",
 	"name": "eleventy-base-blog",
-	"description": "How to build a blog web site with Eleventy.",
+	"description": "How to build a blog website with Eleventy.",
 	"author": "eleven_ty",
 	"demo": "https://demo-base-blog.11ty.dev/",
 	"official": true,
diff --git a/src/_data/starters/eleventy-netlify-boilerplate.json b/src/_data/starters/eleventy-netlify-boilerplate.json
index 49fd19c901..103506df80 100644
--- a/src/_data/starters/eleventy-netlify-boilerplate.json
+++ b/src/_data/starters/eleventy-netlify-boilerplate.json
@@ -1,7 +1,7 @@
 {
 	"url": "https://github.com/danurbanowicz/eleventy-netlify-boilerplate",
 	"name": "eleventy-netlify-boilerplate",
-	"description": "A template for building a simple blog web site with Eleventy and deploying it to Netlify. Includes Netlify CMS and Netlify Forms.",
+	"description": "A template for building a simple blog website with Eleventy and deploying it to Netlify. Includes Netlify CMS and Netlify Forms.",
 	"author": "DanUrbanowicz",
 	"demo": "https://eleventy-netlify-boilerplate.netlify.app/"
 }
\ No newline at end of file
diff --git a/src/_includes/components/announcement.css b/src/_includes/components/announcement.css
index 86af3cdc57..bd29cd8c35 100644
--- a/src/_includes/components/announcement.css
+++ b/src/_includes/components/announcement.css
@@ -4,7 +4,7 @@
 	justify-content: center;
 	width: 100%;
 	color: #fff;
-	font-weight: 600;
+	font-weight: 700;
 	padding: 0.25em 1em;
 	gap: .5em;
 }
@@ -15,141 +15,17 @@
 		font-size: clamp(1em, 2vw, 1.25em);
 	}
 }
-.announcement,
-.announcement-btn {
-	--btn-bg: #183153;
-	--btn-color: #f0f1f3;
-	--btn-shadow-color: #0f1f36;
-	display: flex;
-	justify-content: center;
-	font-weight: 600;
-}
 .announcement {
-	flex-wrap: wrap;
-}
-@media (prefers-color-scheme: dark) {
-	.announcement,
-	.announcement-btn {
-		--btn-bg: #007150;
-		--btn-color: #f0f1f3;
-		--btn-shadow-color: #165b46;
-	}
-}
-.announcement-btn,
-.announcement > a,
-.announcement > span {
 	display: flex;
-	align-items: center;
 	justify-content: center;
-	text-align: center;
+	font-weight: 700;
 	flex-wrap: wrap;
-	gap: .5em;
-	padding: .5em 2em;
-	text-decoration: none;
-	border-radius: .5em;
-	margin: .25em .25em .5em .25em;
-	border: .125rem solid var(--btn-shadow-color);
-}
-.announcement > a,
-.announcement > a:visited,
-.announcement > a:any-link {
-	background-color: var(--btn-bg);
-	color: var(--btn-color);
-	box-shadow: 0 .375rem 0 var(--btn-shadow-color);
-}
-.announcement-btn,
-.announcement-btn:visited,
-.announcement-btn[href],
-.announcement > a,
-.announcement > a:visited,
-.announcement > a:any-link {
-	background-color: var(--btn-bg);
-	color: var(--btn-color);
-	box-shadow: 0 .375rem 0 var(--btn-shadow-color);
-}
-@media (max-width: 31.1875em) { /* 499px */
-	.announcement > a > span > b {
-		display: none;
-	}
-}
-.announcement-btn:hover,
-.announcement a:hover {
-	text-decoration: underline;
-}
-.announcement a:after {
-	display: none;
-}
-.announcement-btn {
-	line-height: 1.6;
-	margin-block: 2em;
-	max-width: 28em;
-	margin-inline: auto;
-	text-align: center;
-	white-space: normal;
 }
 
 .products .announcement svg {
 	min-width: 1em;
 }
-/* External link opt-out */
-.announcement-btn:after {
-	display: none;
-}
-.announcement-btn svg {
-	min-width: 1.5em;
-	height: auto;
-}
-.elv-footer-wrap .announcement {
-	background-color: color-mix(in oklab, var(--background-color), var(--btn-bg) 85%);
-}
-.announcement .announcement-tag {
-	font-size: .75em;
-	text-transform: uppercase;
-	padding: .25em .75em;
-	border-radius: .25em;
-	background-color: rgba(0,0,0,.4);
-}
-
-/* Progress bar */
-.announcement:has(.announcement-progress) a[href] {
-	position: relative;
-}
-.announcement:has(.announcement-progress) a[href] > :not(.announcement-progress) {
-	position: relative;
-	z-index: 1;
-}
 
-.announcement-progress {
-	--fundraise-accent-color: var(--brand-ba);
-	--fundraise-bg: rgba(255,255,255,.4);
-	display: block;
-	position: absolute;
-	left: 0;
-	right: 0;
-	top: 0;
-	bottom: 0;
-	accent-color: var(--fundraise-accent-color);
-	width: 100%;
-	height: 100%;
-	border-radius: .4em;
-	overflow: hidden;
-	appearance: none;
-	pointer-events: none;
-	background-color: transparent;
-	border-width: 0;
-}
-@media (prefers-color-scheme: dark) {
-	.announcement-progress {
-		--fundraise-accent-color: #183153;
-		--fundraise-bg: rgba(0,0,0,.2);
-	}
-}
-.announcement-progress::-webkit-progress-value {
-	background: var(--fundraise-accent-color);
-}
-.announcement-progress::-moz-progress-bar {
-	background: var(--fundraise-accent-color);
-}
-.announcement-progress::-webkit-progress-bar {
-	background-color: transparent;
+.elv-footer-wrap .announcement {
+	background-color: color-mix(in oklab, var(--background-color), #183153 85%);
 }
diff --git a/src/_includes/components/announcement.njk b/src/_includes/components/announcement.njk
index f9d92ecc16..1428d51a47 100644
--- a/src/_includes/components/announcement.njk
+++ b/src/_includes/components/announcement.njk
@@ -1,8 +1,7 @@
 <div class="announcement">
-	<a href="{{ config.kickstarterUrl }}">
-		{# <progress class="announcement-progress" min="0" max="100000" value="{{ kickstarterStats.pledged }}"></progress> #}
-		{%- include "components/ba-balloon.svg" %}<span>Join the {{ kickstarterStats.backers }} backers of Build Awesome!</span>{#
-		<is-land import="/js/time-difference.js" on:idle on:media="(prefers-reduced-motion: no-preference)"><time-difference class="announcement-tag" live mode="countdown,strip-prefix" suffix="Left"><time datetime="{{ config.kickstarterCloseDate }}">Until May 28</time></time-difference></is-land>
-		 #}<span class="announcement-tag">Late Pricing Available</span>
+	<a href="/pro/" class="btn-brand">
+		<i class="fa-brands fa-build-awesome"></i><span>Build Awesome Pro!</span>{#
+		<is-land import="/js/time-difference.js" on:idle on:media="(prefers-reduced-motion: no-preference)"><time-difference class="btn-tag" live mode="countdown,strip-prefix" suffix="Left"><time datetime="{{ config.kickstarterCloseDate }}">Until May 28</time></time-difference></is-land>
+		 #}<span class="btn-tag">Coming Soon</span>
 	</a>
 </div>
\ No newline at end of file
diff --git a/src/_includes/components/ba-balloon.svg b/src/_includes/components/ba-balloon.svg
deleted file mode 100644
index d3f65e8f5e..0000000000
--- a/src/_includes/components/ba-balloon.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-	<path d="M9.99976 2C13.8657 2.00004 16.9998 5.13403 16.9998 9C16.9998 12.2484 14.2319 15.321 11.8318 16.4961L12.4294 17.8398C12.4763 17.9452 12.4997 18.0595 12.4998 18.1748C12.4998 18.6303 12.1309 18.9998 11.6755 19H8.32495C7.8694 18.9999 7.49976 18.6304 7.49976 18.1748C7.49979 18.0595 7.5242 17.9452 7.57104 17.8398L8.16772 16.4961C5.76767 15.3208 2.99976 12.2482 2.99976 9C2.99976 5.13412 6.13391 2.00018 9.99976 2ZM9.73511 5.10254C9.65367 4.69662 9.25831 4.43344 8.85229 4.51465C8.04997 4.67525 7.29803 5.14118 6.71948 5.71973C6.14093 6.29829 5.67498 7.05019 5.5144 7.85254C5.43321 8.25853 5.69642 8.65388 6.10229 8.73535C6.50834 8.81656 6.90371 8.55342 6.98511 8.14746C7.0746 7.7 7.35873 7.20159 7.78003 6.78027C8.20132 6.35898 8.69977 6.07488 9.14722 5.98535C9.55317 5.90395 9.81632 5.50858 9.73511 5.10254Z" fill="currentColor"/>
-</svg>
\ No newline at end of file
diff --git a/src/_includes/components/build-awesome-hero.njk b/src/_includes/components/build-awesome-hero.njk
new file mode 100644
index 0000000000..8fb0d84cb4
--- /dev/null
+++ b/src/_includes/components/build-awesome-hero.njk
@@ -0,0 +1,254 @@
+<section class="ba-hero elv-layout">
+	<style>
+	.ba-hero {
+		--ba-hero-navy:#183153;
+		--ba-hero-green:var(--brand-ba);
+		--ba-hero-cyan:#00e0e0;
+		--ba-hero-mint:#71f4cd;
+		--ba-hero-mint-bg:#e3fdf5;
+		--ba-hero-blue:#1873a5;
+		--ba-hero-muted:#6d6d6d;
+		--ba-hero-shadow: rgba(0,224,224,.18);
+		--ba-hero-body:"Cera Round Pro",system-ui,sans-serif;
+		--ba-hero-mono:Menlo,Monaco,Consolas,Courier New,monospace;
+
+		@media (prefers-color-scheme: dark){
+			--ba-hero-navy:#eef3fb;     /* headings / strong text -> near-white */
+			--ba-hero-shadow: rgba(48,117,117,.18);
+			--ba-hero-muted:#93a2b6;
+			--ba-hero-mint-bg:rgba(0,167,118,.16);  /* pill / chip backgrounds */
+		}
+	}
+	.ba-hero{ position:relative; display:flex; flex-direction:column; font-family:var(--ba-hero-body); margin: 0 auto 6vh; padding-block: 4vh 0; }
+	.ba-hero::before{ content:""; position:absolute; top:-28%; right:0; width:52vw; height:66vw; z-index:-1; background: radial-gradient(circle at 50% 15%, var(--ba-hero-shadow), transparent 60%); filter:blur(24px); }
+
+	.ba-hero-grid{ position:relative; z-index:0; flex:1; display:grid; grid-template-columns: 1.02fr .98fr; gap:36px; align-items:center;
+		padding: 1em 0;
+	}
+	.ba-hero-kicker{ display:inline-flex; align-items:center; gap:8px; background:var(--ba-hero-mint-bg); color:var(--ba-hero-green); font-family:var(--ba-hero-body);
+		font-weight:600; font-size:.85rem; padding:8px 16px; border-radius:100px; margin-bottom:22px; }
+	.ba-hero-kicker-dot{ width:7px; height:7px; border-radius:50%; background:var(--ba-hero-green); box-shadow:0 0 0 0 rgba(0,167,118,.5); animation: ba-hero-ping 2.4s ease-out infinite; }
+	@keyframes ba-hero-ping{ 0%{ box-shadow:0 0 0 0 rgba(0,167,118,.5);} 70%,100%{ box-shadow:0 0 0 8px rgba(0,167,118,0);} }
+	.ba-hero-title{ font-family:var(--ba-hero-body); font-weight:700; font-size:clamp(2.6rem,6.6vw,5.4rem); line-height:.98; letter-spacing:-.01em; margin:0; color:var(--ba-hero-navy); }
+	.ba-hero-accent{ color:var(--ba-hero-green); }
+	.ba-hero-sub{ font-size:clamp(1.05rem,1.6vw,1.3rem); line-height:1.5; max-width:46ch; margin:22px 0 30px; }
+	.ba-hero-actions{ display:flex; gap:14px; align-items:center; flex-wrap:wrap; }
+	.ba-hero-btn{ font-family:var(--ba-hero-body); font-weight:600; font-size:1.05rem; padding:15px 30px; border-radius:100px; text-decoration:none; cursor:pointer; transition:transform .14s ease, box-shadow .14s ease; }
+	.ba-hero-btn-fill:any-link{ background:var(--ba-hero-navy); color:#fff; }
+	.ba-hero-btn-fill:hover{ transform:translateY(-3px); box-shadow:0 16px 30px -8px rgba(0,167,118,.7); }
+	.ba-hero-btn-ghost{ color:var(--ba-hero-navy); border:2px solid #e6e6e6; } .ba-hero-btn-ghost:hover{ border-color:var(--ba-hero-green); color:var(--ba-hero-green); }
+	.ba-hero-feats{ list-style:none; display:flex; flex-wrap:wrap; gap:10px 18px; margin:28px 0 0; padding:0; }
+	.ba-hero-feat{ display:flex; align-items:center; gap:8px; font-weight:600; font-size:.92rem; color:var(--ba-hero-navy); }
+	.ba-hero-feat::before{ content:""; width:16px; height:16px; border-radius:50%; background:var(--ba-hero-mint-bg);
+		box-shadow: inset 0 0 0 2px var(--ba-hero-green); }
+
+	/* stage */
+	.ba-hero-stage{ position:relative; z-index:2; height: clamp(420px, 40vw, 500px);margin-inline-end: clamp(1em,5vw,2em); }
+	.ba-hero-floaty{ position:absolute; animation: ba-hero-bob 7s ease-in-out infinite; }
+	.ba-hero-floaty-term{ top:0; left:0; width:97%; z-index:1; }
+	.ba-hero-floaty-browser{ top:220px; right:-20px; width:90%; z-index:3; animation-delay:1.5s; }
+	@keyframes ba-hero-bob{ 0%,100%{ transform:translateY(0);} 50%{ transform:translateY(-9px);} }
+
+	.ba-hero-card{ border-radius:16px; will-change:transform; }
+	.ba-hero-dot{ width:12px; height:12px; border-radius:50%; display:inline-block; flex:none; }
+	.ba-hero-dot-r{ background:#ff5f57; } .ba-hero-dot-y{ background:#febc2e; } .ba-hero-dot-g{ background:#28c840; }
+
+	.ba-hero-term{ background:#0f1b2d; box-shadow:0 44px 90px -34px rgba(24,49,83,.55), 0 0 0 1px rgba(24,49,83,.06); overflow:hidden;
+		transform: perspective(1500px) rotateY(-6deg) rotateX(3deg) translate3d(var(--ba-hero-px,0),var(--ba-hero-py,0),0);
+		transition: transform .12s ease-out; }
+	.ba-hero-term-bar{ display:flex; align-items:center; gap:8px; padding:12px 14px; background:#14243b; }
+	.ba-hero-term-name{ margin-left:8px; font-family:var(--ba-hero-mono); font-size:.78rem; color:#7d90ad; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
+	.ba-hero-copybtn{ border: 0; margin-left:auto; flex:none; color: #fff; white-space:nowrap; font-size:.72rem; padding:0.3125em; cursor:pointer; transition:.15s; background: transparent; }
+	.ba-hero-copybtn.is-waiting { visibility: hidden; }
+	.ba-hero-copybtn.is-done{ color:var(--ba-hero-mint); }
+	.ba-hero-copybtn.is-done .fa11ty-icon:first-child {
+		display: none;
+	}
+	.ba-hero-copybtn:not(.is-done) .fa11ty-icon:last-child {
+		display: none;
+	}
+	.ba-hero-term-body{ padding:18px 20px 24px; font-family:var(--ba-hero-mono); font-size:.84rem; line-height:1.75; color:#cde3ff; min-height:236px; }
+	.ba-hero-ln{ white-space:pre-wrap; word-break:break-word; }
+	.ba-hero-pr{ color:var(--ba-hero-green); font-weight:700; }
+	.ba-hero-pr:before{ content: "$ "; }
+	.ba-hero-cmd{ color:var(--ba-hero-cyan); }
+	.ba-hero-path{ color:#8fd0ff; }
+	.ba-hero-dim{ color:#63789a; }
+	.ba-hero-ok{ color:var(--ba-hero-mint); font-weight:700; }
+	.ba-hero-link{ color:var(--ba-hero-cyan); text-decoration:underline; text-underline-offset:3px; }
+	.ba-hero-term-body b{ color:#fff; font-weight:700; }
+	.ba-hero-cur{ display:inline-block; width:8px; height:1.05em; background:var(--ba-hero-cyan); vertical-align:-2px; animation: ba-hero-blink 1s steps(1) infinite; }
+	@keyframes ba-hero-blink{ 50%{ opacity:0; } }
+
+	/* browser preview */
+	.ba-hero-browser{ background:#fff; box-shadow:0 40px 80px -30px rgba(24,49,83,.4), 0 0 0 1px rgba(24,49,83,.07); overflow:hidden;
+		transform: perspective(1500px) rotateY(-6deg) rotateX(3deg) translate3d(var(--ba-hero-bx,0), var(--ba-hero-by,0), 0); }
+	.ba-hero-browser .ba-hero-bbody { opacity:0; transition: opacity .55s ease, transform .6s cubic-bezier(.2,.85,.25,1); }
+	.ba-hero-browser.is-shown .ba-hero-bbody{ opacity:1; }
+	.ba-hero-bbar{ display:flex; align-items:center; gap:8px; padding:10px 12px; background:#f1f3f6; border-bottom:1px solid #e6e9ef; }
+	.ba-hero-bbar .ba-hero-dot{ width:11px; height:11px; }
+	.ba-hero-url{ margin-left:8px; flex:1; background:#fff; border:1px solid #e6e9ef; border-radius:7px; padding:5px 10px;
+		font-family:var(--ba-hero-mono); font-size:.72rem; color:#6d7c90; }
+	.ba-hero-bbody{ padding:20px 22px 26px; }
+	.ba-hero-bnav{ display:flex; align-items:center; justify-content:space-between; margin-bottom:16px; }
+	.ba-hero-bbrand{ display:flex; align-items:center; gap:7px; font-family:var(--ba-hero-body); font-weight:700; color:var(--ba-hero-navy); font-size:.98rem; }
+	.ba-hero-bballoon{ color:var(--ba-hero-green); }
+	.ba-hero-blink-link{ font-weight:600; color:var(--ba-hero-muted); font-size:.85rem; }
+	.ba-hero-bpost-title{ font-family:var(--ba-hero-body); font-weight:700; color:var(--ba-hero-navy); font-size:1.5rem; margin:0 0 8px; }
+	.ba-hero-bbody p{ margin:0 0 14px; color:var(--ba-hero-muted); font-size:.95rem; line-height:1.5; }
+	.ba-hero-bbody code{ font-family:var(--ba-hero-mono); font-size:.85em; background:var(--ba-hero-mint-bg); color:var(--ba-hero-green); padding:1px 6px; border-radius:5px; }
+	.ba-hero-btag{ display:inline-block; font-size:.78rem; font-weight:700; color:var(--ba-hero-green); background:var(--ba-hero-mint-bg); padding:4px 12px; border-radius:100px; }
+
+	@media (max-width: 58.6875em) { /* 939px /16 */
+		.ba-hero-grid{ grid-template-columns:1fr; text-align:center; }
+		.ba-hero-sub{ margin-inline:auto; } .ba-hero-actions, .ba-hero-feats{ justify-content:center; }
+		.ba-hero-stage{ height:auto; max-width:540px; margin:8px auto 60px; text-align:left; }
+		.ba-hero-floaty{ position:relative !important; width:100% !important; animation:none; }
+		.ba-hero-floaty-browser{ top: 0; right: 0; width:92% !important; margin:-26px auto 0; }
+		.ba-hero-term, .ba-hero-browser{ transform:none !important; }
+	}
+	@media (prefers-reduced-motion: reduce){
+		.ba-hero-floaty, .ba-hero-cur, .ba-hero-kicker-dot, .ba-hero-copy{ animation:none; }
+		.ba-hero-browser{ transition:none; }
+	}
+
+	@media (prefers-color-scheme: dark){
+		.ba-hero-btn-ghost{ border-color:rgba(255,255,255,.16); }
+		/* browser preview: dark chrome to match the terminal */
+		.ba-hero-browser{ background:#0f1b2d; box-shadow:0 40px 80px -30px rgba(0,0,0,.65), 0 0 0 1px rgba(255,255,255,.07); }
+		.ba-hero-bbar{ background:#14243b; border-bottom-color:rgba(255,255,255,.08); }
+		.ba-hero-url{ background:rgba(255,255,255,.05); border-color:rgba(255,255,255,.10); color:#9fb4d0; }
+	}
+	</style>
+	<div class="ba-hero-grid">
+		<div class="ba-hero-copy">
+			<span class="ba-hero-kicker"><span class="ba-hero-kicker-dot"></span> Zero runtime. Zero worries.</span>
+			<h1 class="ba-hero-title">Go build something<br><span class="ba-hero-accent">awesome.</span></h1>
+			<p class="ba-hero-sub">A simpler website generator. Point it at your Markdown and launch a fast, resilient static website — skip a runtime and skip the downtime!</p>
+			<div class="ba-hero-actions">
+				<a class="btn-brand" href="/docs/">Get started<i class="fa-solid fa-arrow-right"></i></a>
+				<a class="btn-brand --ghost" href="https://github.com/11ty/buildawesome">View on GitHub</a>
+			</div>
+			<ul class="ba-hero-feats">
+				<li class="ba-hero-feat">Stable</li>
+				<li class="ba-hero-feat">Lightweight</li>
+				<li class="ba-hero-feat">Live Reload</li>
+				<li class="ba-hero-feat">Markdown-friendly</li>
+			</ul>
+		</div>
+
+		<div class="ba-hero-stage">
+			<div class="ba-hero-floaty ba-hero-floaty-term">
+				<div class="ba-hero-card ba-hero-term">
+					<div class="ba-hero-term-bar">
+						<i class="ba-hero-dot ba-hero-dot-r"></i><i class="ba-hero-dot ba-hero-dot-y"></i><i class="ba-hero-dot ba-hero-dot-g"></i>
+						<span class="ba-hero-term-name">~/my-awesome-site</span>
+						<button class="ba-hero-copybtn is-waiting" type="button"><i class="fa-regular fa-copy"></i><i class="fa-solid fa-check"></i></button>
+					</div>
+					<div class="ba-hero-term-body"></div>
+				</div>
+			</div>
+			<div class="ba-hero-floaty ba-hero-floaty-browser">
+				<div class="ba-hero-card ba-hero-browser">
+					<div class="ba-hero-bbar"><i class="ba-hero-dot ba-hero-dot-r"></i><i class="ba-hero-dot ba-hero-dot-y"></i><i class="ba-hero-dot ba-hero-dot-g"></i>
+						<span class="ba-hero-url">http://localhost:8080/</span></div>
+					<div class="ba-hero-bbody">
+						<div class="ba-hero-bnav"><span class="ba-hero-bbrand"><i class="fa-brands fa-build-awesome ba-hero-bballoon"></i> My Awesome Site</span><span class="ba-hero-blink-link">Blog</span></div>
+						<div class="ba-hero-bpost-title">First blog post</div>
+						<p>Hello world — this page was just built from <code>index.md</code> in a hundredth of a second. Edit and save to see it live-reload.</p>
+						<span class="ba-hero-btag"># posts</span>
+					</div>
+				</div>
+			</div>
+		</div>
+	</div>
+	<script type="module">
+	const reduce = matchMedia('(prefers-reduced-motion: reduce)').matches;
+	const HOLD_MS = 9000; // how long the finished build + preview stays visible before replaying
+	const JITTER = .6;
+	const CMD = 'npx @awesome.me/buildawesome --serve';
+
+	const steps = [
+		{ cmd: CMD },
+		{ out: '' },
+		{ out: 'Writing <span class="ba-hero-path">_site/index.html</span> from <span class="ba-hero-path">./index.md</span> <span class="ba-hero-dim">(liquid)</span>' },
+		{ out: 'Wrote <b>1 file</b> in <span class="ba-hero-ok">0.03 seconds</span> <span class="ba-hero-dim">(v4.0.0)</span>' },
+		{ out: 'Watching…' },
+		{ out: 'Server at <span class="ba-hero-link">http://localhost:8080/</span>', server: true },
+	];
+
+	const renderLines = ls => ls.map(l => `<div class="ba-hero-ln">${l || '&nbsp;'}</div>`).join('');
+
+	function initHero(root) {
+		const term = root.querySelector('.ba-hero-term-body');
+		const browser = root.querySelector('.ba-hero-browser');
+		const stage = root.querySelector('.ba-hero-stage');
+		const copy = root.querySelector('.ba-hero-copybtn');
+		const promptHtml = `<span class="ba-hero-pr"></span>`;
+		const cursorHtml = `<span class="ba-hero-cur"></span>`;
+		if (!term || !browser || !stage) return;
+
+		function run() {
+			let lines = [];
+			browser.classList.remove('is-shown');
+			term.innerHTML = '';
+			let i = 0;
+
+			function step() {
+				if (i >= steps.length) { setTimeout(run, HOLD_MS); return; }
+				const s = steps[i];
+				if (s.cmd !== undefined) {
+					let k = 0;
+					(function typeCh() {
+						term.innerHTML = renderLines(lines) +
+							`<div class="ba-hero-ln">${promptHtml}<span class="ba-hero-cmd">${s.cmd.slice(0, k)}</span>${cursorHtml}</div>`;
+						k++;
+						if (k <= s.cmd.length) setTimeout(typeCh, 46);
+						else { lines.push(promptHtml + `<span class="ba-hero-cmd">${s.cmd}</span>`); i++; setTimeout(step, 520); }
+					})();
+				} else {
+					lines.push(s.out);
+					term.innerHTML = renderLines(lines) + `<div class="ba-hero-ln">${cursorHtml}</div>`;
+					if (s.server) setTimeout(() => browser.classList.add('is-shown'), 380);
+					i++;
+					setTimeout(step, s.out ? 320 : 150);
+				}
+			}
+			step();
+		}
+
+		if (reduce) {
+			const all = steps.map(s => s.cmd !== undefined
+				? `${promptHtml}<span class="ba-hero-cmd">${s.cmd}</span>` : s.out);
+			term.innerHTML = renderLines(all);
+			browser.classList.add('is-shown');
+		} else {
+			setTimeout(run, 500);
+		}
+
+		// copy command
+		copy?.classList.remove('is-waiting');
+		copy?.addEventListener('click', async () => {
+			try { await navigator.clipboard.writeText(CMD); } catch (e) {}
+			let previousHtml = copy.innerHTML;
+			copy.classList.add('is-done');
+			setTimeout(() => { copy.innerHTML = previousHtml; copy.classList.remove('is-done'); }, 1500);
+		});
+
+		// cursor parallax
+		if (!reduce) {
+			root.addEventListener('pointermove', e => {
+				const r = root.getBoundingClientRect();
+				const nx = (e.clientX - r.left) / r.width - .5;
+				const ny = (e.clientY - r.top) / r.height - .5;
+				stage.style.setProperty('--ba-hero-px', (nx * 16 * JITTER).toFixed(1) + 'px');
+				stage.style.setProperty('--ba-hero-py', (ny * 14 * JITTER).toFixed(1) + 'px');
+				stage.style.setProperty('--ba-hero-bx', (nx * 30 * JITTER).toFixed(1) + 'px');
+				stage.style.setProperty('--ba-hero-by', (ny * 24 * JITTER).toFixed(1) + 'px');
+			});
+		}
+	}
+
+	document.querySelectorAll('.ba-hero').forEach(initHero);
+	</script>
+</section>
\ No newline at end of file
diff --git a/src/_includes/components/build-comparison.webc b/src/_includes/components/build-comparison.webc
index f3be7f55b5..86494feec6 100644
--- a/src/_includes/components/build-comparison.webc
+++ b/src/_includes/components/build-comparison.webc
@@ -15,6 +15,7 @@
 }
 :host td {
 	border-color: transparent;
+	vertical-align: middle;
 }
 :host tr:first-child td {
 	border-top: none;
@@ -40,7 +41,7 @@
 			<td><text-throbber duration="684"></text-throbber></td>
 		</tr>
 		<tr>
-			<td>Eleventy</td>
+			<td>Build Awesome</td>
 			<td class="numeric">1.93<abbr title="seconds">s</abbr></td>
 			<td><text-throbber duration="1930"></text-throbber></td>
 		</tr>
diff --git a/src/_includes/components/buttons.css b/src/_includes/components/buttons.css
new file mode 100644
index 0000000000..e3768a1006
--- /dev/null
+++ b/src/_includes/components/buttons.css
@@ -0,0 +1,62 @@
+/* Brand buttons */
+.btn-brand,
+.btn-brand:any-link {
+	--btn-bg: #183153;
+	--btn-color: #f0f1f3;
+	--btn-shadow-color: #0f1f36;
+	--btn-shadow-size: .375rem;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	text-align: center;
+	flex-wrap: wrap;
+	gap: .25em .5em;
+	padding: .75em 2em;
+	margin-block-end: var(--btn-shadow-size);
+	text-decoration: none;
+	border-radius: .5em;
+	border: .125rem solid var(--btn-shadow-color);
+	font-weight: 700;
+	transition: transform .3s, box-shadow .2s;
+	background-color: var(--btn-bg);
+	color: var(--btn-color);
+	box-shadow: 0 var(--btn-shadow-size) 0 var(--btn-shadow-color);
+
+	@media (prefers-color-scheme: dark) {
+		--btn-bg: #007150;
+		--btn-color: #f0f1f3;
+		--btn-shadow-color: #165b46;
+	}
+
+	/* External link icon */
+	&:after {
+		display: none;
+	}
+
+	&:not(.--disabled):active {
+		transform: translateY(var(--btn-shadow-size));
+		box-shadow: none;
+	}
+
+	&.--ghost {
+		background-color: transparent;
+		color: inherit;
+
+		@media (prefers-color-scheme: dark) {
+			--btn-shadow-color: var(--shadow-color);
+		}
+	}
+
+	&.--disabled {
+		cursor: not-allowed;
+		opacity: .7;
+	}
+}
+
+.btn-tag {
+	font-size: .75em;
+	text-transform: uppercase;
+	padding: .25em .75em;
+	border-radius: .25em;
+	background-color: rgba(0,0,0,.4);
+}
diff --git a/src/_includes/components/callout.css b/src/_includes/components/callout.css
index 6640a24635..439dd8c3be 100644
--- a/src/_includes/components/callout.css
+++ b/src/_includes/components/callout.css
@@ -9,14 +9,28 @@
 	--callout-label-skew: 11deg;
 
 	line-height: 1.5;
-	margin-inline: -1rem;
+	margin-inline: 0;
 	margin-block: 1em;
 	background-color: var(--callout-secondary);
 	border: 1.5px solid var(--callout-primary);
 }
+header .elv-callout {
+	margin: 0;
+	border-radius: 0;
+	box-shadow: 0 3px 0 0 rgba(0, 0, 0, 0.08);
+
+	.elv-callout-c {
+		text-align: center;
+		text-wrap: balance;
+		max-width: calc(var(--layout-max) + 2rem);
+		margin-inline: auto;
+	}
+}
+main .elv-callout {
+	margin-inline: -1rem;
+}
 details .elv-callout {
-	margin-left: 0;
-	margin-right: 0;
+	margin-inline: 0;
 }
 
 /* #2col */
@@ -32,8 +46,7 @@ details .elv-callout {
 		--callout-secondary: hsl(var(--callout-hue), 100%, 12%);
 		--callout-primarytext: hsl(var(--callout-hue), 100%, 100%);
 	}
-	.elv-callout,
-	.elv-callout a {
+	.elv-callout {
 		color: var(--callout-primarytext);
 	}
 }
@@ -66,7 +79,7 @@ table .elv-callout {
 .elv-callout-label {
 	align-self: flex-start;
 	font-size: 0.9375em; /* 15px /16 */
-	font-weight: 600;
+	font-weight: 700;
 }
 .elv-callout-label,
 .elv-callout-skew:before,
@@ -84,7 +97,7 @@ table .elv-callout {
 	left: 0;
 	top: 0;
 	font-size: 0.8125em; /* 13px /16 */
-	font-weight: 800;
+	font-weight: 700;
 }
 .elv-callout-label {
 	background-color: var(--callout-primary);
@@ -93,13 +106,11 @@ table .elv-callout {
 .elv-callout code {
 	background-color: var(--callout-code, var(--callout-primary));
 }
-.elv-callout a,
-.elv-callout :visited {
-	color: var(--callout-primarytext);
+.elv-callout p {
+	max-width: none;
 }
 .elv-callout pre {
-	margin-top: 1em;
-	margin-bottom: 1em;
+	margin-block: 1em;
 }
 
 .elv-callout-label:first-child:last-child {
@@ -167,30 +178,6 @@ table .elv-callout {
 	margin-bottom: 0;
 }
 
-/* Sticky callout is for legacy docs versions */
-body > .elv-callout-sticky .elv-callout-label {
-	display: none;
-}
-body > .elv-callout-sticky .elv-callout {
-	margin: 0;
-	border-left: 0;
-	border-right: 0;
-	border-radius: 0;
-	margin-bottom: 1em;
-}
-body > .elv-callout-sticky .elv-callout-c {
-	text-align: center;
-	text-wrap: balance;
-}
-@media (min-height: 43.75em) { /* 700px */
-	body > .elv-callout-sticky {
-		position: sticky;
-		top: 0;
-		z-index: 12;
-		box-shadow: 0 3px 0 0 rgba(0, 0, 0, 0.08);
-	}
-}
-
 /* in left nav */
 .elv-toc .elv-callout {
 	margin-block-start: 0;
@@ -200,6 +187,7 @@ body > .elv-callout-sticky .elv-callout-c {
 }
 .elv-toc .elv-callout-label {
 	margin-inline-end: 0;
+	font-weight: 500;
 }
 
 /* #2col */
@@ -252,6 +240,10 @@ body > .elv-callout-sticky .elv-callout-c {
 .elv-callout-warn {
 	--callout-hue: 60;
 }
+/* Brand */
+.elv-callout-brand {
+	--callout-hue: 162;
+}
 .elv-callout-skew--demo {
 	--callout-hue: 270;
 }
diff --git a/src/_includes/components/callout.webc b/src/_includes/components/callout.webc
deleted file mode 100644
index 8bc898601c..0000000000
--- a/src/_includes/components/callout.webc
+++ /dev/null
@@ -1,26 +0,0 @@
-<link rel="stylesheet" href="callout.css">
-
-<!-- level, format, label -->
-<div class="elv-callout" :class="level ? `elv-callout-${level}` : ''">
-	<script webc:type="js">
-	export default function({ customLabel, label, level }) {
-		let labelStr = "";
-		if(customLabel) {
-			labelStr = label;
-		} else if(level === "info" || level === "error") {
-			labelStr = level.toUpperCase() + ":";
-		} else if(level === "warn") {
-			labelStr = "WARNING:";
-		}
-
-		return labelStr ? `<div class="elv-callout-label">${labelStr}</div>` : "";
-	}
-	</script>
-
-  <div class="elv-callout-c" @html="content"></div>
-
-	<div webc:ignore class="elv-callout-c">
-    <!--- WebC migration TODO --->
-		<slot></slot>
-	</div>
-</div>
\ No newline at end of file
diff --git a/src/_includes/components/code-copy.css b/src/_includes/components/code-copy.css
index f6e4bec257..9205b19de5 100644
--- a/src/_includes/components/code-copy.css
+++ b/src/_includes/components/code-copy.css
@@ -2,12 +2,14 @@
 :is(syntax-highlight, .syntax-highlight):has(wa-copy-button) {
 	position: relative;
 
-	wa-copy-button {
+ 	wa-copy-button {
 		position: absolute;
 		right: 0;
 		bottom: 0;
-		margin: .25em;
+		padding: .25em 0;
+		margin: 0;
 		color: #fff;
+		height: 2.5em; /* SAFARI WEEEEE */
 
 		&::part(button) {
 			transition: 300ms all;
@@ -16,6 +18,7 @@
 			border-radius: .25em;
 			cursor: copy;
 		}
+
 		&:is(:hover, :focus)::part(button) {
 			opacity: 1;
 			background-color: rgba(0,0,0,1);
diff --git a/src/_includes/components/code.css b/src/_includes/components/code.css
index d1061195f1..f4982984a6 100644
--- a/src/_includes/components/code.css
+++ b/src/_includes/components/code.css
@@ -6,8 +6,7 @@ pre {
 	line-height: 1.5;
 
 	overflow-x: auto;
-	font-family: Roboto Mono, Consolas, Monaco, Andale Mono, Ubuntu Mono,
-		monospace;
+	font-family: Menlo,Monaco,Consolas,Courier New,monospace;
 
 	-moz-tab-size: 2;
 	-o-tab-size: 2;
@@ -25,14 +24,15 @@ pre {
 }
 
 :is(.syntax-highlight, syntax-highlight) {
-	margin-inline: -1rem;
-}
-:is(.syntax-highlight, syntax-highlight) pre {
-	margin-inline: 0;
+	margin: 0 -1rem;
+
+	pre {
+		margin: 0 0;
+	}
 }
 
 .fl > * > pre {
-	margin-top: 0;
+	margin-block-start: 0;
 }
 pre code {
 	border-radius: 0;
@@ -43,12 +43,12 @@ pre > code {
 	font-family: inherit;
 }
 pre + pre[class*="language-"] {
-	margin-top: 1em;
+	margin-block-start: 1em;
 }
 pre + .note {
 	font-size: 0.6666666666667em; /* 16px /24 */
-	margin-top: -2.875em; /* 46px /16 */
-	margin-bottom: 2.5em; /* 40px /16 */
+	margin-block-start: -2.875em; /* 46px /16 */
+	margin-block-end: 2.5em; /* 40px /16 */
 	text-align: right;
 }
 @media (prefers-color-scheme: dark) {
diff --git a/src/_includes/components/code.webc b/src/_includes/components/code.webc
deleted file mode 100644
index 84eb5da016..0000000000
--- a/src/_includes/components/code.webc
+++ /dev/null
@@ -1 +0,0 @@
-<style>/* WebC Issue #128 workaround */</style><link rel="stylesheet" href="inline-code.css">
\ No newline at end of file
diff --git a/src/_includes/components/codetitle.css b/src/_includes/components/codetitle.css
index ec3daa0bb2..964a8afc11 100644
--- a/src/_includes/components/codetitle.css
+++ b/src/_includes/components/codetitle.css
@@ -39,13 +39,13 @@
 }
 .codetitle + pre,
 .codetitle + .minilink + pre {
-	margin-top: 0;
+	margin-block-start: 0;
 }
 .codetitle + div:has(> is-land) {
 	clear: both;
 }
 .codetitle + div:has(> is-land) :is(eleventy-editor, pre) {
-	margin-top: 0;
+	margin-block-start: 0;
 }
 .codetitle + .minilink {
 	float: right;
@@ -62,12 +62,12 @@
 }
 .codetitle-left + .minilink {
 	float: left;
-	margin-left: 1em;
-	margin-right: 0;
+	margin-inline-start: 1em;
+	margin-inline-end: 0;
 	position: relative;
 	bottom: -2px;
 }
 .codetitle-left + .codetitle-left {
 	clear: none;
-	margin-left: 2em;
+	margin-inline-start: 2em;
 }
diff --git a/src/_includes/components/docs-toc.njk b/src/_includes/components/docs-toc.njk
index 099252d3b5..b1c18ce84e 100644
--- a/src/_includes/components/docs-toc.njk
+++ b/src/_includes/components/docs-toc.njk
@@ -1,4 +1,8 @@
 <div class="elv-toc" data-pagefind-ignore>
+{# {%- set proCtaTitle %}<a href="/pro/"><i class="fa-brands fa-build-awesome util-icon-sm"></i><strong>Build Awesome Pro</strong></a>{% endset %}
+{%- callout "box", "html", proCtaTitle %}
+{%- endcallout %} #}
+
 {%- set calloutTitle %}<a href="/blog/">Blog</a>{% endset %}
 {%- for post in collections.sidebarHighlight %}
 {%- callout "", "html", calloutTitle %}
@@ -9,16 +13,18 @@
 {%- set versionsTitle = "<a href='/docs/versions/'>Versions</a>" %}
 {%- callout "box", "html", versionsTitle -%}
 	<dl class="versions-callout">
-		<dt>Stable</dt>
-		<dd><a href="https://github.com/11ty/eleventy/releases/tag/v{{ npmVersions.latest }}" class="elv-externalexempt"><code>{{ npmVersions.latest }}</code>{# <small>{{ githubReleases[ npmVersions.latest | normalizeVersion ].date | timeDiff }}</small> #}</a></dd>
-		{%- if semverGreaterThan(npmVersions.beta, npmVersions.latest) %}
-		<dt>Beta</dt>
-		<dd><a href="https://github.com/11ty/eleventy/releases/tag/v{{ npmVersions.beta }}" class="elv-externalexempt"><code>{{ npmVersions.beta }}</code>{# <small>{{ githubReleases[ npmVersions.beta | normalizeVersion ].date | timeDiff }}</small> #}</a></dd>
-		{%- endif %}
 		{%- if semverGreaterThan(npmVersions.canary, npmVersions.latest) and semverGreaterThan(npmVersions.canary, npmVersions.beta) %}
 		<dt>Canary</dt>
 		<dd><a href="https://github.com/11ty/eleventy/releases/tag/v{{ npmVersions.canary }}" class="elv-externalexempt"><code>{{ npmVersions.canary }}</code>{# <small>{{ githubReleases[ npmVersions.canary | normalizeVersion ].date | timeDiff }}</small> #}</a></dd>
 		{%- endif %}
+		{%- if semverGreaterThan(npmVersions.beta, npmVersions.latest) %}
+		<dt>Beta</dt>
+		<dd><a href="https://github.com/11ty/eleventy/releases/tag/v{{ npmVersions.beta }}" class="elv-externalexempt"><code>{{ npmVersions.beta }}</code>{# <small>{{ githubReleases[ npmVersions.beta | normalizeVersion ].date | timeDiff }}</small> #}</a></dd>
+		{%- endif %}
+		<dt>Stable</dt>
+		<dd><a href="https://github.com/11ty/eleventy/releases/tag/v{{ npmVersions.latest }}" class="elv-externalexempt"><code>{{ npmVersions.latest }}</code>{# <small>{{ githubReleases[ npmVersions.latest | normalizeVersion ].date | timeDiff }}</small> #}</a></dd>
+		<dt><a href="/pro/">Pro</a></dt>
+		<dd><a href="/pro/">Coming Soon</a></dd>
 	</dl>
 {%- endcallout %}
 
diff --git a/src/_includes/components/editor.css b/src/_includes/components/editor.css
index 382c4f436f..1389b9587a 100644
--- a/src/_includes/components/editor.css
+++ b/src/_includes/components/editor.css
@@ -45,7 +45,7 @@ is-land--eleventy-editor pre:before {
 	content: "Run";
 	top: 0;
 	right: -1rem;
-	font-weight: 600;
+	font-weight: 700;
 	line-height: 1;
 	padding: .75rem;
 	background-color: var(--edit-bg);
diff --git a/src/_includes/components/eleventy-shell-syntax.js b/src/_includes/components/eleventy-shell-syntax.js
index c94246d665..00770651d6 100644
--- a/src/_includes/components/eleventy-shell-syntax.js
+++ b/src/_includes/components/eleventy-shell-syntax.js
@@ -3,7 +3,7 @@ const css = String.raw;
 // Properly highlights Eleventy syntax in a terminal window
 class EleventyShell {
 	static selector = "code.language-11ty-output";
-	static PREFIX = "[11ty] ";
+	static PREFIX = "[buildawesome] ";
 	static cssAdded = false;
 
 	static register(root) {
diff --git a/src/_includes/components/external-links.css b/src/_includes/components/external-links.css
index f9e6d46349..98de082504 100644
--- a/src/_includes/components/external-links.css
+++ b/src/_includes/components/external-links.css
@@ -1,8 +1,8 @@
 /* External links */
-a[href^="https://"]:not([href^="https://11ty.dev"], [href^="https://www.11ty.dev"], .minilink, .elv-externalexempt) {
+a[href^="https://"]:not([href^="https://build.awesome.me"], [href^="https://build.awesome.me"], .minilink, .elv-externalexempt) {
 	text-decoration-color: var(--external-link-underline);
 }
-a[href^="https://"]:not([href^="https://11ty.dev"], [href^="https://www.11ty.dev"], .minilink, .elv-externalexempt):after {
+a[href^="https://"]:not([href^="https://build.awesome.me"], [href^="https://build.awesome.me"], .minilink, .elv-externalexempt):after {
 	content: " ↗";
 	font-family: system-ui, sans-serif;
 	font-style: normal;
@@ -14,12 +14,12 @@ a[href^="https://"]:not([href^="https://11ty.dev"], [href^="https://www.11ty.dev
 	letter-spacing: -0.08333333333333em; /* -1px /12 */
 }
 /* Contains Font Awesome icon */
-a[href^="https://"]:not([href^="https://11ty.dev"], [href^="https://www.11ty.dev"], .minilink, .elv-externalexempt):has(.fa11ty-icon):after {
+a[href^="https://"]:not([href^="https://build.awesome.me"], [href^="https://build.awesome.me"], .minilink, .elv-externalexempt):has(.fa11ty-icon):after {
 	content: "";
 }
 
 /* External link hovers */
-a[href^="https://"]:not([href^="https://11ty.dev"], [href^="https://www.11ty.dev"], .minilink, .elv-externalexempt):hover:after {
+a[href^="https://"]:not([href^="https://build.awesome.me"], [href^="https://build.awesome.me"], .minilink, .elv-externalexempt):hover:after {
 	color: inherit;
 }
 
diff --git a/src/_includes/components/flex-luthor/flex-luthor.css b/src/_includes/components/flex-luthor/flex-luthor.css
index acdec20702..edb2cd82fa 100644
--- a/src/_includes/components/flex-luthor/flex-luthor.css
+++ b/src/_includes/components/flex-luthor/flex-luthor.css
@@ -26,7 +26,7 @@
 .fl-nowrap > *,
 .fl-cell-wrap {
 	/* or for an individual cell */
-	flex-basis: auto;
+	flex-basis: var(--fl-basis, auto);
 }
 
 /* Flex layout inline */
@@ -40,6 +40,12 @@
 .fl-spaced-out {
 	justify-content: space-between;
 }
+.fl--balance {
+	justify-content: center;
+}
+.fl--balance > * {
+	flex-basis: min-content;
+}
 
 /* Debug */
 .fl-debug > * {
diff --git a/src/_includes/components/fonts.css b/src/_includes/components/fonts.css
index 3b98193014..c58f003ec0 100644
--- a/src/_includes/components/fonts.css
+++ b/src/_includes/components/fonts.css
@@ -1,23 +1,44 @@
+/* Via blog-fontawesome project */
 @font-face {
-	font-family: BenchNine;
-	src: url("/css/fonts/benchnine-bold.woff2") format("woff2");
-	font-weight: 700;
+	font-family: Cera Round Pro;
+	font-weight: 400;
+	src: url("/css/fonts/cera-round-pro-regular.woff2") format("woff2");
 	font-display: swap;
-	unicode-range: U+20-7E,U+D6,U+D8,U+E9,U+F4,U+F6,U+F8,U+15A,U+200B,U+2014,U+2019,U+2026;
+	unicode-range: U+20-7E,U+A0-137,U+139-148,U+14A-17E,U+18F,U+192,U+1D4,U+1FC-1FF,U+218-21B,U+237,U+259,U+2C6,U+2DA,U+2DC,U+1E80-1E85,U+1E9E,U+1EF2,U+1EF3,U+2009,U+2013-2015,U+2018-201A,U+201C-201E,U+2020-2022,U+2026,U+2030,U+2032,U+2033,U+2039,U+203A,U+2044,U+2074,U+20A4,U+20A7,U+20AC,U+20AE,U+20B4,U+20B8-20BA,U+20BD,U+20BF,U+2113,U+2122,U+2191,U+2193,U+2212;
 }
-
-/* latin */
 @font-face {
-	font-family: Roboto Mono;
-	src: url("/css/fonts/robotomono-regular.woff2") format('woff2');
+	font-family: Cera Round Pro;
+	font-weight: 500;
+	src: url("/css/fonts/cera-round-pro-medium-subset.woff2") format("woff2");
 	font-display: swap;
-	unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
+	unicode-range: U+A,U+20,U+2E,U+30-39,U+41-5A,U+61-79,U+2013,U+2019;
 }
 
-/* latin-ext */
 @font-face {
-	font-family: Roboto Mono;
+	font-family: Cera Round Pro;
+	font-weight: 500;
+	src: url("/css/fonts/cera-round-pro-medium.woff2") format("woff2");
+	font-display: swap;
+	unicode-range: U+20-7E,U+A0-137,U+139-148,U+14A-17E,U+18F,U+192,U+1D4,U+1FC-1FF,U+218-21B,U+237,U+259,U+2C6,U+2DA,U+2DC,U+1E80-1E85,U+1E9E,U+1EF2,U+1EF3,U+2009,U+2013-2015,U+2018-201A,U+201C-201E,U+2020-2022,U+2026,U+2030,U+2032,U+2033,U+2039,U+203A,U+2044,U+2074,U+20A4,U+20A7,U+20AC,U+20AE,U+20B4,U+20B8-20BA,U+20BD,U+20BF,U+2113,U+2122,U+2191,U+2193,U+2212;
+}
+@font-face {
+	font-family: Cera Round Pro;
+	font-weight: 700;
+	src: url("/css/fonts/cera-round-pro-bold.woff2") format("woff2");
 	font-display: swap;
-	src: url("/css/fonts/robotomono-regular-ext.woff2") format('woff2');
-	unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
+	unicode-range: U+20-7E,U+A0-137,U+139-148,U+14A-17E,U+18F,U+192,U+1D4,U+1FC-1FF,U+218-21B,U+237,U+259,U+2C6,U+2DA,U+2DC,U+1E80-1E85,U+1E9E,U+1EF2,U+1EF3,U+2009,U+2013-2015,U+2018-201A,U+201C-201E,U+2020-2022,U+2026,U+2030,U+2032,U+2033,U+2039,U+203A,U+2044,U+2074,U+20A4,U+20A7,U+20AC,U+20AE,U+20B4,U+20B8-20BA,U+20BD,U+20BF,U+2113,U+2122,U+2191,U+2193,U+2212;
 }
+@font-face {
+	font-family: Livory;
+	font-weight: 900; /* to avoid faux bold */
+	src: url("/css/fonts/livory-regular.woff2") format("woff2");
+	font-display: swap;
+	unicode-range: U+20-7E,U+A0-FF,U+131,U+152,U+153,U+2C6,U+2DA,U+2DC,U+2013,U+2014,U+2018-201A,U+201C-201E,U+2020-2022,U+2026,U+2030,U+2039,U+203A,U+2044,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215;
+}
+/* @font-face {
+	font-family: Cera Round Pro;
+	font-weight: 900;
+	src: url("/css/fonts/cera-round-pro-black.woff2") format("woff2");
+	font-display: swap;
+	unicode-range: U+20-7E,U+A0-137,U+139-148,U+14A-17E,U+18F,U+192,U+1D4,U+1FC-1FF,U+218-21B,U+237,U+259,U+2C6,U+2DA,U+2DC,U+1E80-1E85,U+1E9E,U+1EF2,U+1EF3,U+2009,U+2013-2015,U+2018-201A,U+201C-201E,U+2020-2022,U+2026,U+2030,U+2032,U+2033,U+2039,U+203A,U+2044,U+2074,U+20A4,U+20A7,U+20AC,U+20AE,U+20B4,U+20B8-20BA,U+20BD,U+20BF,U+2113,U+2122,U+2191,U+2193,U+2212;
+} */
diff --git a/src/_includes/components/forms.css b/src/_includes/components/forms.css
index 4a27fbf60f..2a18735996 100644
--- a/src/_includes/components/forms.css
+++ b/src/_includes/components/forms.css
@@ -69,7 +69,7 @@ input[type="checkbox"] {
 }
 @media (min-width: 20em) {
 	.btn-primary {
-		font-size: 6vw;
+		font-size: 5vw;
 	}
 	.btn-primary-sm,
 	.btn-primary-standard {
@@ -97,7 +97,7 @@ input[type="checkbox"] {
 @media (min-width: 87.5em) {
 	/* 1400px */
 	.btn-primary {
-		font-size: 5.25em; /* 84px /16 */
+		font-size: 4em;
 	}
 }
 .btn-primary-nogrow {
diff --git a/src/_includes/components/giant-docs-button.webc b/src/_includes/components/giant-docs-button.webc
index ff7d9a2ad5..b57c1e5d4c 100644
--- a/src/_includes/components/giant-docs-button.webc
+++ b/src/_includes/components/giant-docs-button.webc
@@ -24,17 +24,6 @@ a.btn-primary:hover {
 		transform: none;
 	}
 }
-/* #2col × 950px */
-@media (min-width: 41.4375em) and (min-height: 59.375em) {
-	:host-context(html:not(:has(:focus-visible))) {
-		display: block;
-		position: sticky;
-		top: 10px;
-		left: 0;
-		right: 0;
-		z-index: 10;
-	}
-}
 </style>
 
-<a href="/docs/" class="btn-primary benchnine rainbow-active">Documentation</a>
\ No newline at end of file
+<a href="/docs/" class="btn-primary brand-typeface rainbow-active">Documentation</a>
\ No newline at end of file
diff --git a/src/_includes/components/grid-layout.css b/src/_includes/components/grid-layout.css
index 5e25053b23..3ee901fcd7 100644
--- a/src/_includes/components/grid-layout.css
+++ b/src/_includes/components/grid-layout.css
@@ -3,10 +3,7 @@
 	--lo-grid-repeat: auto-fit;
 	display: grid;
 	margin: 0;
-	grid-template-columns: repeat(
-		var(--lo-grid-repeat),
-		minmax(var(--lo-c-minwidth), 1fr)
-	);
+	grid-template-columns: repeat(var(--lo-grid-repeat), minmax(min(var(--lo-c-minwidth), 100%), 1fr));
 	grid-row-gap: var(--fl-gap-v, 0);
 	grid-column-gap: var(--fl-gap-h, 0);
 }
@@ -16,3 +13,12 @@
 .lo-grid > * {
 	margin: 0;
 }
+.lo-grid:where(ul, ol) {
+	margin: 0;
+	padding: 0;
+	list-style: "";
+
+	& > * {
+		padding: 0;
+	}
+}
diff --git a/src/_includes/components/header.css b/src/_includes/components/header.css
index 83bbfd6d6c..86bbc5d422 100644
--- a/src/_includes/components/header.css
+++ b/src/_includes/components/header.css
@@ -20,21 +20,17 @@
 }
 .elv-header {
 	position: relative;
-	z-index: 1;
+	z-index: 2;
 }
 .elv-hed,
 .elv-nav-header {
 	width: 100%;
 	margin: 0 auto;
 }
-/* #2col */
-@media (min-width: 41.4375em) {
-	.elv-header-default .elv-nav-header {
-		margin-block-end: 3.5rem;
-	}
-}
 .elv-nav-menu {
-	padding: 1rem;
+	display: flex;
+	align-items: center;
+	padding: .75rem 1rem;
 	margin-inline: auto;
 }
 @media (min-width: 58.125em) { /* 930px */
@@ -48,26 +44,6 @@
 .elv-nav-menu {
 	max-width: calc(var(--layout-max));
 }
-.elv-nav-menu-logo {
-	display: block;
-	width: 2em;
-	height: 2em;
-	max-height: 2em;
-	background-color: #222;
-	text-align: center;
-	border-radius: 0.15em;
-	padding: 0 0.25em;
-}
-.elv-nav-menu-logo svg {
-	width: 100%;
-	height: 100%;
-	color: #fff;
-	margin: 0;
-}
-/* Full width logo */
-.elv-header-default .elv-nav-header {
-	max-width: none;
-}
 
 /* Sticky, #2col × 600px */
 @media (min-width: 41.4375em) and (min-height: 43.75em) {
@@ -77,12 +53,12 @@
 		top: 0;
 		z-index: 2;
 	}
-	:root:has(.elv-header.elv-header-docs, :target) {
-		scroll-padding-top: 3.75em; /* 60px /16 */
+	:root:has(.elv-header.elv-header-docs):has(:target) {
+		scroll-padding-top: 9.375em; /* 150px /16 */
 	}
 	/* Leave extra room for tabs links */
-	:root:has(.elv-header.elv-header-docs, [role="tabpanel"]:target) {
-		scroll-padding-top: 6em;
+	:root:has(.elv-header.elv-header-docs):has([role="tabpanel"]:target) {
+		scroll-padding-top: 11.25em; /* 180px /16 */
 	}
 }
 
@@ -101,7 +77,6 @@
 		--search-text: #fff;
 	}
 }
-
 .elv-nav-menu form {
 	color: var(--search-text);
 }
@@ -218,11 +193,6 @@ a[href].elv-hero-11ty:visited {
 	color: #fff;
 	background-color: #222;
 }
-.elv-header-default .elv-hero {
-	display: flex;
-	justify-content: center;
-	padding-inline-end: 8rem;
-}
 .elv-header-docs .elv-hero {
 	float: left;
 	margin-right: 0.5em;
@@ -256,16 +226,6 @@ main h1.elv-hed {
 	border: none;
 }
 
-/* fix: big header link fighting with versions overlay */
-.elv-header-default .elv-menu {
-	position: relative;
-	z-index: 1;
-}
-.elv-header-default .elv-nav-header {
-	position: relative;
-	z-index: 0;
-}
-
 .elv-mascot-image {
 	position: absolute;
 	bottom: 0;
@@ -275,12 +235,20 @@ main h1.elv-hed {
 	filter: drop-shadow(3px 3px #0006);
 }
 
-.elv-header-version {
+.elv-header-version,
+.elv-header-pro {
 	padding: .25em .75em;
 	border-radius: .25em;
-}
-@media (prefers-color-scheme: dark) {
-	.elv-header-version {
+	background-color: #efefef;
+
+	@media (prefers-color-scheme: dark) {
 		background-color: #1a1a1a;
 	}
 }
+.elv-header-pro {
+	background-color: #e3fdf5;
+
+	@media (prefers-color-scheme: dark) {
+		background-color: #003d2b;
+	}
+}
diff --git a/src/_includes/components/inline-code.css b/src/_includes/components/inline-code.css
index 8f4ba3148b..0250adf723 100644
--- a/src/_includes/components/inline-code.css
+++ b/src/_includes/components/inline-code.css
@@ -1,6 +1,5 @@
 code {
-	font-family: Roboto Mono, Consolas, Monaco, Andale Mono, Ubuntu Mono,
-		monospace;
+	font-family: Menlo,Monaco,Consolas,Courier New,monospace;
 	-ms-word-break: break-all;
 	word-break: break-word;
 	-webkit-hyphens: manual;
@@ -11,6 +10,9 @@ code {
 	padding-right: 4px;
 	border-radius: 0.15em;
 }
+table code {
+	word-break: normal;
+}
 pre[class*="language-"] code {
 	background-color: inherit;
 }
diff --git a/src/_includes/components/lists.css b/src/_includes/components/lists.css
index c6bb246600..57e1e00cef 100644
--- a/src/_includes/components/lists.css
+++ b/src/_includes/components/lists.css
@@ -34,9 +34,14 @@
 	background-color: #222;
 	color: #fff;
 	font-weight: inherit;
+
+	@media (prefers-color-scheme: dark) {
+		background-color: #ccc;
+		color: #222;
+	}
 }
 .inlinelist > li:is(:has([aria-selected="true"]), .active) :is(:link, :visited) {
-	color: #fff;
+	color: inherit;
 }
 .inlinelist > li code {
 	background-color: transparent;
@@ -129,7 +134,6 @@ a.rainbow-active:is(:hover, :focus) {
 }
 
 .buzzword:is(:hover, :focus):after {
-	font-family: system-ui, sans-serif;
 	content: "Buzzword alert!!!";
 	position: absolute;
 	left: 0;
@@ -183,7 +187,7 @@ main :is(h2, h3, p) a.buzzword {
 	border-radius: 50%;
 	width: 1.75em;
 	height: 1.75em;
-	font-weight: 600;
+	font-weight: 700;
 }
 @media (prefers-color-scheme: dark) {
 	.numberflag {
@@ -191,11 +195,10 @@ main :is(h2, h3, p) a.buzzword {
 		color: #222;
 	}
 }
-h1 .numberflag,
-h2 .numberflag,
-h3 .numberflag,
-h4 .numberflag,
-h5 .numberflag {
+:is(h1, h2, h3, h4, h5):has(.numberflag) {
+	padding-block-end: 0;
+}
+:is(h1, h2, h3, h4, h5) .numberflag {
 	width: 1.4em;
 	height: 1.4em;
 }
@@ -229,8 +232,7 @@ h2 .numberflag:after {
 	font-size: 0.6666666666667em; /* 12px /18 */
 }
 :where(.inlinelist-sm) > li {
-	font-family: system-ui, sans-serif;
-	font-weight: 600;
+	font-weight: 700;
 }
 
 /* Disabled list item */
diff --git a/src/_includes/components/logo-cloud.webc b/src/_includes/components/logo-cloud.webc
index 66e26c3809..49a51faf20 100644
--- a/src/_includes/components/logo-cloud.webc
+++ b/src/_includes/components/logo-cloud.webc
@@ -6,6 +6,7 @@
 	<li><img webc:is="indieweb-avatar" url="https://about.google/">Google</li>
 	<li><img webc:is="indieweb-avatar" url="https://www.microsoft.com/">Microsoft</li>
 	<li><img webc:is="indieweb-avatar" url="https://www.mozilla.org/">Mozilla</li>
+	<li><img webc:is="indieweb-avatar" url="https://github.com/">GitHub</li>
 	<li><img webc:is="indieweb-avatar" url="https://fontawesome.com/">Font Awesome</li>
 	<li><img webc:is="indieweb-avatar" url="https://apache.org/">Apache</li>
 	<li><img webc:is="indieweb-avatar" url="https://www.freecodecamp.org/">freeCodeCamp</li>
diff --git a/src/_includes/components/minilink.css b/src/_includes/components/minilink.css
index a0fb92b19f..9c99f4d284 100644
--- a/src/_includes/components/minilink.css
+++ b/src/_includes/components/minilink.css
@@ -1,26 +1,29 @@
 /* Mini link */
 .minilink {
-	display: inline-block;
-	padding: 0.125em 0.375em;
+	display: inline-flex;
+	align-items: center;
+	gap: .25em;
+	padding: 0.125em 0.625em; /* 10px /16 */
 	text-transform: uppercase;
-	font-size: 0.875rem; /* 14px /16 */
+	font-size: 0.7222222222222em; /* 13px /18 */
 	text-decoration: none;
 	background-color: #ddd;
-	border-radius: 0.1875em; /* 3px /16 */
+	border-radius: 1em; /* 16px /16 */
 	font-weight: 500;
-	margin: 0 0.4285714285714em 0.07142857142857em 0; /* 0 6px 1px 0 /14 */
-	line-height: 1.285714285714; /* 18px /14 */
-	font-family: system-ui, sans-serif;
-}
-@media (prefers-color-scheme: dark) {
-	.minilink.minilink {
-		background-color: #222;
+	margin: 0 0.4285714285714em; /* 0 6px /14 */
+	vertical-align: baseline;
+	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3);
+
+	&:first-child {
+		margin-inline-start: 0;
+	}
+
+	@media (prefers-color-scheme: dark) {
+		background-color: #333;
 		color: #fff;
+		box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.3);
 	}
 }
-table .minilink {
-	margin-top: 6px;
-}
 .minilink[href] {
 	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.5);
 }
@@ -68,12 +71,6 @@ h4 .minilink {
 
 .minilink-addedin {
 	text-transform: none;
-	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3);
-}
-@media (prefers-color-scheme: dark) {
-	.minilink-addedin {
-		box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.3);
-	}
 }
 .minilink-addedin:not(:first-child) {
 	margin-left: 0.5em;
@@ -81,9 +78,8 @@ h4 .minilink {
 .minilink-addedin.minilink-inline {
 	margin: 0 4px;
 	background-color: #fff;
-}
-@media (prefers-color-scheme: dark) {
-	.minilink-addedin.minilink-inline {
+
+	@media (prefers-color-scheme: dark) {
 		background-color: #000;
 	}
 }
@@ -109,12 +105,11 @@ h4 .minilink {
 
 /* Build cost */
 .minilink-buildcost {
-	--internal-shadow-hsl: 0deg 0% 75%;
 	font-weight: 700;
 	text-transform: uppercase;
-	/* via https://www.joshwcomeau.com/shadow-palette/ */
-	box-shadow: 0px 0.3px 0.5px hsl(var(--internal-shadow-hsl) / 0),
-		0.1px 4.3px 6.5px hsl(var(--internal-shadow-hsl) / 0.14);
+}
+.minilink-buildcost code {
+	margin-right: .25em;
 }
 .minilink-buildcost code:before {
 	content: "🧰";
@@ -134,15 +129,6 @@ a[href]:focus .minilink-buildcost {
 .minilink-github > :first-child {
 	color: #eac54f;
 }
-/* GitHub star count, home page variant (dark theme) */
-.elv-header-default .minilink-github {
-	background-color: #222;
-	color: #fff;
-}
-.elv-header-default .minilink[href]:hover,
-.elv-header-default .minilink[href]:focus {
-	background-color: #444;
-}
 @media (prefers-color-scheme: dark) {
 	.minilink-github.minilink-github {
 		background-color: #222;
diff --git a/src/_includes/components/navigation.css b/src/_includes/components/navigation.css
index 838b88970a..f04ebedb10 100644
--- a/src/_includes/components/navigation.css
+++ b/src/_includes/components/navigation.css
@@ -9,7 +9,13 @@
 }
 
 .elv-nav-menu a {
-	font-weight: 600;
+	font-weight: 700;
+	display: flex;
+	align-items: center;
+	gap: 0 .125em;
+}
+.elv-nav-menu a small {
+	font-weight: 500;
 }
 
 /* Spacer and social links */
diff --git a/src/_includes/components/page-supporters.css b/src/_includes/components/page-supporters.css
index 4e259f5287..92ec7562fd 100644
--- a/src/_includes/components/page-supporters.css
+++ b/src/_includes/components/page-supporters.css
@@ -18,7 +18,7 @@
 .supporters-link {
 	display: inline-block;
 	white-space: nowrap;
-	font-weight: 600;
+	font-weight: 700;
 }
 .supporters-facepile .fl {
 	/*position: relative;
@@ -75,6 +75,6 @@
 	padding-right: 1em;
 }
 .supporters-facepile .supporters-active .supporters-tier:after {
-	font-weight: 600;
+	font-weight: 700;
 	content: "—THANK YOU! 🎉";
 }
diff --git a/src/_includes/components/possum-home.css b/src/_includes/components/possum-home.css
deleted file mode 100644
index 03c627522b..0000000000
--- a/src/_includes/components/possum-home.css
+++ /dev/null
@@ -1,31 +0,0 @@
-/* #2col */
-@media (min-width: 41.4375em) {
-	.elv-header-default:has(.elv-possum) {
-		overflow: hidden;
-	}
-	.elv-header-default .elv-possum {
-		--possum-top: 20%;
-		pointer-events: none;
-		width: auto;
-		height: calc((50vh - 2rem) / 1.6);
-		top: var(--possum-top);
-		left: 1vw;
-		right: auto;
-		animation-duration: 180s;
-		animation-name: balloonFloat;
-	}
-}
-
-@media (prefers-reduced-motion: reduce) {
-	.elv-header-default .elv-possum {
-		animation-duration: 0s;
-	}
-}
-@keyframes balloonFloat {
-	from {
-		transform: translate(-7vw, var(--possum-top));
-	}
-	to {
-		transform: translate(100vw, -52%);
-	}
-}
diff --git a/src/_includes/components/possum.webc b/src/_includes/components/possum.webc
deleted file mode 100644
index 7bed5a856e..0000000000
--- a/src/_includes/components/possum.webc
+++ /dev/null
@@ -1,2 +0,0 @@
-<link rel="stylesheet" href="possum.css">
-<link rel="stylesheet" href="possum-home.css" webc:if="variant === 'home'">
\ No newline at end of file
diff --git a/src/_includes/components/product-tabs.css b/src/_includes/components/product-tabs.css
index 6e26ae10fe..9a5690dc41 100644
--- a/src/_includes/components/product-tabs.css
+++ b/src/_includes/components/product-tabs.css
@@ -1,12 +1,12 @@
 .products {
 	--products-spacing: 1em;
-	background-color: rgb(240 241 243);
-}
-@media (prefers-color-scheme: dark) {
-	.products {
-		background-color: #222;
+	background: #f0f1f3;
+
+	@media (prefers-color-scheme: dark) {
+		background: #222;
 	}
 }
+
 .products-max {
 	display: flex;
 	flex-wrap: wrap;
diff --git a/src/_includes/components/product-tabs.njk b/src/_includes/components/product-tabs.njk
index e826b595c3..9b97b1f1e0 100644
--- a/src/_includes/components/product-tabs.njk
+++ b/src/_includes/components/product-tabs.njk
@@ -2,7 +2,7 @@
 	<active-background>
 		{# {% include "components/announcement.njk" %} #}
 		<div class="products-max">
-			<a href="https://build.awesome.me/" class="products-ba elv-externalexempt" data-active-background>{% include "components/ba-balloon.svg" %}{% include "components/ba-wordmark.svg" %}<span class="sr-only">Build Awesome</span></a>
+			<a href="/" class="products-ba elv-externalexempt" data-active-background><i class="fa-brands fa-build-awesome"></i>{% include "components/ba-wordmark.svg" %}<span class="sr-only">Build Awesome</span></a>
 			<a href="https://fontawesome.com/" class="products-fa elv-externalexempt" data-active-background><i class="fa-brands fa-font-awesome"></i><span class="sr-only">Font Awesome</span></a>
 			<a href="https://webawesome.com/" class="products-wa elv-externalexempt" data-active-background><i class="fa-brands fa-web-awesome"></i><span class="sr-only">Web Awesome</span></a>
 			<span class="products-spacer"></span>
diff --git a/src/_includes/components/quick-start.webc b/src/_includes/components/quick-start.webc
index 1501613f55..00391133ec 100644
--- a/src/_includes/components/quick-start.webc
+++ b/src/_includes/components/quick-start.webc
@@ -1,39 +1,10 @@
-<h2 class="mt-0" id="quick-start">Quick Start</h2>
+<h2 id="quick-start">Quick Start</h2>
 
-<p>Eleventy requires a way to <a href="docs/javascript-runtime.webc">run JavaScript</a> on your computer and we recommend Node.js (version <node-minimum></node-minimum> or newer). You can check whether or not you have Node.js installed by running <code>node --version</code> in a Terminal. (<a href="/docs/terminal-window/"><em>Well, wait—what is a Terminal?</em></a>) If <code>node</code> is not found or it reports a version number below <node-minimum></node-minimum>, you will need to <a href="https://nodejs.org/en/download/">install Node.js</a> before moving on.</p>
+<p>Build Awesome requires a way to <a href="docs/javascript-runtime.webc">run JavaScript</a> on your computer and we recommend Node.js (version <node-minimum></node-minimum> or newer). You can check whether or not you have Node.js installed by running <code>node --version</code> in a Terminal. (<a href="/docs/terminal-window/">Well, wait—what is a Terminal?</a>) If <code>node</code> is not found or it reports a version number below <node-minimum></node-minimum>, you will need to <a href="https://nodejs.org/en/download/">install Node.js</a> before moving on.</p>
 
-<p>Now we’ll create an <code>index.md</code> <a href="https://commonmark.org/help/">Markdown</a> file. You can do this in the text editor of your choice or by running one of these commands in your terminal:</p>
+<p>Next create an <code>index.md</code> <a href="https://commonmark.org/help/">Markdown</a> file. You can do this in the text editor of your choice (Notepad.exe, TextEdit, <a href="https://nova.app/">Nova</a>, <a href="https://code.visualstudio.com/">Visual Studio Code</a>, or others).</p>
 
-<seven-minute-tabs class="tabs-flush" persist sync autoheight>
-	<div role="tablist" aria-label="Choose your Operating System">
-		<a href="#quickstart-os-nix" id="quickstart-os-mac-btn" role="tab" data-tabs-persist="os:mac">macOS</a>
-		<a href="#quickstart-os-nix" role="tab" data-tabs-persist="os:posix">Linux</a>
-		<a href="#quickstart-os-win" role="tab" data-tabs-persist="os:win">Windows</a>
-		<a href="#quickstart-os-all" role="tab" data-tabs-persist="os:all">Cross Platform</a>
-	</div>
-	<div id="quickstart-os-nix" role="tabpanel">
-		<syntax-highlight language="bash">
-echo '# Heading' > index.md
-		</syntax-highlight>
-	</div>
-	<div id="quickstart-os-win" role="tabpanel">
-		<syntax-highlight language="bash">
-echo '# Heading' | out-file -encoding utf8 'index.md'
-		</syntax-highlight>
-		<p>If the <code>out-file</code> command is not available in your Windows Terminal window (it’s PowerShell specific), use the Cross Platform method.</p>
-		<!--- <syntax-highlight language="bash">
-echo # Heading > index.md
-		</syntax-highlight> --->
-	</div>
-	<div id="quickstart-os-all" role="tabpanel">
-		<syntax-highlight language="bash">
-echo '# Heading' | npx @11ty/create index.md
-		</syntax-highlight>
-		<p>Learn more about <a href="https://github.com/11ty/create"><code>@11ty/create</code></a> <em>(requires Node.js 18 or newer)</em>.</p>
-	</div>
-</seven-minute-tabs>
-
-<p>Run Eleventy using <code>npx</code>, an <a href="https://www.npmjs.com/">npm</a>-provided command that is bundled with Node.js.</p>
+<p>Now run Build Awesome using <code>npx</code>, an <a href="https://www.npmjs.com/">npm</a>-provided command that is bundled with Node.js.</p>
 
 <seven-minute-tabs class="tabs-flush" persist sync autoheight>
 	<div role="tablist" aria-label="Choose your Package Manager">
@@ -43,49 +14,38 @@ echo '# Heading' | npx @11ty/create index.md
 	</div>
 	<div id="quickstart-run-npm" role="tabpanel">
 		<syntax-highlight language="bash">
-npx @11ty/eleventy --serve
+npx @awesome.me/buildawesome --serve
 		</syntax-highlight>
 	</div>
 	<div id="quickstart-run-pnpm" role="tabpanel">
 		<syntax-highlight language="bash">
-pnpm dlx @11ty/eleventy --serve
+pnpm dlx @awesome.me/buildawesome --serve
 		</syntax-highlight>
 		<p><a href="https://pnpm.io/">pnpm</a> is an <em>optional</em> alternative to npm that needs to be installed separately.</p>
 	</div>
 	<div id="quickstart-run-yarn" role="tabpanel">
 		<syntax-highlight language="bash">
-yarn dlx @11ty/eleventy --serve
+yarn dlx @awesome.me/buildawesome --serve
 		</syntax-highlight>
 		<p><a href="https://yarnpkg.com/">Yarn</a> is an <em>optional</em> alternative to npm that needs to be installed separately.</p>
 	</div>
 </seven-minute-tabs>
 
-<p>Eleventy compiles any files in the current directory matching valid <a href="/docs/languages/">file extensions</a> (<code>md</code> is one of many) to the <code>_site</code> output folder. It might look like this:</p>
+<p>Build Awesome compiles any files in the current directory matching valid <a href="/docs/languages/">file extensions</a> (<code>md</code> is one of many) to the <code>_site</code> output folder. It might look like this:</p>
 
 <template webc:type="11ty" 11ty:type="njk,md" webc:raw webc:nokeep>
 
 ```11ty-output
-[11ty] Writing _site/index.html from ./index.md (liquid)
-[11ty] Wrote 1 file in 0.03 seconds ({% latestVersion $data.versions, $data.config %})
-[11ty] Watching…
-[11ty] Server at http://localhost:8080/
+[buildawesome] Writing _site/index.html from ./index.md (liquid)
+[buildawesome] Wrote 1 file in 0.03 seconds ({% latestVersion $data.versions, $data.config %})
+[buildawesome] Watching…
+[buildawesome] Server at http://localhost:8080/
 ```
 
 </template>
 
-<p>The <code>--serve</code> option also starts a <a href="/docs/dev-server/">local development server</a>. Open up <code>http://localhost:8080/</code> in your favorite web browser to view your web site.</p>
-<p>If you’d like to experiment further with different template syntax, edit the following sample <code>index.md</code> file in your browser. <a href="/docs/data-frontmatter/">Front Matter</a>, <a href="/docs/languages/liquid/">Liquid</a> and <a href="/docs/languages/markdown/">Markdown</a> are in use.</p>
-
-<is-land on:interaction="touchstart,click,focusin" import="/js/eleventy-editor.js">
-	<eleventy-editor focus label="Edit index.md" data-editor-filename="index.md">
-		<syntax-highlight language="markdown">
----
-title: Heading
----
-# {{ title }}
-		</syntax-highlight>
-	</eleventy-editor>
-</is-land>
+<p>The <code>--serve</code> option also starts a <a href="/docs/dev-server/">local development server</a>. Open up <code>http://localhost:8080/</code> in your favorite web browser to view your website.</p>
+<p>If you’d like to experiment further with different template syntax, try out <a href="#try-build-awesome-in-your-browser">the playground below</a>.</p>
 
 <ul>
 	<li>Read our full <a href="/docs/"><strong>Get Started guide</strong></a> on the docs.</li>
diff --git a/src/_includes/components/quicktips.css b/src/_includes/components/quicktips.css
index 8599214fd8..257207e9bc 100644
--- a/src/_includes/components/quicktips.css
+++ b/src/_includes/components/quicktips.css
@@ -12,7 +12,7 @@
 }
 
 .quicktipstoc .active {
-	font-weight: 600;
+	font-weight: 700;
 }
 .quicktipstoc h3 {
 	margin-top: 0;
diff --git a/src/_includes/components/site-entry.css b/src/_includes/components/site-entry.css
index 624b545448..846dc4617d 100644
--- a/src/_includes/components/site-entry.css
+++ b/src/_includes/components/site-entry.css
@@ -210,7 +210,7 @@
 	justify-content: center;
 	border-radius: 1.4em 0 0.4em 0;
 	background: rgba(255, 255, 255, 0.9);
-	font-weight: 600;
+	font-weight: 700;
 	padding: 4px;
 }
 .sites-site-vert .sites-site-lighthouse .speedlify-score {
diff --git a/src/_includes/components/subhed.css b/src/_includes/components/subhed.css
index 315caa0a92..572c40f954 100644
--- a/src/_includes/components/subhed.css
+++ b/src/_includes/components/subhed.css
@@ -1,9 +1,9 @@
 .subhed {
-	font-family: system-ui, sans-serif;
-	font-size: 0.9375em; /* 15px /16 */
+	font-family: Cera Round Pro, system-ui, sans-serif;
+	font-size: 1em;
 	line-height: 1;
 	text-transform: uppercase;
-	letter-spacing: 1px;
+	letter-spacing: 0.125em; /* 2px /16 */
 	margin: 0;
 	color: #666;
 	text-align: center;
diff --git a/src/_includes/components/syntax-highlight.webc b/src/_includes/components/syntax-highlight.webc
index 1c2e049f11..a02f3ef98f 100644
--- a/src/_includes/components/syntax-highlight.webc
+++ b/src/_includes/components/syntax-highlight.webc
@@ -1,18 +1,14 @@
-<link rel="stylesheet" href="prism-theme.css" webc:bucket="async">
-<link rel="stylesheet" href="code.css">
-<link rel="stylesheet" href="code-copy.css">
-<link rel="stylesheet" href="code-more.css" webc:bucket="async">
 <style>
 syntax-highlight {
 	display: block;
 }
 syntax-highlight > pre {
-	margin-bottom: 0;
+	margin-block-end: 0;
 }
 </style>
 <style webc:if="hed">
 .syntax-title {
-	margin-top: 1em;
+	margin-block-start: 1em;
 	padding: .25em 0 .25em .5em;
 	border-radius: .25em .25em 0 0;
 	font-family: Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace;
@@ -31,7 +27,7 @@ syntax-highlight > pre {
 }
 .syntax-title + .syntax-highlight > pre,
 .syntax-title ~ pre {
-	margin-top: 0;
+	margin-block-start: 0;
 }
 @media (prefers-color-scheme: dark) {
 	.syntax-title b {
diff --git a/src/_includes/components/tables.css b/src/_includes/components/tables.css
index c3881e99d7..dc81b2851f 100644
--- a/src/_includes/components/tables.css
+++ b/src/_includes/components/tables.css
@@ -38,8 +38,7 @@ table thead th a[href] {
 table .numeric {
 	white-space: nowrap;
 	text-align: right;
-	font-family: Roboto Mono, Consolas, Monaco, Andale Mono, Ubuntu Mono,
-		monospace;
+	font-family: Menlo,Monaco,Consolas,Courier New,monospace;
 }
 .numeric-down:not(.numeric-before, .numeric-after):before, /* default position before */
 .numeric-up:not(.numeric-before, .numeric-after):before, /* default position before */
diff --git a/src/_includes/components/testimonials-list.webc b/src/_includes/components/testimonials-list.webc
index 2d566ad8d0..5e00045e27 100644
--- a/src/_includes/components/testimonials-list.webc
+++ b/src/_includes/components/testimonials-list.webc
@@ -1,5 +1,3 @@
-<link rel="stylesheet" href="testimonials.css">
-
 <div class="testimonials">
   <div class="testimonials-layout fl">
     <template webc:type="11ty" 11ty:type="njk" webc:raw webc:nokeep>
diff --git a/src/_includes/components/throbber.css b/src/_includes/components/throbber.css
index 8d5b9ccb27..fe10095739 100644
--- a/src/_includes/components/throbber.css
+++ b/src/_includes/components/throbber.css
@@ -2,8 +2,7 @@ text-throbber,
 is-land--text-throbber {
 	display: block;
 	line-height: 1.2;
-	font-family: Roboto Mono, Consolas, Monaco, Andale Mono, Ubuntu Mono,
-		monospace;
+	font-family: Menlo,Monaco,Consolas,Courier New,monospace;
 	-ms-word-break: break-all;
 	word-break: break-word;
 	-webkit-hyphens: manual;
diff --git a/src/_includes/components/toc.css b/src/_includes/components/toc.css
index 6e55f357db..3f0112999b 100644
--- a/src/_includes/components/toc.css
+++ b/src/_includes/components/toc.css
@@ -15,14 +15,19 @@
 	--elv-toc-hover-color: #dff7ff;
 	font-size: 1rem; /* Reset */
 }
-.elv-header-docs + .elv-layout .elv-toc {
-	--elv-toc-sticky-top: 5.625rem;
+.elv-header-docs ~ .elv-layout .elv-toc {
+	--elv-toc-sticky-top: 6rem;
 }
-@media (min-width: 55em) {
-	/* 880px */
-	.elv-header-docs + .elv-layout .elv-toc {
+.elv-header-docs:has(.elv-callout) ~ .elv-layout .elv-toc {
+	--elv-toc-sticky-top: 13.5rem;
+}
+@media (min-width: 55em) {/* 880px */
+	.elv-header-docs ~.elv-layout .elv-toc {
 		--elv-toc-sticky-top: 4rem;
 	}
+	.elv-header-docs:has(.elv-callout) ~.elv-layout .elv-toc {
+		--elv-toc-sticky-top: 9rem;
+	}
 }
 @media (prefers-color-scheme: dark) {
 	.elv-toc {
@@ -223,7 +228,7 @@ details-force-state:not(:defined)
 
 /* Footer category navigation */
 .elv-cat-list-active {
-	font-weight: 600;
+	font-weight: 700;
 }
 
 /* Wrapper around the markdown Table of contents plugin */
@@ -281,7 +286,7 @@ details.toc[open] > summary {
 
 /* Sidebar ads */
 .elv-toc .elv-callout:first-child:has(+ .elv-callout) {
-	--callout-hue: 162;
+	--callout-hue: 162; /* Also a `brand` callout */
 }
 .elv-toc-callout-link {
 	display: block;
@@ -323,7 +328,7 @@ details.toc[open] > summary {
 /* asterisk on languages */
 .elv-page-toc > ul > li:has(> a):after {
 	font-size: 1.25em; /* 20px /16 */
-	font-weight: 600;
+	font-weight: 700;
 }
 .elv-page-toc .fa11ty-icon {
 	margin-left: 0;
diff --git a/src/_includes/footer-nav.njk b/src/_includes/footer-nav.njk
index e2f4d8a77c..eb3bdeca6b 100644
--- a/src/_includes/footer-nav.njk
+++ b/src/_includes/footer-nav.njk
@@ -8,7 +8,7 @@
 	</ul>
 	<ul class="list-bare">
 		<li><strong class="subhed">Built With</strong></li>
-		<li><em><i class="fa-brands fa-eleventy"></i>Eleventy v{{ eleventy.version }}</em></li>
+		<li><i class="fa-brands fa-build-awesome"></i>Build Awesome v{{ eleventy.version }}</li>
 		<li><is-land import="/js/time-difference.js" on:idle><time-difference live><em>Built <time datetime="{{ config.now | toISO }}">{{ config.now | newsDate }}</time></em></time-difference></is-land></li>
 		<li><strong class="subhed">Statistics</strong></li>
 {%- if github and github.stargazers %}
diff --git a/src/_includes/header.njk b/src/_includes/header.njk
index 39059a579c..42c729ad97 100644
--- a/src/_includes/header.njk
+++ b/src/_includes/header.njk
@@ -4,24 +4,24 @@
 <header class="elv-header{% if headerClass %} {{ headerClass }}{% endif %}">
 	<div class="elv-menu">
 		<ul class="elv-nav-menu list-bare fl fl-inline fl-nowrap">
-			<li><a href="/" class="elv-nav-menu-logo"><i class="fa-brands fa-eleventy"></i><span class="sr-only">11ty</span></a></li>
 			<li><a href="/docs/">Get Started</a></li>
+			<li><a href="/pro/"><span class="elv-header-pro">Pro</span></a></li>
 			<li><a href="/blog/">Blog</a></li>
 			<li><a href="/docs/community/">Community</a></li>
-			<li><a href="/docs/versions/"><code class="elv-header-version">v{{ npmVersions.latest }}</code></a></li>
+			{# <li><a href="/docs/versions/"><code class="elv-header-version">v{{ npmVersions.latest }}</code></a></li> #}
 			<li>
 				<details-utils close-click-outside close-esc>
 					<details class="elv-popover">
 						<summary>Versions</summary>
 						<div>
 							<ul class="list-bare">
-								<li><a href="https://build.awesome.me/docs/" class="elv-externalexempt"><code>v4</code> <small>Pre-release</small></a></li>
+								<li><a href="/docs/"><code>v4</code> <small>Pre-release</small></a></li>
 								<li><a href="https://www.11ty.dev/docs/" class="elv-externalexempt"><code>v3</code> <small>Stable</small></a></li>
 								<li><a href="https://v2.11ty.dev/docs/" class="elv-externalexempt"><code>v2</code></a></li>
 								<li><a href="https://v1.11ty.dev/docs/" class="elv-externalexempt"><code>v1</code></a></li>
 								<li><a href="https://v0.11ty.dev/docs/" class="elv-externalexempt"><code>v0</code></a></li>
-								<li><a href="/docs/versions/" class="elv-externalexempt">History</a></li>
-								<li><a href="/firehose/" class="elv-externalexempt">Firehose</a></li>
+								<li><a href="/docs/versions/">History</a></li>
+								<li><a href="/firehose/">Firehose</a></li>
 							</dl>
 						</div>
 					</details>
@@ -53,28 +53,24 @@
 	</div>
 
 	<div class="elv-nav-header">
-{%- if not isDocs %}
-		<a class="elv-hero elv-externalexempt" href="/docs/">
-			<div class="elv-hero-ba">
-				{% include "components/ba-balloon.svg" %}
-				{% include "components/build-awesome.svg" %}
-				<span class="sr-only">Build Awesome</span>
-			</div>
-		</a>
-		<a href="/docs/" class="elv-hero-11ty">
-			<i class="fa-brands fa-eleventy"></i><span class="sr-only">Eleventy</span>
-			<img src="/img/mascots/ba-didelphis-awesomenicus.svg" alt="A cartoon possum wearing a green tshirt with a balloon logo on front" class="elv-mascot-image" eleventy:widths="120" loading="eager">
-		</a>
-{%- endif %}
-
 		<is-land class="elv-possum-island" on:visible on:idle on:load on:save-data="false" on:media="(prefers-reduced-motion: no-preference)">
 			<template data-island>
 				<a href="/blog/awesome-possum/" class="elv-possum-anchor elv-externalexempt">
 					<div class="elv-possum-pic">
-						<img src="/img/mascots/awesome-possum-balloon-smile-sm.svg" alt="The possum is Eleventy’s mascot" {% if isDocs %}eleventy:widths="222"{% else %}eleventy:widths="222,350" sizes="20vh"{% endif %} class="elv-possum" loading="eager">
+						<img src="/img/mascots/awesome-possum-balloon-smile-sm.svg" alt="The possum is Eleventy’s mascot" eleventy:widths="222" class="elv-possum" loading="eager">
 					</div>
 				</a>
 			</template>
 		</is-land>
 	</div>
-</header>
\ No newline at end of file
+
+	{% if config.outdated -%}
+	{% callout "warn" %}This is an <strong>older version of Build Awesome</strong>. Go to the <a href="https://build.awesome.me/docs/">newest Eleventy docs</a> (current path: <a href="https://build.awesome.me{{ page.url }}"><code>{{ page.url }}</code></a>) or the <a href="https://build.awesome.me/docs/versions/">full release history</a>.{% endcallout %}
+	{% elseif config.prerelease -%}
+	{% callout "brand" %}These docs are for an upcoming version of <strong><i class="fa-brands fa-build-awesome"></i>Build Awesome</strong> — take extra care before linking here as URLs may change! Look to the <a href="https://www.11ty.dev/docs/"><i class="fa-brands fa-eleventy"></i>latest stable docs</a> instead (or the full <a href="https://build.awesome.me/docs/versions/">release history</a>).{% endcallout %}
+	{% endif -%}
+</header>
+
+{% if page.url == "/" %}
+{% include "components/build-awesome-hero.njk" %}
+{% endif %}
\ No newline at end of file
diff --git a/src/_includes/index.css b/src/_includes/index.css
index 8fc7a9ec3a..c99e9eb3c4 100644
--- a/src/_includes/index.css
+++ b/src/_includes/index.css
@@ -50,7 +50,7 @@ html {
 	overflow-y: scroll;
 }
 body {
-	font-family: system-ui, sans-serif;
+	font-family: Cera Round Pro, system-ui, sans-serif;
 	background-color: var(--background-color);
 	color: var(--color);
 	margin: 0;
@@ -76,7 +76,7 @@ a[href]:hover {
 
 strong,
 b {
-	font-weight: 600;
+	font-weight: 700;
 }
 s,
 del {
@@ -87,12 +87,18 @@ del {
 hr {
 	margin: 3em 0;
 	border: none;
-	border-top: 1px solid var(--border-color);
+	border-block-start: 1px solid var(--border-color);
 }
 p {
 	max-width: var(--paragraph-max);
 	line-height: 1.6;
 }
+p:empty {
+	display: none;
+}
+main heading-anchors > p:first-child {
+	margin-block-start: 0;
+}
 
 abbr {
 	text-decoration: none;
@@ -110,8 +116,9 @@ iframe.video-player {
 
 /* Blockquotes */
 blockquote {
-	font-family: Georgia, serif;
+	font-family: Livory, Georgia, serif;
 	font-size: 1.1875em; /* 19px /16 */
+	line-height: 1.6;
 	color: #666;
 	margin: 1.5em 0;
 	padding: 0 1em;
@@ -124,7 +131,7 @@ blockquote {
 	}
 }
 blockquote + blockquote {
-	margin-top: 2em;
+	margin-block-start: 2em;
 }
 
 input[disabled],
@@ -169,6 +176,11 @@ main details[open] > summary {
 	margin: 0 0 1em;
 }
 
+.brand-typeface {
+	font-family: Cera Round Pro, system-ui, sans-serif;
+	font-weight: 700;
+}
+
 /* Headings */
 h1,
 h2,
@@ -177,11 +189,10 @@ h4,
 h5,
 .elv-hed,
 .elv-h2,
-.elv-h3,
-.benchnine {
-	font-family: BenchNine, system-ui, sans-serif;
+.elv-h3 {
+	font-family: Cera Round Pro, system-ui, sans-serif;
 	font-weight: 700;
-	text-wrap: pretty;
+	text-wrap: balance;
 }
 h1 {
 	margin: 0 0 .5em;
@@ -192,23 +203,25 @@ h1,
 	font-size: 2.666666666667em; /* 48px /18 */
 }
 main .elv-toc + #skip-content >  heading-anchors > h1:first-child {
-	margin-top: 0.5em;
+	margin-block-start: 0.5em;
 	line-height: 1.1;
 }
 main .breadcrumb + h1,
 main h1:first-child,
 main .elv-toc + #skip-content >  heading-anchors > h1:first-child {
-	border-bottom: 1px solid #aaa;
+	padding-block-end: .5em;
+	border-block-end: 1px solid #aaa;
 }
 @media (min-width: 55em) {
 	main .elv-toc + #skip-content > heading-anchors > :is(h1, h2):first-child {
-		margin-top: 0;
+		margin-block-start: 0;
 	}
 }
 h2,
 .elv-h2 {
-	border-bottom: 1px solid #ddd;
+	border-block-end: 1px solid #ddd;
 	margin: 2em 0 0.25em;
+	padding-block-end: .25em;
 	letter-spacing: -0.5px;
 }
 h2,
@@ -224,7 +237,7 @@ h2,
 }
 h3,
 .elv-h3 {
-	margin-bottom: 0.5em;
+	margin-block-end: 0.5em;
 }
 h3,
 .elv-h3,
@@ -232,14 +245,14 @@ h3,
 	font-size: 1.666666666667em; /* 30px /18 */
 }
 h4 {
-	margin-bottom: 0.5em;
+	margin-block-end: 0.5em;
 }
 h4,
 .elv-type4 {
 	font-size: 1.444444444444em; /* 26px /18 */
 }
 h5 {
-	margin-bottom: 0.5em;
+	margin-block-end: 0.5em;
 }
 h5,
 .elv-type5 {
@@ -247,12 +260,13 @@ h5,
 }
 :is(h1, h2, h3, h4, h5) code {
 	font-family: inherit;
+	font-kerning: none;
 }
 
 /* Lists */
 ul:last-child,
 ol:last-child {
-	margin-bottom: 0;
+	margin-block-end: 0;
 }
 ul {
 	padding: 0 1em;
@@ -262,14 +276,14 @@ li {
 	line-height: 1.6;
 }
 li:where(:first-child:not([class])) {
-	padding-top: 0;
+	padding-block-start: 0;
 }
 li:where(:last-child:not([class])) {
-	padding-bottom: 0;
+	padding-block-end: 0;
 }
 li ul,
 li ol {
-	margin-top: 1em;
+	margin-block-start: 1em;
 }
 
 .list-bare {
@@ -285,7 +299,7 @@ li ol {
 	display: block;
 	font-size: 80%;
 	color: #555;
-	margin-bottom: 4px;
+	margin-block-end: 4px;
 }
 @media (prefers-color-scheme: dark) {
 	.list-bare-desc {
@@ -293,7 +307,7 @@ li ol {
 	}
 }
 .list-bare-desc:last-child {
-	margin-bottom: 6px;
+	margin-block-end: 6px;
 }
 .list-bare-desc-avatar {
 	margin-left: 29.4px;
@@ -310,7 +324,7 @@ header.elv-layout {
 	padding: 0 1rem;
 }
 footer.elv-layout {
-	margin-bottom: 5em;
+	margin-block-end: 5em;
 }
 .elv-layout-full {
 	max-width: none;
@@ -325,7 +339,7 @@ footer.elv-layout {
 		display: grid;
 		gap: 2rem;
 		grid-template-columns: var(--toc-sidebar-size) minmax(1px, 1fr);
-		padding: 1rem 1rem 2rem 1rem;
+		padding: 1.5rem 1rem 2rem 1rem;
 	}
 }
 
@@ -334,7 +348,7 @@ footer.elv-layout {
 	--elv-footer-spacing: clamp(1rem, 5vw, 3rem);
 	margin-block-start: var(--elv-footer-spacing);
 	background-color: #f4f4f4;
-	border-top: 1px solid #999;
+	border-block-start: 1px solid #999;
 }
 @media (prefers-color-scheme: dark) {
 	.elv-footer-wrap {
@@ -378,10 +392,10 @@ dd {
 	margin: 0;
 }
 dl:first-child {
-	margin-top: 0;
+	margin-block-start: 0;
 }
 dl:last-child {
-	margin-bottom: 0;
+	margin-block-end: 0;
 }
 .elv-toc dl {
 	line-height: 1.6;
@@ -428,7 +442,7 @@ filter-container:defined form {
 }
 
 /* Utility classes */
-.f-b {
+.f-b, .util-bold {
 	font-weight: 700;
 }
 .nowrap {
@@ -444,25 +458,34 @@ filter-container:defined form {
 	text-align: center;
 }
 .mt-0:first-of-type {
-	margin-top: 0;
+	margin-block-start: 0;
 }
 .mt-1 {
-	margin-top: 0.5em;
+	margin-block-start: 0.5em;
+}
+.m-2.m-2 {
+	margin-block: 1em;
 }
 .mt-2 {
-	margin-top: 1em;
+	margin-block-start: 1em;
 }
 .mb-2 {
-	margin-bottom: 1em;
+	margin-block-end: 1em;
+}
+.m-4.m-4 {
+	margin-block: 2em;
 }
 .mb-4 {
-	margin-bottom: 2em;
+	margin-block-end: 2em;
+}
+.m-8.m-8 {
+	margin-block:4em;
 }
 .mt-8 {
-	margin-top: 4em;
+	margin-block-start: 4em;
 }
 .mb-8 {
-	margin-bottom: 4em;
+	margin-block-end: 4em;
 }
 .mi-auto {
 	margin-inline: auto;
@@ -472,18 +495,25 @@ filter-container:defined form {
 }
 .util-flex {
 	display: flex;
+	flex-wrap: wrap;
 	gap: 1em;
 }
+.util-flex:where(.util-center) {
+	align-items: center;
+	justify-content: center;
+}
 .util-flex:is(ul, ol) {
 	list-style: "";
 	margin: 0;
 	padding: 0;
-	align-items: flex-start;
-	justify-content: space-between;
+	align-items: center;
+	gap: 1.5em;
 }
-.util-flex:is(ul, ol) li {
-	flex-grow: 1;
+.util-flex:is(ul, ol) > li {
 	padding: 0;
+	text-wrap: balance;
+	flex-grow: 1;
+	flex-basis: var(--uf-basis, auto);
 }
 .util-stack {
 	display: grid;
@@ -504,6 +534,10 @@ filter-container:defined form {
 	height: 1.3em;
 	vertical-align: text-bottom;
 }
+.util-icon-sm {
+	width: 1em;
+	height: 1em;
+}
 .fa-mastodon {
 	color: #7b68da;
 }
diff --git a/src/_includes/kickstarter-video-dialog.njk b/src/_includes/kickstarter-video-dialog.njk
index 44ff640fea..fa4a17b705 100644
--- a/src/_includes/kickstarter-video-dialog.njk
+++ b/src/_includes/kickstarter-video-dialog.njk
@@ -1,8 +1,8 @@
 <wa-dialog id="promo-dialog" class="promo-dialog" light-dismiss without-header>
-	<a href="https://vimeo.com/1168551192/6ba669b3ff?fl=pl&fe=cm" class="elv-externalexempt"><img src="/img/vimeo-poster-sm-pl.jpg" alt="Now on Kickstarter: Build Awesome — Collaborate on Web Sites That Last" loading="eager"></a>
+	<a href="https://vimeo.com/1168551192/6ba669b3ff?fl=pl&fe=cm" class="elv-externalexempt"><img src="/img/vimeo-poster-sm-pl.jpg" alt="Now on Kickstarter: Build Awesome — Collaborate on Websites That Last" loading="eager"></a>
 	<template>
 		{# autoplay enabled due to swap #}
-		<iframe class="video-player" src="https://player.vimeo.com/video/1168551192?h=6ba669b3ff&amp;badge=0&amp;autopause=0&amp;player_id=0&amp;app_id=58479&amp;dnt=1&amp;autoplay=1" frameborder="0" allow="autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media; web-share" referrerpolicy="strict-origin-when-cross-origin" title="Now on Kickstarter: Build Awesome — Collaborate on Web Sites That Last"></iframe>
+		<iframe class="video-player" src="https://player.vimeo.com/video/1168551192?h=6ba669b3ff&amp;badge=0&amp;autopause=0&amp;player_id=0&amp;app_id=58479&amp;dnt=1&amp;autoplay=1" frameborder="0" allow="autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media; web-share" referrerpolicy="strict-origin-when-cross-origin" title="Now on Kickstarter: Build Awesome — Collaborate on Websites That Last"></iframe>
 	</template>
 	<div class="wa-stack wa-gap-2xl">
 		<div class="wa-stack wa-gap-s promo-dialog-content">
diff --git a/src/_includes/layouts/base.njk b/src/_includes/layouts/base.njk
index 252a6d1d6c..015401f582 100644
--- a/src/_includes/layouts/base.njk
+++ b/src/_includes/layouts/base.njk
@@ -1,6 +1,6 @@
 ---js
 // <script>
-let headerTitle = "Eleventy";
+let headerTitle = "Build Awesome (Eleventy)";
 
 let scriptImportMap = {
 	"@sindresorhus/slugify": "https://cdn.jsdelivr.net/npm/@sindresorhus/slugify@2.2.1/+esm"
@@ -13,7 +13,7 @@ let eleventyComputed = {
 	},
 	social: {
 		description: function({ versions, config }) {
-			return `A docs page for Eleventy, a simpler static site generator.`;
+			return `A docs page for Build Awesome (Eleventy), a simpler website generator.`;
 		}
 	}
 };
@@ -23,7 +23,7 @@ let eleventyComputed = {
 	<head>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, initial-scale=1.0">
-		{%- set subtitleText %}{{ title }}{% if title and title != "Eleventy is a simpler static site generator" %} — Eleventy{% endif %}{% endset %}
+		{%- set subtitleText %}{{ title }}{% if title and title != "Build Awesome (Eleventy) is a simpler website generator" %} — Build Awesome (Eleventy){% endif %}{% endset %}
 		<title>{{ subtitleText }}</title>
 		<meta name="description" content="{{ subtitleText }}">
 		<meta name="generator" content="{{ eleventy.generator }}">
@@ -46,7 +46,7 @@ let eleventyComputed = {
 			}
 		</script>
 {%- endif %}
-		<link rel="preload" href="/css/fonts/benchnine-bold.woff2" as="font" type="font/woff2" crossorigin>
+		<link rel="preload" href="/css/fonts/cera-round-pro-medium-subset.woff2" as="font" type="font/woff2" crossorigin>
 
 		<link rel="icon" type="image/png" sizes="96x96" href="/img/favicon.png">
 		<link rel="me" href="https://fosstodon.org/@eleventy">
@@ -57,7 +57,7 @@ let eleventyComputed = {
 		<!-- Open Graph -->
 		<meta property="og:type" content="website">
 		<meta property="og:url" content="{{ page.url | productionUrl }}">
-		<meta property="og:site_name" content="Eleventy">
+		<meta property="og:site_name" content="Build Awesome">
 		<meta property="og:locale" content="en_US">
 		<meta property="og:title" content="{{ title }}">
 		<meta property="og:description" content="{{ social.description }}">
@@ -69,7 +69,7 @@ let eleventyComputed = {
 {%- elseif eleventy.env.runMode == "serve" or page.url == "/" or page.inputPath.endsWith("author-pages.md") %}
 		<meta property="og:image" content="{{ '/img/open-graph.jpg' | productionUrl }}">
 		<meta property="og:image:type" content="image/jpeg">
-		<meta property="og:image:alt" content="The 11ty logo (with a small floating possum hiding in the letter y)">
+		<meta property="og:image:alt" content="A green background with an assortment of icons. Build Awesome white text in overlaid in the center and the previous 11ty logo is peaking out in the bottom right corner.">
 {%- else %}
 		<meta property="og:image" content="{{ page | getOpengraphImageUrl(screenshotCacheBust) }}">
 		<meta property="og:image:type" content="image/png">
@@ -79,17 +79,18 @@ let eleventyComputed = {
 		<meta property="og:image:height" content="630">
 
 		<!-- Feeds -->
-		<link rel="alternate" href="/blog/feed.xml" title="Eleventy Blog" type="application/atom+xml">
-		<link rel="alternate" href="/firehose/firehose.rss" title="Eleventy Firehose" type="application/rss+xml">
+		<link rel="alternate" href="/blog/feed.xml" title="Build Awesome Blog" type="application/atom+xml">
+		<link rel="alternate" href="/firehose/firehose.rss" title="Build Awesome Firehose" type="application/rss+xml">
 {%- if feedTitle and feedUrl %}
 		<link rel="alternate" href="{{ feedUrl }}" title="{{ feedTitle }}" type="application/atom+xml">
 {%- endif %}
-		<link rel="search" href="/opensearch.xml" type="application/opensearchdescription+xml" title="Eleventy">
+		<link rel="search" href="/opensearch.xml" type="application/opensearchdescription+xml" title="Build Awesome">
 
 {%- set css %}
 {% include 'components/announcement.css' %}
 {% include "components/fonts.css" %}
 {% include 'index.css' %}
+{% include 'components/buttons.css' %}
 {% include 'components/product-tabs.css' %}
 {% include 'components/header.css' %}
 {% include 'components/navigation.css' %}
@@ -100,34 +101,30 @@ let eleventyComputed = {
 {% include 'components/seven-minute-tabs.css' %}
 {% include 'components/supporters.css' %}
 {% include 'components/editor.css' %}
-
-{% if page.url != '/' %}
-	{# these components are not yet used on WebC pages #}
-	{% include 'components/breadcrumb.css' %}
-
-	{# these components have been converted to WebC #}
-	{% include 'components/prism-theme.css' %}
-	{% include 'components/code.css' %}
-	{% include 'components/code-copy.css' %}
-	{% include 'components/code-more.css' %}
-	{% include 'components/inline-code.css' %}
-	{% include 'components/layout.css' %}
-	{# TODO reference these directly from node_modules at some point #}
-	{% include 'components/flex-luthor/flex-luthor.css' %}
-	{% include 'components/flex-luthor/flex-luthor-separators.css' %}
-	{% include 'components/testimonials.css' %}
-	{% include 'components/possum.css' %}
-	{% include 'components/possum-home.css' %}
-
-	/* Filters */
-	.filter-tags--hide {
-		display: none;
-	}
-	.select-filter {
-		font-size: 16px;
-		padding: .3em .5em;
-	}
-{% endif %}
+{% include 'components/possum.css' %}
+
+{# TODO reference these directly from node_modules at some point #}
+{% include 'components/flex-luthor/flex-luthor.css' %}
+{% include 'components/flex-luthor/flex-luthor-separators.css' %}
+
+{% include 'components/testimonials.css' %}
+{% include 'components/breadcrumb.css' %}
+
+{% include 'components/prism-theme.css' %}
+{% include 'components/code.css' %}
+{% include 'components/code-copy.css' %}
+{% include 'components/code-more.css' %}
+{% include 'components/inline-code.css' %}
+{% include 'components/layout.css' %}
+
+/* Filters */
+.filter-tags--hide {
+	display: none;
+}
+.select-filter {
+	font-size: 16px;
+	padding: .3em .5em;
+}
 {% endset %}
 
 		<style>
@@ -178,7 +175,7 @@ let eleventyComputed = {
 	<body>
 		{{ content | safe }}
 
-		<!-- Built on {{ config.now | newsDate }} by Eleventy -->
+		<!-- Built on {{ config.now | newsDate }} by Build Awesome -->
 		<div>
 			{% getBundle "fontawesome" %}
 		</div>
diff --git a/src/_includes/layouts/docs.njk b/src/_includes/layouts/docs.njk
index bd339192ab..c2be820158 100644
--- a/src/_includes/layouts/docs.njk
+++ b/src/_includes/layouts/docs.njk
@@ -1,7 +1,6 @@
 ---
 layout: layouts/main.njk
 headerClass: elv-header-docs
-isDocs: true
 ---
 {% if eleventyNavigation and eleventyNavigation.parent %}
 <nav class="breadcrumb" aria-labelledby="breadcrumb">
diff --git a/src/_includes/layouts/langs.njk b/src/_includes/layouts/langs.njk
index 28a8c6efc9..3ea1aa7519 100644
--- a/src/_includes/layouts/langs.njk
+++ b/src/_includes/layouts/langs.njk
@@ -4,25 +4,8 @@ layout: layouts/docs.njk
 {% css %}
 /* Language List */
 .elv-langlist {
-	font-size: 0.8333333333333em; /* 15px /18 */
-	background-color: #f7f7f7;
-	padding: .5rem;
 	margin: 2em 0;
 }
-@media (prefers-color-scheme: dark) {
-	.elv-langlist {
-		background-color: #080808;
-	}
-}
-.elv-langlist-hed {
-	margin: 0;
-	border: none;
-	font-weight: 700;
-}
-.elv-langlist > .inlinelist {
-	display: inline;
-	margin-left: 1em;
-}
 .elv-langlist-logo {
 	max-width: 200px;
 }
diff --git a/src/_includes/layouts/main.njk b/src/_includes/layouts/main.njk
index 301d5d9ab4..286d6e150f 100644
--- a/src/_includes/layouts/main.njk
+++ b/src/_includes/layouts/main.njk
@@ -1,6 +1,5 @@
 ---
 layout: layouts/base.njk
-headerClass: elv-header-default
 ---
 <div class="elv-skip">
 	<a href="#skip-nav">Skip to navigation</a>
@@ -9,32 +8,20 @@ headerClass: elv-header-default
 
 {% include "header.njk" %}
 
-{% if config.outdated -%}
-<div class="elv-callout-sticky">{% callout "warn" %}This is an <strong>older version of Eleventy</strong>. Go to the <a href="https://www.11ty.dev/docs/">newest Eleventy docs</a> (current path: <a href="https://www.11ty.dev{{ page.url }}"><code>{{ page.url }}</code></a>) or the <a href="https://www.11ty.dev/docs/versions/">full release history</a>.{% endcallout %}</div>
-{% endif -%}
-{% if config.prerelease -%}
-<div class="elv-callout-sticky">{% callout "info" %}These docs are for an upcoming version of Eleventy and <em>subject to change</em>—take extra care before linking here! Look to the <a href="https://www.11ty.dev/docs/">latest docs</a> instead (or full <a href="https://www.11ty.dev/docs/versions/">release history</a>).{% endcallout %}</div>
-{% endif -%}
-
 <main class="elv-layout elv-layout-toc{% if classAdditions.main %} {{ classAdditions.main }}{% endif %}" {% if not excludeFromSearch %} data-pagefind-body{% endif %}>
 	{% include "components/docs-toc.njk" %}
 	<div id="skip-content">
-		{%- if not isDocs %}
-		<h1 class="elv-hed">{{ headerTitle | safe }}</h1>
-		{%- endif %}
 		<heading-anchors selector="h2,h3,h4">{{ content | safe }}</heading-anchors>
 	</div>
 </main>
 
 <footer class="elv-footer-wrap">
-	{% include "components/announcement.njk" %}
-
+	{%- include "components/announcement.njk" -%}
 	<div class="elv-footer elv-layout">
-	{% include "social-callout.njk" %}
-{% if not ignoreSupporters %}
-	{% include "supporters.njk" %}
-{% endif %}
-
-	{% include "footer-nav.njk" %}
+	{%- include "social-callout.njk" -%}
+	{%- if not ignoreSupporters -%}
+		{%- include "supporters.njk" -%}
+	{%- endif -%}
+	{%- include "footer-nav.njk" -%}
 	</div>
 </footer>
diff --git a/src/_includes/pro-cta.njk b/src/_includes/pro-cta.njk
new file mode 100644
index 0000000000..5bac2e1150
--- /dev/null
+++ b/src/_includes/pro-cta.njk
@@ -0,0 +1,11 @@
+{% callout "info", "html", "" %}
+<p>Are terminal windows and command lines not your thing?</p>
+<p><strong>Build Awesome Pro</strong> is a new web site builder that will help anyone launch and maintain a web site (no installation or command line required). Visual editing and collaboration, zero lock-in, and you help to fund continued maintenance of the open source project for the entire community.</p>
+
+<div class="util-flex util-center">
+	<a href="/pro/" class="btn-brand"><i class="fa-brands fa-build-awesome"></i>Build Awesome Pro <span class="btn-tag">Coming Soon!</span></a>
+{%- if page.url != "/docs/" %}
+	<a href="/docs/">Or install locally (free)<i class="fa-solid fa-arrow-right util-icon-sm"></i></a>
+{%- endif %}
+</div>
+{% endcallout %}
\ No newline at end of file
diff --git a/src/_includes/snippets/assets/addfiles.njk b/src/_includes/snippets/assets/addfiles.njk
index 799a3a3580..f24eeff380 100644
--- a/src/_includes/snippets/assets/addfiles.njk
+++ b/src/_includes/snippets/assets/addfiles.njk
@@ -1,29 +1,29 @@
 {%- set tabid = "addfiles" %}
-<div class="codetitle codetitle-right-md">eleventy.config.js</div>
+<div class="codetitle codetitle-right-md">buildawesome.config.js</div>
 <is-land on:visible import="/js/seven-minute-tabs.js">
 <seven-minute-tabs class="tabs-flush" persist sync>
   {% renderFile "./src/_includes/syntax-chooser-tablist.11ty.js", {id: tabid, only: "jsesm,jscjs"} %}
   <div id="{{ tabid }}-jsesm" role="tabpanel">
     <div data-filter-code="css">
 {%- set codeBlock %}
-export default function(eleventyConfig) {
-  eleventyConfig.addPassthroughCopy("bundle.css");
+export default function($config) {
+  $config.addPassthroughCopy("bundle.css");
 };
 {%- endset %}
 {{ codeBlock | highlight("js") | safe }}
     </div>
     <div data-filter-code="font">
 {%- set codeBlock %}
-export default function(eleventyConfig) {
-  eleventyConfig.addPassthroughCopy("font.woff2");
+export default function($config) {
+  $config.addPassthroughCopy("font.woff2");
 };
 {%- endset %}
 {{ codeBlock | highlight("js") | safe }}
     </div>
     <div data-filter-code="js">
 {%- set codeBlock %}
-export default function(eleventyConfig) {
-  eleventyConfig.addPassthroughCopy("bundle.js");
+export default function($config) {
+  $config.addPassthroughCopy("bundle.js");
 };
 {%- endset %}
 {{ codeBlock | highlight("js") | safe }}
@@ -32,24 +32,24 @@ export default function(eleventyConfig) {
   <div id="{{ tabid }}-jscjs" role="tabpanel">
     <div data-filter-code="css">
 {%- set codeBlock %}
-module.exports = function(eleventyConfig) {
-  eleventyConfig.addPassthroughCopy("bundle.css");
+module.exports = function($config) {
+  $config.addPassthroughCopy("bundle.css");
 };
 {%- endset %}
 {{ codeBlock | highlight("js") | safe }}
     </div>
     <div data-filter-code="font">
 {%- set codeBlock %}
-module.exports = function(eleventyConfig) {
-  eleventyConfig.addPassthroughCopy("font.woff");
+module.exports = function($config) {
+  $config.addPassthroughCopy("font.woff");
 };
 {%- endset %}
 {{ codeBlock | highlight("js") | safe }}
     </div>
     <div data-filter-code="js">
 {%- set codeBlock %}
-module.exports = function(eleventyConfig) {
-  eleventyConfig.addPassthroughCopy("bundle.js");
+module.exports = function($config) {
+  $config.addPassthroughCopy("bundle.js");
 };
 {%- endset %}
 {{ codeBlock | highlight("js") | safe }}
diff --git a/src/_includes/snippets/config/config-data.njk b/src/_includes/snippets/config/config-data.njk
index 8243bb1719..30c5984148 100644
--- a/src/_includes/snippets/config/config-data.njk
+++ b/src/_includes/snippets/config/config-data.njk
@@ -1,5 +1,5 @@
 {%- set tabid = "config-data" %}
-<div class="codetitle codetitle-right-md">eleventy.config.js</div>
+<div class="codetitle codetitle-right-md">buildawesome.config.js</div>
 <is-land on:visible import="/js/seven-minute-tabs.js">
 <seven-minute-tabs class="tabs-flush" persist sync autoheight>
   {% renderFile "./src/_includes/syntax-chooser-tablist.11ty.js", {id: tabid, only: "jsesm,jscjs"} %}
diff --git a/src/_includes/snippets/config/config-htmlengine.njk b/src/_includes/snippets/config/config-htmlengine.njk
index eac8b8381e..cd0419470e 100644
--- a/src/_includes/snippets/config/config-htmlengine.njk
+++ b/src/_includes/snippets/config/config-htmlengine.njk
@@ -1,5 +1,5 @@
 {%- set tabid = "config-htmlengine" %}
-<div class="codetitle codetitle-right-md">eleventy.config.js</div>
+<div class="codetitle codetitle-right-md">buildawesome.config.js</div>
 <is-land on:visible import="/js/seven-minute-tabs.js">
 <seven-minute-tabs class="tabs-flush" persist sync autoheight>
   {% renderFile "./src/_includes/syntax-chooser-tablist.11ty.js", {id: tabid, only: "jsesm,jscjs"} %}
diff --git a/src/_includes/snippets/config/config-includes.njk b/src/_includes/snippets/config/config-includes.njk
index c092e6b756..106b794ef3 100644
--- a/src/_includes/snippets/config/config-includes.njk
+++ b/src/_includes/snippets/config/config-includes.njk
@@ -1,5 +1,5 @@
 {%- set tabid = "config-includes" %}
-<div class="codetitle codetitle-right-md">eleventy.config.js</div>
+<div class="codetitle codetitle-right-md">buildawesome.config.js</div>
 <is-land on:visible import="/js/seven-minute-tabs.js">
 <seven-minute-tabs class="tabs-flush" persist sync autoheight>
   {% renderFile "./src/_includes/syntax-chooser-tablist.11ty.js", {id: tabid, only: "jsesm,jscjs"} %}
diff --git a/src/_includes/snippets/config/config-input.njk b/src/_includes/snippets/config/config-input.njk
index 766d8224ec..9b22edd6d0 100644
--- a/src/_includes/snippets/config/config-input.njk
+++ b/src/_includes/snippets/config/config-input.njk
@@ -1,5 +1,5 @@
 {%- set tabid = "config-input" %}
-<div class="codetitle codetitle-right-md">eleventy.config.js</div>
+<div class="codetitle codetitle-right-md">buildawesome.config.js</div>
 <is-land on:visible import="/js/seven-minute-tabs.js">
 <seven-minute-tabs class="tabs-flush" persist sync autoheight>
   {% renderFile "./src/_includes/syntax-chooser-tablist.11ty.js", {id: tabid, only: "jsesm,jscjs"} %}
diff --git a/src/_includes/snippets/config/config-layouts.njk b/src/_includes/snippets/config/config-layouts.njk
index 04c77b46ac..ae266714d7 100644
--- a/src/_includes/snippets/config/config-layouts.njk
+++ b/src/_includes/snippets/config/config-layouts.njk
@@ -1,5 +1,5 @@
 {%- set tabid = "config-layouts" %}
-<div class="codetitle codetitle-right-md">eleventy.config.js</div>
+<div class="codetitle codetitle-right-md">buildawesome.config.js</div>
 <is-land on:visible import="/js/seven-minute-tabs.js">
 <seven-minute-tabs class="tabs-flush" persist sync autoheight>
   {% renderFile "./src/_includes/syntax-chooser-tablist.11ty.js", {id: tabid, only: "jsesm,jscjs"} %}
diff --git a/src/_includes/snippets/config/config-mdengine.njk b/src/_includes/snippets/config/config-mdengine.njk
index e565862d52..a9231e7556 100644
--- a/src/_includes/snippets/config/config-mdengine.njk
+++ b/src/_includes/snippets/config/config-mdengine.njk
@@ -1,5 +1,5 @@
 {%- set tabid = "config-mdengine" %}
-<div class="codetitle codetitle-right-md">eleventy.config.js</div>
+<div class="codetitle codetitle-right-md">buildawesome.config.js</div>
 <is-land on:visible import="/js/seven-minute-tabs.js">
 <seven-minute-tabs class="tabs-flush" persist sync autoheight>
   {% renderFile "./src/_includes/syntax-chooser-tablist.11ty.js", {id: tabid, only: "jsesm,jscjs"} %}
diff --git a/src/_includes/snippets/config/config-output.njk b/src/_includes/snippets/config/config-output.njk
index 5d2398591c..8e82d1cce1 100644
--- a/src/_includes/snippets/config/config-output.njk
+++ b/src/_includes/snippets/config/config-output.njk
@@ -1,5 +1,5 @@
 {%- set tabid = "config-output" %}
-<div class="codetitle codetitle-right-md">eleventy.config.js</div>
+<div class="codetitle codetitle-right-md">buildawesome.config.js</div>
 <is-land on:visible import="/js/seven-minute-tabs.js">
 <seven-minute-tabs class="tabs-flush" persist sync autoheight>
   {% renderFile "./src/_includes/syntax-chooser-tablist.11ty.js", {id: tabid, only: "jsesm,jscjs"} %}
diff --git a/src/_includes/snippets/config/config-pathprefix.njk b/src/_includes/snippets/config/config-pathprefix.njk
index 89a0cc8212..5dd3413f43 100644
--- a/src/_includes/snippets/config/config-pathprefix.njk
+++ b/src/_includes/snippets/config/config-pathprefix.njk
@@ -1,14 +1,14 @@
 {%- set tabid = "config-pathprefix" %}
-<div class="codetitle codetitle-right-md">eleventy.config.js</div>
+<div class="codetitle codetitle-right-md">buildawesome.config.js</div>
 <is-land on:visible import="/js/seven-minute-tabs.js">
 <seven-minute-tabs class="tabs-flush" persist sync autoheight>
   {% renderFile "./src/_includes/syntax-chooser-tablist.11ty.js", {id: tabid, only: "jsesm,jscjs"} %}
   <div id="{{ tabid }}-jsesm" role="tabpanel">
 {% set codeBlock %}
-import { HtmlBasePlugin } from "@11ty/eleventy";
+import { HtmlBasePlugin } from "@awesome.me/buildawesome";
 
-export default function (eleventyConfig) {
-	eleventyConfig.addPlugin(HtmlBasePlugin);
+export default function ($config) {
+	$config.addPlugin(HtmlBasePlugin);
 };
 
 export const config = {
@@ -19,10 +19,10 @@ export const config = {
   </div>
   <div id="{{ tabid }}-jscjs" role="tabpanel">
 {% set codeBlock %}
-module.exports = async function (eleventyConfig) {
-	const { HtmlBasePlugin } = await import("@11ty/eleventy");
+const { HtmlBasePlugin } = require("@awesome.me/buildawesome");
 
-	eleventyConfig.addPlugin(HtmlBasePlugin);
+module.exports = function ($config) {
+	$config.addPlugin(HtmlBasePlugin);
 };
 
 module.exports.config = {
diff --git a/src/_includes/snippets/config/config-shape-callback-export.njk b/src/_includes/snippets/config/config-shape-callback-export.njk
index ff64b0759d..e5d4d564d7 100644
--- a/src/_includes/snippets/config/config-shape-callback-export.njk
+++ b/src/_includes/snippets/config/config-shape-callback-export.njk
@@ -1,11 +1,11 @@
 {%- set tabid = "configshapes-callback-export" %}
-<div class="codetitle codetitle-right-md">eleventy.config.js</div>
+<div class="codetitle codetitle-right-md">buildawesome.config.js</div>
 <is-land on:visible import="/js/seven-minute-tabs.js">
 <seven-minute-tabs class="tabs-flush" persist sync autoheight>
   {% renderFile "./src/_includes/syntax-chooser-tablist.11ty.js", {id: tabid, only: "jsesm,jscjs"} %}
   <div id="{{ tabid }}-jscjs" role="tabpanel">
 {% set codeBlock %}
-module.exports = async function(eleventyConfig) {};
+module.exports = async function($config) {};
 
 // This named export is optional
 module.exports.config = {
@@ -19,7 +19,7 @@ module.exports.config = {
   </div>
   <div id="{{ tabid }}-jsesm" role="tabpanel">
 {% set codeBlock %}
-export default async function(eleventyConfig) {};
+export default async function($config) {};
 
 // This named export is optional
 export const config = {
diff --git a/src/_includes/snippets/config/config-templatelangs.njk b/src/_includes/snippets/config/config-templatelangs.njk
index 6310333822..9a7575ec79 100644
--- a/src/_includes/snippets/config/config-templatelangs.njk
+++ b/src/_includes/snippets/config/config-templatelangs.njk
@@ -1,5 +1,5 @@
 {%- set tabid = "config-templatelangs" %}
-<div class="codetitle codetitle-right-md">eleventy.config.js</div>
+<div class="codetitle codetitle-right-md">buildawesome.config.js</div>
 <is-land on:visible import="/js/seven-minute-tabs.js">
 <seven-minute-tabs class="tabs-flush" persist sync autoheight>
   {% renderFile "./src/_includes/syntax-chooser-tablist.11ty.js", {id: tabid, only: "jsesm,jscjs"} %}
diff --git a/src/_includes/snippets/configDefinition.njk b/src/_includes/snippets/configDefinition.njk
index 087eb441e0..9b315f15a2 100644
--- a/src/_includes/snippets/configDefinition.njk
+++ b/src/_includes/snippets/configDefinition.njk
@@ -1,6 +1,6 @@
 {# uses codeContent #}
 {% set tabid %}{% if tabIdOverride %}{{ tabIdOverride }}{% else %}tab-{% uid %}{% endif %}{% endset %}
-<div class="codetitle codetitle-right-md">eleventy.config.js</div>
+<div class="codetitle codetitle-right-md">buildawesome.config.js</div>
 <is-land on:visible import="/js/seven-minute-tabs.js">
 <seven-minute-tabs class="tabs-flush" persist sync autoheight>
   {% renderFile "./src/_includes/syntax-chooser-tablist.11ty.js", {id: tabid, only: "jsesm,jscjs"} %}
diff --git a/src/_includes/snippets/configDefinitionEager.njk b/src/_includes/snippets/configDefinitionEager.njk
index 964d1c061a..6dbb9e1b04 100644
--- a/src/_includes/snippets/configDefinitionEager.njk
+++ b/src/_includes/snippets/configDefinitionEager.njk
@@ -1,6 +1,6 @@
 {# uses codeContent #}
 {% set tabid %}tab-{% uid %}{% endset %}
-<div class="codetitle codetitle-right-md">eleventy.config.js</div>
+<div class="codetitle codetitle-right-md">buildawesome.config.js</div>
 <script type="module" src="/js/seven-minute-tabs.js"></script>
 <seven-minute-tabs class="tabs-flush" persist sync autoheight>
   {% renderFile "./src/_includes/syntax-chooser-tablist.11ty.js", {id: tabid, only: "jsesm,jscjs"} %}
diff --git a/src/_includes/snippets/frontmatter/default.njk b/src/_includes/snippets/frontmatter/default.njk
index ec74cdf3ab..33a3e14d33 100644
--- a/src/_includes/snippets/frontmatter/default.njk
+++ b/src/_includes/snippets/frontmatter/default.njk
@@ -1,12 +1,12 @@
 {%- set tabid = "default" %}
-<div class="codetitle codetitle-right-md">eleventy.config.js</div>
+<div class="codetitle codetitle-right-md">buildawesome.config.js</div>
 <is-land on:visible import="/js/seven-minute-tabs.js">
 <seven-minute-tabs class="tabs-flush" persist sync autoheight>
   {% renderFile "./src/_includes/syntax-chooser-tablist.11ty.js", {id: tabid, only: "jsesm,jscjs"} %}
   <div id="{{ tabid }}-jsesm" role="tabpanel">
 {% set codeBlock %}
-export default function (eleventyConfig) {
-	eleventyConfig.setFrontMatterParsingOptions({
+export default function ($config) {
+	$config.setFrontMatterParsingOptions({
 		language: "js", // default is "yaml"
 	});
 };
@@ -15,8 +15,8 @@ export default function (eleventyConfig) {
   </div>
   <div id="{{ tabid }}-jscjs" role="tabpanel">
 {% set codeBlock %}
-module.exports = function (eleventyConfig) {
-	eleventyConfig.setFrontMatterParsingOptions({
+module.exports = function ($config) {
+	$config.setFrontMatterParsingOptions({
 		language: "js", // default is "yaml"
 	});
 };
diff --git a/src/_includes/snippets/frontmatter/excerpts.njk b/src/_includes/snippets/frontmatter/excerpts.njk
index 46e061b224..954f21a662 100644
--- a/src/_includes/snippets/frontmatter/excerpts.njk
+++ b/src/_includes/snippets/frontmatter/excerpts.njk
@@ -1,12 +1,12 @@
 {%- set tabid = "excerpts" %}
-<div class="codetitle codetitle-right-md">eleventy.config.js</div>
+<div class="codetitle codetitle-right-md">buildawesome.config.js</div>
 <is-land on:visible import="/js/seven-minute-tabs.js">
 <seven-minute-tabs class="tabs-flush" persist sync autoheight>
   {% renderFile "./src/_includes/syntax-chooser-tablist.11ty.js", {id: tabid, only: "jsesm,jscjs"} %}
   <div id="{{ tabid }}-jsesm" role="tabpanel">
 {% set codeBlock %}
-export default function (eleventyConfig) {
-	eleventyConfig.setFrontMatterParsingOptions({
+export default function ($config) {
+	$config.setFrontMatterParsingOptions({
 		excerpt: true,
 		// Optional, default is "---"
 		excerpt_separator: "<!-- excerpt -->",
@@ -17,8 +17,8 @@ export default function (eleventyConfig) {
   </div>
   <div id="{{ tabid }}-jscjs" role="tabpanel">
 {% set codeBlock %}
-module.exports = function (eleventyConfig) {
-	eleventyConfig.setFrontMatterParsingOptions({
+module.exports = function ($config) {
+	$config.setFrontMatterParsingOptions({
 		excerpt: true,
 		// Optional, default is "---"
 		excerpt_separator: "<!-- excerpt -->",
diff --git a/src/_includes/snippets/frontmatter/excerptsloc.njk b/src/_includes/snippets/frontmatter/excerptsloc.njk
index eadf1a392d..fa19e904be 100644
--- a/src/_includes/snippets/frontmatter/excerptsloc.njk
+++ b/src/_includes/snippets/frontmatter/excerptsloc.njk
@@ -1,12 +1,12 @@
 {%- set tabid = "excerptsloc" %}
-<div class="codetitle codetitle-right-md">eleventy.config.js</div>
+<div class="codetitle codetitle-right-md">buildawesome.config.js</div>
 <is-land on:visible import="/js/seven-minute-tabs.js">
 <seven-minute-tabs class="tabs-flush" persist sync autoheight>
   {% renderFile "./src/_includes/syntax-chooser-tablist.11ty.js", {id: tabid, only: "jsesm,jscjs"} %}
   <div id="{{ tabid }}-jsesm" role="tabpanel">
 {% set codeBlock %}
-export default function (eleventyConfig) {
-	eleventyConfig.setFrontMatterParsingOptions({
+export default function ($config) {
+	$config.setFrontMatterParsingOptions({
 		excerpt: true,
 		// Eleventy custom option
 		// The variable where the excerpt will be stored.
@@ -18,8 +18,8 @@ export default function (eleventyConfig) {
   </div>
   <div id="{{ tabid }}-jscjs" role="tabpanel">
 {% set codeBlock %}
-module.exports = function (eleventyConfig) {
-	eleventyConfig.setFrontMatterParsingOptions({
+module.exports = function ($config) {
+	$config.setFrontMatterParsingOptions({
 		excerpt: true,
 		// Eleventy custom option
 		// The variable where the excerpt will be stored.
diff --git a/src/_includes/snippets/frontmatter/options.njk b/src/_includes/snippets/frontmatter/options.njk
index 3b937d5e2d..b2acc03acf 100644
--- a/src/_includes/snippets/frontmatter/options.njk
+++ b/src/_includes/snippets/frontmatter/options.njk
@@ -1,12 +1,12 @@
 {%- set tabid = "options" %}
-<div class="codetitle codetitle-right-md">eleventy.config.js</div>
+<div class="codetitle codetitle-right-md">buildawesome.config.js</div>
 <is-land on:visible import="/js/seven-minute-tabs.js">
 <seven-minute-tabs class="tabs-flush" persist sync autoheight>
   {% renderFile "./src/_includes/syntax-chooser-tablist.11ty.js", {id: tabid, only: "jsesm,jscjs"} %}
   <div id="{{ tabid }}-jsesm" role="tabpanel">
 {% set codeBlock %}
-export default function (eleventyConfig) {
-	eleventyConfig.setFrontMatterParsingOptions({
+export default function ($config) {
+	$config.setFrontMatterParsingOptions({
 		/* … */
 	});
 };
@@ -15,8 +15,8 @@ export default function (eleventyConfig) {
   </div>
   <div id="{{ tabid }}-jscjs" role="tabpanel">
 {% set codeBlock %}
-module.exports = function (eleventyConfig) {
-	eleventyConfig.setFrontMatterParsingOptions({
+module.exports = function ($config) {
+	$config.setFrontMatterParsingOptions({
 		/* … */
 	});
 };
diff --git a/src/_includes/snippets/frontmatter/toml.njk b/src/_includes/snippets/frontmatter/toml.njk
index f2dc4724db..bf37748451 100644
--- a/src/_includes/snippets/frontmatter/toml.njk
+++ b/src/_includes/snippets/frontmatter/toml.njk
@@ -1,5 +1,5 @@
 {%- set tabid = "toml" %}
-<div class="codetitle codetitle-right-md">eleventy.config.js</div>
+<div class="codetitle codetitle-right-md">buildawesome.config.js</div>
 <is-land on:visible import="/js/seven-minute-tabs.js">
 <seven-minute-tabs class="tabs-flush" persist sync autoheight>
   {% renderFile "./src/_includes/syntax-chooser-tablist.11ty.js", {id: tabid, only: "jsesm,jscjs"} %}
@@ -8,8 +8,8 @@
 // Don’t forget to `npm install @iarna/toml`
 import toml from "@iarna/toml";
 
-export default function (eleventyConfig) {
-	eleventyConfig.setFrontMatterParsingOptions({
+export default function ($config) {
+	$config.setFrontMatterParsingOptions({
 		engines: {
 			toml: toml.parse.bind(toml),
 		},
@@ -23,8 +23,8 @@ export default function (eleventyConfig) {
 // Don’t forget to `npm install @iarna/toml`
 const toml = require("@iarna/toml");
 
-module.exports = function (eleventyConfig) {
-	eleventyConfig.setFrontMatterParsingOptions({
+module.exports = function ($config) {
+	$config.setFrontMatterParsingOptions({
 		engines: {
 			toml: toml.parse.bind(toml),
 		},
diff --git a/src/_includes/snippets/plugins/base-install-options.njk b/src/_includes/snippets/plugins/base-install-options.njk
index 32fdc83637..7a851ffcaf 100644
--- a/src/_includes/snippets/plugins/base-install-options.njk
+++ b/src/_includes/snippets/plugins/base-install-options.njk
@@ -1,16 +1,16 @@
 {% set tabid %}tab-{% uid %}{% endset %}
-<div class="codetitle codetitle-right-md">eleventy.config.js</div>
+<div class="codetitle codetitle-right-md">buildawesome.config.js</div>
 <is-land on:visible import="/js/seven-minute-tabs.js">
 <seven-minute-tabs class="tabs-flush" persist sync autoheight>
   {% renderFile "./src/_includes/syntax-chooser-tablist.11ty.js", {id: tabid, only: "jsesm,jscjs"} %}
   <div id="{{ tabid }}-jsesm" role="tabpanel">
 {% set codeBlock %}{% raw %}
-import { HtmlBasePlugin } from "@11ty/eleventy";
+import { HtmlBasePlugin } from "@awesome.me/buildawesome";
 
-export default function (eleventyConfig) {
-	eleventyConfig.addPlugin(HtmlBasePlugin, {
+export default function ($config) {
+	$config.addPlugin(HtmlBasePlugin, {
 		// The base URL: defaults to Path Prefix
-		baseHref: eleventyConfig.pathPrefix,
+		baseHref: $config.pathPrefix,
 
 		// But you could use a full URL here too:
 		// baseHref: "http://example.com/"
@@ -25,12 +25,12 @@ export default function (eleventyConfig) {
   </div>
   <div id="{{ tabid }}-jscjs" role="tabpanel">
 {% set codeBlock %}{% raw %}
-module.exports = async function (eleventyConfig) {
-	const { HtmlBasePlugin } = await import("@11ty/eleventy");
+const { HtmlBasePlugin } = require("@awesome.me/buildawesome");
 
-	eleventyConfig.addPlugin(HtmlBasePlugin, {
+module.exports = function ($config) {
+	$config.addPlugin(HtmlBasePlugin, {
 		// The base URL: defaults to Path Prefix
-		baseHref: eleventyConfig.pathPrefix,
+		baseHref: $config.pathPrefix,
 
 		// But you could use a full URL here too:
 		// baseHref: "http://example.com/"
diff --git a/src/_includes/snippets/plugins/base-install.njk b/src/_includes/snippets/plugins/base-install.njk
index 80c2882f6e..09bc2bb427 100644
--- a/src/_includes/snippets/plugins/base-install.njk
+++ b/src/_includes/snippets/plugins/base-install.njk
@@ -1,24 +1,24 @@
 {% set tabid %}tab-{% uid %}{% endset %}
-<div class="codetitle codetitle-right-md">eleventy.config.js</div>
+<div class="codetitle codetitle-right-md">buildawesome.config.js</div>
 <is-land on:visible import="/js/seven-minute-tabs.js">
 <seven-minute-tabs class="tabs-flush" persist sync autoheight>
   {% renderFile "./src/_includes/syntax-chooser-tablist.11ty.js", {id: tabid, only: "jsesm,jscjs"} %}
   <div id="{{ tabid }}-jsesm" role="tabpanel">
 {% set codeBlock %}{% raw %}
-import { HtmlBasePlugin } from "@11ty/eleventy";
+import { HtmlBasePlugin } from "@awesome.me/buildawesome";
 
-export default function (eleventyConfig) {
-	eleventyConfig.addPlugin(HtmlBasePlugin);
+export default function ($config) {
+	$config.addPlugin(HtmlBasePlugin);
 }
 {% endraw %}{% endset %}
 {{ codeBlock | highlight("js") | safe }}
   </div>
   <div id="{{ tabid }}-jscjs" role="tabpanel">
 {% set codeBlock %}{% raw %}
-module.exports = async function (eleventyConfig) {
-	const { HtmlBasePlugin } = await import("@11ty/eleventy");
+const { HtmlBasePlugin } = require("@awesome.me/buildawesome");
 
-	eleventyConfig.addPlugin(HtmlBasePlugin);
+module.exports = function ($config) {
+	$config.addPlugin(HtmlBasePlugin);
 }
 {% endraw %}{% endset %}
 {{ codeBlock | highlight("js") | safe }}
diff --git a/src/_includes/snippets/plugins/highlight.njk b/src/_includes/snippets/plugins/highlight.njk
index 9a6e0f2d5c..23c245c298 100644
--- a/src/_includes/snippets/plugins/highlight.njk
+++ b/src/_includes/snippets/plugins/highlight.njk
@@ -91,8 +91,8 @@ function myFunction() {
 {% set codeBlock %}{% raw %}
 const pluginWebc = require("@11ty/eleventy-plugin-webc");
 
-export default function (eleventyConfig) {
-	eleventyConfig.addPlugin(pluginWebc, {
+export default function ($config) {
+	$config.addPlugin(pluginWebc, {
 		// Array `components` requires Eleventy WebC v0.9.2+
 		components: [
 			"_components/**/*.webc",
diff --git a/src/_includes/snippets/plugins/i18n-install-options.njk b/src/_includes/snippets/plugins/i18n-install-options.njk
index ca521b5885..f159567b7f 100644
--- a/src/_includes/snippets/plugins/i18n-install-options.njk
+++ b/src/_includes/snippets/plugins/i18n-install-options.njk
@@ -1,15 +1,15 @@
 {% set tabid %}tab-{% uid %}{% endset %}
-<div class="codetitle codetitle-right-md">eleventy.config.js</div>
+<div class="codetitle codetitle-right-md">buildawesome.config.js</div>
 <is-land on:visible import="/js/seven-minute-tabs.js">
 <seven-minute-tabs class="tabs-flush" persist sync autoheight>
   {% renderFile "./src/_includes/syntax-chooser-tablist.11ty.js", {id: tabid, only: "jsesm,jscjs"} %}
   <div id="{{ tabid }}-jsesm" role="tabpanel">
 
 {% set codeBlock %}{% raw %}
-import { I18nPlugin } from "@11ty/eleventy";
+import { I18nPlugin } from "@awesome.me/buildawesome";
 
-export default function (eleventyConfig) {
-	eleventyConfig.addPlugin(I18nPlugin, {
+export default function ($config) {
+	$config.addPlugin(I18nPlugin, {
 		// any valid BCP 47-compatible language tag is supported
 		defaultLanguage: "", // Required, this site uses "en"
 
@@ -35,10 +35,10 @@ export default function (eleventyConfig) {
   <div id="{{ tabid }}-jscjs" role="tabpanel">
 
 {% set codeBlock %}{% raw %}
-module.exports = async function (eleventyConfig) {
-	const { I18nPlugin } = await import("@11ty/eleventy");
+const { I18nPlugin } = require("@awesome.me/buildawesome");
 
-	eleventyConfig.addPlugin(I18nPlugin, {
+module.exports = function ($config) {
+	$config.addPlugin(I18nPlugin, {
 		// any valid BCP 47-compatible language tag is supported
 		defaultLanguage: "", // Required, this site uses "en"
 
diff --git a/src/_includes/snippets/plugins/i18n-install.njk b/src/_includes/snippets/plugins/i18n-install.njk
index 8afcee77eb..00f215d6c8 100644
--- a/src/_includes/snippets/plugins/i18n-install.njk
+++ b/src/_includes/snippets/plugins/i18n-install.njk
@@ -1,24 +1,24 @@
 {% set tabid %}tab-{% uid %}{% endset %}
-<div class="codetitle codetitle-right-md">eleventy.config.js</div>
+<div class="codetitle codetitle-right-md">buildawesome.config.js</div>
 <is-land on:visible import="/js/seven-minute-tabs.js">
 <seven-minute-tabs class="tabs-flush" persist sync autoheight>
   {% renderFile "./src/_includes/syntax-chooser-tablist.11ty.js", {id: tabid, only: "jsesm,jscjs"} %}
   <div id="{{ tabid }}-jsesm" role="tabpanel">
 {% set codeBlock %}{% raw %}
-import { I18nPlugin } from "@11ty/eleventy";
+import { I18nPlugin } from "@awesome.me/buildawesome";
 
-export default function (eleventyConfig) {
-	eleventyConfig.addPlugin(I18nPlugin);
+export default function ($config) {
+	$config.addPlugin(I18nPlugin);
 }
 {% endraw %}{% endset %}
 {{ codeBlock | highlight("js") | safe }}
   </div>
   <div id="{{ tabid }}-jscjs" role="tabpanel">
 {% set codeBlock %}{% raw %}
-module.exports = async function (eleventyConfig) {
-	const { I18nPlugin } = await import("@11ty/eleventy");
+const { I18nPlugin } = require("@awesome.me/buildawesome");
 
-	eleventyConfig.addPlugin(I18nPlugin);
+module.exports = function ($config) {
+	$config.addPlugin(I18nPlugin);
 }
 {% endraw %}{% endset %}
 {{ codeBlock | highlight("js") | safe }}
diff --git a/src/_includes/snippets/plugins/idattr-opts.njk b/src/_includes/snippets/plugins/idattr-opts.njk
index 5ef0233504..54f05ff888 100644
--- a/src/_includes/snippets/plugins/idattr-opts.njk
+++ b/src/_includes/snippets/plugins/idattr-opts.njk
@@ -1,14 +1,14 @@
 {% set tabid %}tab-{% uid %}{% endset %}
-<div class="codetitle codetitle-right-md">eleventy.config.js</div>
+<div class="codetitle codetitle-right-md">buildawesome.config.js</div>
 <is-land on:visible import="/js/seven-minute-tabs.js">
 <seven-minute-tabs class="tabs-flush" persist sync autoheight>
   {% renderFile "./src/_includes/syntax-chooser-tablist.11ty.js", {id: tabid, only: "jsesm,jscjs"} %}
   <div id="{{ tabid }}-jsesm" role="tabpanel">
 {%- set codeBlock %}{% raw %}
-import { IdAttributePlugin } from "@11ty/eleventy";
+import { IdAttributePlugin } from "@awesome.me/buildawesome";
 
-export default function (eleventyConfig) {
-	eleventyConfig.addPlugin(IdAttributePlugin, {
+export default function ($config) {
+	$config.addPlugin(IdAttributePlugin, {
 		selector: "h1,h2,h3,h4,h5,h6", // default
 
 		// swaps html entities (like &amp;) to their counterparts before slugify-ing
@@ -18,7 +18,7 @@ export default function (eleventyConfig) {
 		checkDuplicates: "error", // `false` to disable
 
 		// by default we use Eleventy’s built-in `slugify` filter:
-		slugify: eleventyConfig.getFilter("slugify"),
+		slugify: $config.getFilter("slugify"),
 
 		filter: function({ page }) {
 			if(page.inputPath.endsWith("test-skipped.html")) {
@@ -34,10 +34,10 @@ export default function (eleventyConfig) {
   </div>
   <div id="{{ tabid }}-jscjs" role="tabpanel">
 {%- set codeBlock %}{% raw %}
-module.exports = async function (eleventyConfig) {
-	const { IdAttributePlugin } = await import("@11ty/eleventy");
+const { IdAttributePlugin } = require("@awesome.me/buildawesome");
 
-	eleventyConfig.addPlugin(IdAttributePlugin, {
+module.exports = function ($config) {
+	$config.addPlugin(IdAttributePlugin, {
 		selector: "h1,h2,h3,h4,h5,h6", // default
 
 		// swaps html entities (like &amp;) to their counterparts before slugify-ing
@@ -47,7 +47,7 @@ module.exports = async function (eleventyConfig) {
 		checkDuplicates: "error", // `false` to disable
 
 		// by default we use Eleventy’s built-in `slugify` filter:
-		slugify: eleventyConfig.getFilter("slugify"),
+		slugify: $config.getFilter("slugify"),
 
 		filter: function({ page }) {
 			if(page.inputPath.endsWith("test-skipped.html")) {
diff --git a/src/_includes/snippets/plugins/idattr.njk b/src/_includes/snippets/plugins/idattr.njk
index b783c64c99..9025860181 100644
--- a/src/_includes/snippets/plugins/idattr.njk
+++ b/src/_includes/snippets/plugins/idattr.njk
@@ -1,24 +1,24 @@
 {% set tabid %}tab-{% uid %}{% endset %}
-<div class="codetitle codetitle-right-md">eleventy.config.js</div>
+<div class="codetitle codetitle-right-md">buildawesome.config.js</div>
 <is-land on:visible import="/js/seven-minute-tabs.js">
 <seven-minute-tabs class="tabs-flush" persist sync autoheight>
   {% renderFile "./src/_includes/syntax-chooser-tablist.11ty.js", {id: tabid, only: "jsesm,jscjs"} %}
   <div id="{{ tabid }}-jsesm" role="tabpanel">
 {%- set codeBlock %}{% raw %}
-import { IdAttributePlugin } from "@11ty/eleventy";
+import { IdAttributePlugin } from "@awesome.me/buildawesome";
 
-export default function (eleventyConfig) {
-	eleventyConfig.addPlugin(IdAttributePlugin);
+export default function ($config) {
+	$config.addPlugin(IdAttributePlugin);
 }
 {% endraw %}{%- endset %}
 {{ codeBlock | highlight("js") | safe }}
   </div>
   <div id="{{ tabid }}-jscjs" role="tabpanel">
 {%- set codeBlock %}{% raw %}
-module.exports = async function (eleventyConfig) {
-	const { IdAttributePlugin } = await import("@11ty/eleventy");
+const { IdAttributePlugin } = require("@awesome.me/buildawesome");
 
-	eleventyConfig.addPlugin(IdAttributePlugin);
+module.exports = function ($config) {
+	$config.addPlugin(IdAttributePlugin);
 }
 {% endraw %}{%- endset %}
 {{ codeBlock | highlight("js") | safe }}
diff --git a/src/_includes/snippets/plugins/inputpath-options.njk b/src/_includes/snippets/plugins/inputpath-options.njk
index 0441e2a3bd..46c405223f 100644
--- a/src/_includes/snippets/plugins/inputpath-options.njk
+++ b/src/_includes/snippets/plugins/inputpath-options.njk
@@ -1,14 +1,14 @@
 {% set tabid %}tab-{% uid %}{% endset %}
-<div class="codetitle codetitle-right-md">eleventy.config.js</div>
+<div class="codetitle codetitle-right-md">buildawesome.config.js</div>
 <is-land on:visible import="/js/seven-minute-tabs.js">
 <seven-minute-tabs class="tabs-flush" persist sync autoheight>
   {% renderFile "./src/_includes/syntax-chooser-tablist.11ty.js", {id: tabid, only: "jsesm,jscjs"} %}
   <div id="{{ tabid }}-jsesm" role="tabpanel">
 {%- set codeBlock %}{% raw %}
-import { InputPathToUrlTransformPlugin } from "@11ty/eleventy";
+import { InputPathToUrlTransformPlugin } from "@awesome.me/buildawesome";
 
-export default function (eleventyConfig) {
-	eleventyConfig.addPlugin(InputPathToUrlTransformPlugin, {
+export default function ($config) {
+	$config.addPlugin(InputPathToUrlTransformPlugin, {
 		// Comma separated list of outputPath file extensions to apply the transform
 		extensions: "html",
 	});
@@ -18,10 +18,10 @@ export default function (eleventyConfig) {
   </div>
   <div id="{{ tabid }}-jscjs" role="tabpanel">
 {%- set codeBlock %}{% raw %}
-module.exports = async function (eleventyConfig) {
-	const { InputPathToUrlTransformPlugin } = await import("@11ty/eleventy");
+const { InputPathToUrlTransformPlugin } = require("@awesome.me/buildawesome");
 
-	eleventyConfig.addPlugin(InputPathToUrlTransformPlugin, {
+module.exports = function ($config) {
+	$config.addPlugin(InputPathToUrlTransformPlugin, {
 		// Comma separated list of outputPath file extensions to apply the transform
 		extensions: "html",
 	});
diff --git a/src/_includes/snippets/plugins/inputpath.njk b/src/_includes/snippets/plugins/inputpath.njk
index 697f0a2423..f4d531b002 100644
--- a/src/_includes/snippets/plugins/inputpath.njk
+++ b/src/_includes/snippets/plugins/inputpath.njk
@@ -1,24 +1,24 @@
 {% set tabid %}tab-{% uid %}{% endset %}
-<div class="codetitle codetitle-right-md">eleventy.config.js</div>
+<div class="codetitle codetitle-right-md">buildawesome.config.js</div>
 <is-land on:visible import="/js/seven-minute-tabs.js">
 <seven-minute-tabs class="tabs-flush" persist sync autoheight>
   {% renderFile "./src/_includes/syntax-chooser-tablist.11ty.js", {id: tabid, only: "jsesm,jscjs"} %}
   <div id="{{ tabid }}-jsesm" role="tabpanel">
 {%- set codeBlock %}{% raw %}
-import { InputPathToUrlTransformPlugin } from "@11ty/eleventy";
+import { InputPathToUrlTransformPlugin } from "@awesome.me/buildawesome";
 
-export default function (eleventyConfig) {
-	eleventyConfig.addPlugin(InputPathToUrlTransformPlugin);
+export default function ($config) {
+	$config.addPlugin(InputPathToUrlTransformPlugin);
 }
 {% endraw %}{%- endset %}
 {{ codeBlock | highlight("js") | safe }}
   </div>
   <div id="{{ tabid }}-jscjs" role="tabpanel">
 {%- set codeBlock %}{% raw %}
-module.exports = async function (eleventyConfig) {
-	const { InputPathToUrlTransformPlugin } = await import("@11ty/eleventy");
+const { InputPathToUrlTransformPlugin } = require("@awesome.me/buildawesome");
 
-	eleventyConfig.addPlugin(InputPathToUrlTransformPlugin);
+module.exports = function ($config) {
+	$config.addPlugin(InputPathToUrlTransformPlugin);
 }
 {% endraw %}{%- endset %}
 {{ codeBlock | highlight("js") | safe }}
diff --git a/src/_includes/snippets/plugins/renderinstall-advanced.njk b/src/_includes/snippets/plugins/renderinstall-advanced.njk
index 86e049b734..e068c8145c 100644
--- a/src/_includes/snippets/plugins/renderinstall-advanced.njk
+++ b/src/_includes/snippets/plugins/renderinstall-advanced.njk
@@ -1,14 +1,14 @@
 {% set tabid %}tab-{% uid %}{% endset %}
-<div class="codetitle codetitle-right-md">eleventy.config.js</div>
+<div class="codetitle codetitle-right-md">buildawesome.config.js</div>
 <is-land on:visible import="/js/seven-minute-tabs.js">
 <seven-minute-tabs class="tabs-flush" persist sync autoheight>
   {% renderFile "./src/_includes/syntax-chooser-tablist.11ty.js", {id: tabid, only: "jsesm,jscjs"} %}
   <div id="{{ tabid }}-jsesm" role="tabpanel">
 {%- set codeBlock %}{% raw %}
-import { RenderPlugin } from "@11ty/eleventy";
+import { RenderPlugin } from "@awesome.me/buildawesome";
 
-export default function (eleventyConfig) {
-	eleventyConfig.addPlugin(RenderPlugin, {
+export default function ($config) {
+	$config.addPlugin(RenderPlugin, {
 		tagName: "renderTemplate", // Change the renderTemplate shortcode name
 		tagNameFile: "renderFile", // Change the renderFile shortcode name
 		filterName: "renderContent", // Change the renderContent filter name
@@ -22,10 +22,10 @@ export default function (eleventyConfig) {
   </div>
   <div id="{{ tabid }}-jscjs" role="tabpanel">
 {%- set codeBlock %}{% raw %}
-module.exports = async function (eleventyConfig) {
-	const { RenderPlugin } = await import("@11ty/eleventy");
+const { RenderPlugin } = require("@awesome.me/buildawesome");
 
-	eleventyConfig.addPlugin(RenderPlugin, {
+module.exports = function ($config) {
+	$config.addPlugin(RenderPlugin, {
 		tagName: "renderTemplate", // Change the renderTemplate shortcode name
 		tagNameFile: "renderFile", // Change the renderFile shortcode name
 		filterName: "renderContent", // Change the renderContent filter name
diff --git a/src/_includes/snippets/plugins/renderinstall.njk b/src/_includes/snippets/plugins/renderinstall.njk
index a09b70749c..2cb34f66a1 100644
--- a/src/_includes/snippets/plugins/renderinstall.njk
+++ b/src/_includes/snippets/plugins/renderinstall.njk
@@ -1,24 +1,24 @@
 {% set tabid %}tab-{% uid %}{% endset %}
-<div class="codetitle codetitle-right-md">eleventy.config.js</div>
+<div class="codetitle codetitle-right-md">buildawesome.config.js</div>
 <is-land on:visible import="/js/seven-minute-tabs.js">
 <seven-minute-tabs class="tabs-flush" persist sync autoheight>
   {% renderFile "./src/_includes/syntax-chooser-tablist.11ty.js", {id: tabid, only: "jsesm,jscjs"} %}
   <div id="{{ tabid }}-jsesm" role="tabpanel">
 {%- set codeBlock %}{% raw %}
-import { RenderPlugin } from "@11ty/eleventy";
+import { RenderPlugin } from "@awesome.me/buildawesome";
 
-export default function (eleventyConfig) {
-	eleventyConfig.addPlugin(RenderPlugin);
+export default function ($config) {
+	$config.addPlugin(RenderPlugin);
 };
 {% endraw %}{%- endset %}
 {{ codeBlock | highlight("js") | safe }}
   </div>
   <div id="{{ tabid }}-jscjs" role="tabpanel">
 {%- set codeBlock %}{% raw %}
-module.exports = async function (eleventyConfig) {
-	const { RenderPlugin } = await import("@11ty/eleventy");
+const { RenderPlugin } = require("@awesome.me/buildawesome");
 
-	eleventyConfig.addPlugin(RenderPlugin);
+module.exports = function ($config) {
+	$config.addPlugin(RenderPlugin);
 };
 {% endraw %}{%- endset %}
 {{ codeBlock | highlight("js") | safe }}
diff --git a/src/_includes/snippets/programmatic/chdirs.njk b/src/_includes/snippets/programmatic/chdirs.njk
deleted file mode 100644
index 17857e9c05..0000000000
--- a/src/_includes/snippets/programmatic/chdirs.njk
+++ /dev/null
@@ -1,29 +0,0 @@
-{%- set tabid = "chdirs" %}
-<div class="codetitle codetitle-right-md">my-node-script.js</div>
-<is-land on:visible import="/js/seven-minute-tabs.js">
-<seven-minute-tabs class="tabs-flush" persist autoheight>
-  {% renderFile "./src/_includes/syntax-chooser-tablist.11ty.js", {id: tabid, only: "jsesm,jscjs"} %}
-  <div id="{{ tabid }}-jsesm" role="tabpanel">
-{%- set codeBlock %}{% raw %}
-import Eleventy from "@11ty/eleventy";
-
-let elev = new Eleventy(".", "_site");
-
-// Use `write` or `toJSON` or `toNDJSON`
-{% endraw %}{%- endset %}
-{{ codeBlock | highlight("js") | safe }}
-  </div>
-  <div id="{{ tabid }}-jscjs" role="tabpanel">
-{%- set codeBlock %}{% raw %}
-(async function () {
-	const { Eleventy } = await import("@11ty/eleventy");
-
-	let elev = new Eleventy(".", "_site");
-
-	// Use `write` or `toJSON` or `toNDJSON`
-})();
-{% endraw %}{%- endset %}
-{{ codeBlock | highlight("js") | safe }}
-  </div>
-</seven-minute-tabs>
-</is-land>
diff --git a/src/_includes/snippets/programmatic/fullopts.njk b/src/_includes/snippets/programmatic/fullopts.njk
index 62dd1fad76..89ca211388 100644
--- a/src/_includes/snippets/programmatic/fullopts.njk
+++ b/src/_includes/snippets/programmatic/fullopts.njk
@@ -5,44 +5,52 @@
   {% renderFile "./src/_includes/syntax-chooser-tablist.11ty.js", {id: tabid, only: "jsesm,jscjs"} %}
   <div id="{{ tabid }}-jsesm" role="tabpanel">
 {%- set codeBlock %}{% raw %}
-import Eleventy from "@11ty/eleventy";
+import BuildAwesome from "@awesome.me/buildawesome";
+
+let ba = new BuildAwesome({
+	// Input and output directories
+	input: ".",
+	output: "_site",
 
-let elev = new Eleventy(".", "_site", {
 	// --quiet
 	quietMode: true,
 
 	// --config
-	configPath: ".eleventy.js",
+	configPath: "buildawesome.config.js",
 
-	config: function (eleventyConfig) {
+	config: function ($config) {
 		// Do some custom Configuration API stuff
-		// Works great with eleventyConfig.addGlobalData
+		// Works great with $config.addGlobalData
 	},
 });
 
-// Use `write` or `toJSON` or `toNDJSON`
+// Use `write` or `toJSON`
 {% endraw %}{%- endset %}
 {{ codeBlock | highlight("js") | safe }}
   </div>
   <div id="{{ tabid }}-jscjs" role="tabpanel">
 {%- set codeBlock %}{% raw %}
+const { default: BuildAwesome } = require("@awesome.me/buildawesome");
+
 (async function () {
-	const { Eleventy } = await import("@11ty/eleventy");
+	let ba = new BuildAwesome({
+		// Input and output directories
+		input: ".",
+		output: "_site",
 
-	let elev = new Eleventy(".", "_site", {
 		// --quiet
 		quietMode: true,
 
 		// --config
-		configPath: ".eleventy.js",
+		configPath: "buildawesome.config.js",
 
-		config: function (eleventyConfig) {
+		config: function ($config) {
 			// Do some custom Configuration API stuff
-			// Works great with eleventyConfig.addGlobalData
+			// Works great with $config.addGlobalData
 		},
 	});
 
-	// Use `write` or `toJSON` or `toNDJSON`
+	// Use `write` or `toJSON`
 })();
 {% endraw %}{%- endset %}
 {{ codeBlock | highlight("js") | safe }}
diff --git a/src/_includes/snippets/programmatic/json-out-data.njk b/src/_includes/snippets/programmatic/json-out-data.njk
index 2159ab0e4a..51e11fc5d5 100644
--- a/src/_includes/snippets/programmatic/json-out-data.njk
+++ b/src/_includes/snippets/programmatic/json-out-data.njk
@@ -5,17 +5,17 @@
   {% renderFile "./src/_includes/syntax-chooser-tablist.11ty.js", {id: tabid, only: "jsesm,jscjs"} %}
   <div id="{{ tabid }}-jsesm" role="tabpanel">
 {%- set codeBlock %}{% raw %}
-import Eleventy from "@11ty/eleventy";
+import BuildAwesome from "@awesome.me/buildawesome";
 
-let elev = new Eleventy(".", "_site", {
-	config: function(eleventyConfig) {
-		eleventyConfig.dataFilterSelectors.add("globalData.key1");
-		eleventyConfig.dataFilterSelectors.add("globalData.key2");
-		eleventyConfig.dataFilterSelectors.add("someProperty.key");
+let ba = new BuildAwesome({
+	config: function($config) {
+		$config.dataFilterSelectors.add("globalData.key1");
+		$config.dataFilterSelectors.add("globalData.key2");
+		$config.dataFilterSelectors.add("someProperty.key");
 	}
 });
 
-let json = await elev.toJSON();
+let json = await ba.toJSON();
 
 // All results with
 // json[…].data.globalData.key1
@@ -27,18 +27,18 @@ console.log(json);
   </div>
   <div id="{{ tabid }}-jscjs" role="tabpanel">
 {%- set codeBlock %}{% raw %}
-(async function () {
-	const { Eleventy } = await import("@11ty/eleventy");
+const { default: BuildAwesome } = require("@awesome.me/buildawesome");
 
-	let elev = new Eleventy(".", "_site", {
-		config: function(eleventyConfig) {
-			eleventyConfig.dataFilterSelectors.add("globalData.key1");
-			eleventyConfig.dataFilterSelectors.add("globalData.key2");
-			eleventyConfig.dataFilterSelectors.add("someProperty.key");
+(async function () {
+	let ba = new BuildAwesome({
+		config: function($config) {
+			$config.dataFilterSelectors.add("globalData.key1");
+			$config.dataFilterSelectors.add("globalData.key2");
+			$config.dataFilterSelectors.add("someProperty.key");
 		}
 	});
 
-	let json = await elev.toJSON();
+	let json = await ba.toJSON();
 
 	// All results with
 	// json[…].data.globalData.key1
diff --git a/src/_includes/snippets/programmatic/json-out.njk b/src/_includes/snippets/programmatic/json-out.njk
index 00cdf9b7bb..dfcb51e726 100644
--- a/src/_includes/snippets/programmatic/json-out.njk
+++ b/src/_includes/snippets/programmatic/json-out.njk
@@ -5,10 +5,10 @@
   {% renderFile "./src/_includes/syntax-chooser-tablist.11ty.js", {id: tabid, only: "jsesm,jscjs"} %}
   <div id="{{ tabid }}-jsesm" role="tabpanel">
 {%- set codeBlock %}{% raw %}
-import Eleventy from "@11ty/eleventy";
+import BuildAwesome from "@awesome.me/buildawesome";
 
-let elev = new Eleventy();
-let json = await elev.toJSON();
+let ba = new BuildAwesome();
+let json = await ba.toJSON();
 
 // All results
 console.log(json);
@@ -17,11 +17,11 @@ console.log(json);
   </div>
   <div id="{{ tabid }}-jscjs" role="tabpanel">
 {%- set codeBlock %}{% raw %}
-(async function () {
-	const { Eleventy } = await import("@11ty/eleventy");
+const { default: BuildAwesome } = require("@awesome.me/buildawesome");
 
-	let elev = new Eleventy();
-	let json = await elev.toJSON();
+(async function () {
+	let ba = new BuildAwesome();
+	let json = await ba.toJSON();
 
 	// All results
 	console.log(json);
diff --git a/src/_includes/snippets/programmatic/ndjson-out.njk b/src/_includes/snippets/programmatic/ndjson-out.njk
deleted file mode 100644
index 918c714b17..0000000000
--- a/src/_includes/snippets/programmatic/ndjson-out.njk
+++ /dev/null
@@ -1,37 +0,0 @@
-{%- set tabid = "ndjsonout" %}
-<div class="codetitle codetitle-right-md">my-node-script.js</div>
-<is-land on:visible import="/js/seven-minute-tabs.js">
-<seven-minute-tabs class="tabs-flush" persist autoheight>
-  {% renderFile "./src/_includes/syntax-chooser-tablist.11ty.js", {id: tabid, only: "jsesm,jscjs"} %}
-  <div id="{{ tabid }}-jsesm" role="tabpanel">
-{%- set codeBlock %}{% raw %}
-import Eleventy from "@11ty/eleventy";
-
-let elev = new Eleventy();
-let stream = await elev.toNDJSON();
-stream.on("data", (entry) => {
-	// Stream one output result at a time
-	let json = JSON.parse(entry.toString());
-	console.log(json);
-});
-{% endraw %}{%- endset %}
-{{ codeBlock | highlight("js") | safe }}
-  </div>
-  <div id="{{ tabid }}-jscjs" role="tabpanel">
-{%- set codeBlock %}{% raw %}
-(async function () {
-	const { Eleventy } = await import("@11ty/eleventy");
-
-	let elev = new Eleventy();
-	let stream = await elev.toNDJSON();
-	stream.on("data", (entry) => {
-		// Stream one output result at a time
-		let json = JSON.parse(entry.toString());
-		console.log(json);
-	});
-})();
-{% endraw %}{%- endset %}
-{{ codeBlock | highlight("js") | safe }}
-  </div>
-</seven-minute-tabs>
-</is-land>
diff --git a/src/_includes/snippets/programmatic/node-script.njk b/src/_includes/snippets/programmatic/node-script.njk
index 0a0ba885da..cd98ceff74 100644
--- a/src/_includes/snippets/programmatic/node-script.njk
+++ b/src/_includes/snippets/programmatic/node-script.njk
@@ -5,20 +5,28 @@
   {% renderFile "./src/_includes/syntax-chooser-tablist.11ty.js", {id: tabid, only: "jsesm,jscjs"} %}
   <div id="{{ tabid }}-jsesm" role="tabpanel">
 {%- set codeBlock %}{% raw %}
-import Eleventy from "@11ty/eleventy";
+import BuildAwesome from "@awesome.me/buildawesome";
 
-let elev = new Eleventy();
-await elev.write();
+let ba = new BuildAwesome({
+	input: ".",				// optional
+	output: "_site",	// optional
+});
+
+await ba.write();
 {% endraw %}{%- endset %}
 {{ codeBlock | highlight("js") | safe }}
   </div>
   <div id="{{ tabid }}-jscjs" role="tabpanel">
 {%- set codeBlock %}{% raw %}
+const { default: BuildAwesome } = require("@awesome.me/buildawesome");
+
 (async function () {
-	const { Eleventy } = await import("@11ty/eleventy");
+	let ba = new BuildAwesome({
+		input: ".",				// optional
+		output: "_site",	// optional
+	});
 
-	let elev = new Eleventy();
-	await elev.write();
+	await ba.write();
 })();
 {% endraw %}{%- endset %}
 {{ codeBlock | highlight("js") | safe }}
diff --git a/src/_includes/social-callout.njk b/src/_includes/social-callout.njk
index 9ed97bd92d..8a5a9dde8a 100644
--- a/src/_includes/social-callout.njk
+++ b/src/_includes/social-callout.njk
@@ -1,7 +1,7 @@
-{% callout %}
-<div class="fl">
+{%- callout -%}
+<div class="fl fl--balance">
 {%- if not ignoreGitHubButtons %}
-	{% include "star-on-github.njk" %}
+	<p>{% include "star-on-github.njk" %} This is the easiest way to support our underdog project!</p>
 {%- endif %}
 	<ul class="inlinelist">
 		<li><a href="/blog/">Read the <strong>Blog</strong></a></li>
@@ -15,4 +15,4 @@
 		{# <li><a href="https://twitter.11ty.dev"><i class="fa-brands fa-twitter">Twitter</i> Archive</a></li> #}
 	</ul>
 </div>
-{% endcallout %}
\ No newline at end of file
+{%- endcallout -%}
\ No newline at end of file
diff --git a/src/_includes/star-on-github.njk b/src/_includes/star-on-github.njk
index 301a625708..b63e7ff132 100644
--- a/src/_includes/star-on-github.njk
+++ b/src/_includes/star-on-github.njk
@@ -1 +1 @@
-<p><a href="https://github.com/11ty/eleventy" class="minilink minilink-github elv-skipicon"><i class="fa-solid fa-star"></i> {% if github.stargazers %}<strong title="{{ github.stargazers }}">{{ github.stargazers | humanReadableNum }}</strong>{% endif %}</a> <a href="https://github.com/11ty/eleventy" class="elv-skipicon"><i class="fa-brands fa-github"></i><strong>Star Eleventy on GitHub!</strong></a> This is an easy way to support our underrated project and help boost our rank on both GitHub and <a href="https://jamstack.org/generators/">jamstack.org</a>’s list of site generators.</p>
\ No newline at end of file
+<a href="https://github.com/11ty/buildawesome" class="minilink minilink-github elv-skipicon"><i class="fa-solid fa-star"></i> {% if github.stargazers %}<strong title="{{ github.stargazers }}">{{ github.stargazers | humanReadableNum }}</strong>{% endif %}</a> <a href="https://github.com/11ty/buildawesome" class="elv-skipicon"><i class="fa-brands fa-github util-icon-sm"></i><strong>Star Build Awesome on GitHub!</strong></a>
\ No newline at end of file
diff --git a/src/api/fundraising-status.11ty.js b/src/api/fundraising-status.11ty.js
index f197c9facf..01752d925d 100644
--- a/src/api/fundraising-status.11ty.js
+++ b/src/api/fundraising-status.11ty.js
@@ -7,7 +7,7 @@ function data() {
 async function render(data) {
 	return JSON.stringify({
 		monthly: {
-			value: parseFloat(data.opencollectiveMonthly.recurringAmount.toFixed(2)),
+			value: parseFloat(data.opencollectiveMonthly?.recurringAmount.toFixed(2) || 0),
 			currency: "USD",
 		}
 	}, null, 2);
diff --git a/src/authors/author-pages.md b/src/authors/author-pages.md
index 137da78557..c3542f806d 100644
--- a/src/authors/author-pages.md
+++ b/src/authors/author-pages.md
@@ -41,7 +41,7 @@ let eleventyComputed = {
 
 ### Member of the [Eleventy Super Professional Business Network {% emoji "💼" %}](/super-professional-business-network/)
 
-<a href="{{ author.business_url }}" class="btn-primary benchnine rainbow-active rainbow-active-noanim elv-externalexempt">Let’s Do Business</a>
+<a href="{{ author.business_url }}" class="btn-primary brand-typeface rainbow-active rainbow-active-noanim elv-externalexempt">Let’s Do Business</a>
 {%- endif %}
 
 {%- set authorStarters = starters | sortObjectByOrder | findBy("author", author.name) %}
diff --git a/src/blog/2021-10-06-eleventy-v1-beta.md b/src/blog/2021-10-06-eleventy-v1-beta.md
index 62438c12be..aadda3526e 100644
--- a/src/blog/2021-10-06-eleventy-v1-beta.md
+++ b/src/blog/2021-10-06-eleventy-v1-beta.md
@@ -30,7 +30,7 @@ npm install @11ty/eleventy@beta -g
 - Our awesome Eleventy GitHub Support Team:
   - {% indieweblink "Pete DeHaan", "https://about.me/peterdehaan" %} and {% indieweblink "Binyamin Green", "https://binyam.in/" %}
   - …and any other folks participating in {% indieweblink "GitHub Discussions", "https://github.com/11ty/eleventy/discussions" %} or the {% indieweblink "Eleventy Discord", "/blog/discord/" %}!
-- Folks that contributed code, {% indieweblink "starter projects", "/docs/starter/" %}, {% indieweblink "plugins", "/docs/plugins/" %}, {% indieweblink "wrote blog posts", "/docs/tutorials/" %} (share what you learned—on _your web site_), recorded podcasts or did streams, {% indieweblink "helped with documentation", "https://github.com/11ty/11ty-website/graphs/contributors" %}! Here are a few of our contributors:
+- Folks that contributed code, {% indieweblink "starter projects", "/docs/starter/" %}, {% indieweblink "plugins", "/docs/plugins/" %}, {% indieweblink "wrote blog posts", "/docs/tutorials/" %} (share what you learned—on _your website_), recorded podcasts or did streams, {% indieweblink "helped with documentation", "https://github.com/11ty/11ty-website/graphs/contributors" %}! Here are a few of our contributors:
   - {% indieweblink "Philipp Rudloff", "https://kleinfreund.de/" %}
   - {% indieweblink "Mike Riethmuller", "https://www.madebymike.com.au/" %}
   - {% indieweblink "Alex Russell", "https://infrequently.org/" %}
diff --git a/src/blog/2021-10-07-jammies-2021.md b/src/blog/2021-10-07-jammies-2021.md
index 4315793d3a..0a0495b90c 100644
--- a/src/blog/2021-10-07-jammies-2021.md
+++ b/src/blog/2021-10-07-jammies-2021.md
@@ -32,4 +32,4 @@ While Eleventy didn’t win our Ecosystem Innovation Award (congrats to Astro!),
 
 ## Related:
 
-- [The Jammies Awards web site](https://jamstackconf.com/jammies/)
+- [The Jammies Awards website](https://jamstackconf.com/jammies/)
diff --git a/src/blog/2022-01-09-eleventy-one-point-oh.md b/src/blog/2022-01-09-eleventy-one-point-oh.md
index 0900378541..37b35ec495 100644
--- a/src/blog/2022-01-09-eleventy-one-point-oh.md
+++ b/src/blog/2022-01-09-eleventy-one-point-oh.md
@@ -5,9 +5,9 @@ eleventyNavigation:
   key: Eleventy v1.0.0
 ---
 
-- [Full docs for v1.0.0 on our web site](https://v1.11ty.dev/docs/)
+- [Full docs for v1.0.0 on our website](https://v1.11ty.dev/docs/)
 
-This project would not be possible without our lovely community. Thank you to everyone that built something with Eleventy ([×476 authors on our web site!](https://v1.11ty.dev/authors/)), wrote a blog post about Eleventy, [contributed code to core](https://github.com/11ty/eleventy/graphs/contributors) or plugins, [documentation](https://github.com/11ty/11ty-website/graphs/contributors), asked questions, answered questions, braved [The Leaderboards](https://www.11ty.dev/speedlify/), participated on Discord, filed issues, attended (or organized!) a meetup, said a kind word on Twitter ❤️.
+This project would not be possible without our lovely community. Thank you to everyone that built something with Eleventy ([×476 authors on our website!](https://v1.11ty.dev/authors/)), wrote a blog post about Eleventy, [contributed code to core](https://github.com/11ty/eleventy/graphs/contributors) or plugins, [documentation](https://github.com/11ty/11ty-website/graphs/contributors), asked questions, answered questions, braved [The Leaderboards](https://www.11ty.dev/speedlify/), participated on Discord, filed issues, attended (or organized!) a meetup, said a kind word on Twitter ❤️.
 
 I really wish I had time to list everyone, but I do want to mention a few folks that have made tremendous contributions:
 
diff --git a/src/blog/2022-04-19-eleventy-edge.md b/src/blog/2022-04-19-eleventy-edge.md
index 09171cf349..764bdfc83b 100644
--- a/src/blog/2022-04-19-eleventy-edge.md
+++ b/src/blog/2022-04-19-eleventy-edge.md
@@ -1,5 +1,5 @@
 ---
-newstitle: Use Eleventy Edge to deliver dynamic web sites on the Edge
+newstitle: Use Eleventy Edge to deliver dynamic websites on the Edge
 eleventyNavigation:
   parent: Blog
   key: Eleventy Edge
@@ -45,7 +45,7 @@ The content inside of the `edge` shortcode is generated on the Edge.
 
 {% endraw %}
 
-This feature makes heavy use of [Netlify’s new Edge Functions feature](https://docs.netlify.com/netlify-labs/experimental-features/edge-functions/) to run Eleventy in Deno on Edge servers. It continues Eleventy’s architectural dedication to markup-first zero-clientside JavaScript solutions to deliver the fast and scalable dynamic web sites. Check out our [introductory demos](https://demo-eleventy-edge.netlify.app/) and watch for more content to come discussing this exciting new feature.
+This feature makes heavy use of [Netlify’s new Edge Functions feature](https://docs.netlify.com/netlify-labs/experimental-features/edge-functions/) to run Eleventy in Deno on Edge servers. It continues Eleventy’s architectural dedication to markup-first zero-clientside JavaScript solutions to deliver the fast and scalable dynamic websites. Check out our [introductory demos](https://demo-eleventy-edge.netlify.app/) and watch for more content to come discussing this exciting new feature.
 
 ## More around the web
 
diff --git a/src/blog/2023-01-18-eleventy-v2-beta.md b/src/blog/2023-01-18-eleventy-v2-beta.md
index 1feb4d7027..8887d22def 100644
--- a/src/blog/2023-01-18-eleventy-v2-beta.md
+++ b/src/blog/2023-01-18-eleventy-v2-beta.md
@@ -114,7 +114,7 @@ Read more about [local versus global installation](/docs/global-installation/).
 
 ## Thank You Notes
 
-This project would not be possible without our lovely community. Thank you to everyone that built something with Eleventy ([×669 authors on our web site!](/authors/)), wrote a blog post about Eleventy, [contributed code](https://github.com/11ty/eleventy/graphs/contributors), wrote a plugins, [helped with documentation](https://github.com/11ty/11ty-website/graphs/contributors), asked questions, answered questions, braved [The Leaderboards](/speedlify/), participated on Discord, filed issues, attended (or organized!) a meetup, said a kind word on social media ❤️.
+This project would not be possible without our lovely community. Thank you to everyone that built something with Eleventy ([×669 authors on our website!](/authors/)), wrote a blog post about Eleventy, [contributed code](https://github.com/11ty/eleventy/graphs/contributors), wrote a plugins, [helped with documentation](https://github.com/11ty/11ty-website/graphs/contributors), asked questions, answered questions, braved [The Leaderboards](/speedlify/), participated on Discord, filed issues, attended (or organized!) a meetup, said a kind word on social media ❤️.
 
 - A **huge thank you to [Netlify](https://www.netlify.com/)**, especially: Matt Biilmann, Chris Bach, Lauren Sell (alum), and Claire Knight, without whom this release would not have been possible.
 - 🏆 A special thanks to [Peter DeHaan](https://github.com/pdehaan) for their tireless contributions on the Eleventy Issue tracker.
diff --git a/src/blog/2023-02-08-eleventy-v2.md b/src/blog/2023-02-08-eleventy-v2.md
index ffefcb5f63..b6de58c482 100644
--- a/src/blog/2023-02-08-eleventy-v2.md
+++ b/src/blog/2023-02-08-eleventy-v2.md
@@ -113,7 +113,7 @@ npm install @11ty/eleventy@latest -g
 
 ## Thank You Notes
 
-This project would not be possible without our lovely community. Thank you to everyone that built something with Eleventy ([×684 authors on our web site!](/authors/)), wrote a blog post about Eleventy, [contributed code](https://github.com/11ty/eleventy/graphs/contributors), wrote a plugins, [helped with documentation](https://github.com/11ty/11ty-website/graphs/contributors), asked questions, answered questions, braved [The Leaderboards](/speedlify/), participated on Discord, filed issues, attended (or organized!) a meetup, said a kind word on social media ❤️.
+This project would not be possible without our lovely community. Thank you to everyone that built something with Eleventy ([×684 authors on our website!](/authors/)), wrote a blog post about Eleventy, [contributed code](https://github.com/11ty/eleventy/graphs/contributors), wrote a plugins, [helped with documentation](https://github.com/11ty/11ty-website/graphs/contributors), asked questions, answered questions, braved [The Leaderboards](/speedlify/), participated on Discord, filed issues, attended (or organized!) a meetup, said a kind word on social media ❤️.
 
 - A **huge thank you to [Netlify](https://www.netlify.com/)**, especially: Matt Biilmann, Chris Bach, Lauren Sell (alum), and Claire Knight, without whom this release would not have been possible.
 - 🏆 A special thanks to [Peter DeHaan](https://github.com/pdehaan) for their tireless contributions on the Eleventy Issue tracker.
diff --git a/src/blog/2023-07-25-cloudcannon.md b/src/blog/2023-07-25-cloudcannon.md
index e9b6823ccd..08a77f9bff 100644
--- a/src/blog/2023-07-25-cloudcannon.md
+++ b/src/blog/2023-07-25-cloudcannon.md
@@ -18,7 +18,7 @@ What’s up everybody? I have some great news—in a few short weeks I will be j
 
 And for folks in the Eleventy community, I am delighted to reveal that this move will unlock sponsorship of official open source development time for Eleventy! Importantly, Eleventy will continue on as an independent open source project and I’m excited about the opportunities ahead.
 
-If you aren’t familiar with CloudCannon—they are an incredible git-backed CMS with amazing visual editing features. CloudCannon have also been avid supporters of Eleventy for quite some time, relaunching their web site using Eleventy earlier this year. I’d also recommend checking out the framework independent open source projects they manage too—I personally love the Pagefind static search project we use on Eleventy’s documentation.
+If you aren’t familiar with CloudCannon—they are an incredible git-backed CMS with amazing visual editing features. CloudCannon have also been avid supporters of Eleventy for quite some time, relaunching their website using Eleventy earlier this year. I’d also recommend checking out the framework independent open source projects they manage too—I personally love the Pagefind static search project we use on Eleventy’s documentation.
 
 After surveying the Eleventy community we found the data reflected an opportunity to refocus Eleventy as a static site generator, returning to our roots and the original benefits of the Jamstack that we all came to know and love: front-end web performance, improved security by decreasing runtimes, and reducing vendor lock-in for maximum hosting portability.
 
diff --git a/src/blog/2023-11-03-mascot-david.md b/src/blog/2023-11-03-mascot-david.md
index 2ea2e9d5be..d000b2e28b 100644
--- a/src/blog/2023-11-03-mascot-david.md
+++ b/src/blog/2023-11-03-mascot-david.md
@@ -17,7 +17,7 @@ David was so excited to deliver this one and we think he absolutely nailed it. T
   <img src="/img/mascots/david.svg" alt="A possum in glasses suspended from a red balloon" width="800">
 </div>
 
-[_Read more about David on his web site._](https://reverentgeek.com/about/)
+[_Read more about David on his website._](https://reverentgeek.com/about/)
 
 > Hi! My name is David Neal. I am a family man, geek, musician, illustrator, international speaker, software developer, author, and Microsoft MVP living in North GA. I am currently a Developer Advoduck 🥑 🦆 for MotherDuck 😄 In the past, I have been a Principal Developer Advocate for Pluralsight, Developer Relations Manager at ActiveCampaign, Senior Developer Advocate at Okta, and Developer Advocate at LeanKit. Before DevRel, I spent many years building high-performance, scalable web applications. I run on a high-octane mixture of caffeine and JavaScript, and I'm entirely made of bacon 🥓.
 
diff --git a/src/blog/2023-12-17-canary-eleventy-v3.md b/src/blog/2023-12-17-canary-eleventy-v3.md
index ee833b4005..e03f4447fc 100644
--- a/src/blog/2023-12-17-canary-eleventy-v3.md
+++ b/src/blog/2023-12-17-canary-eleventy-v3.md
@@ -39,7 +39,7 @@ You have two upgrade path options (pick which one suits your project best):
 
 ### Upgrade examples
 
-You can check out these two pull requests showing how these large-ish web site codebases were converted to use Eleventy v3.0:
+You can check out these two pull requests showing how these large-ish website codebases were converted to use Eleventy v3.0:
 
 - `zachleat.com` kept using CommonJS (easy mode: 3 files changed ~6 lines of code): https://github.com/zachleat/zachleat.com/pull/50
 - `11ty-website` CommonJS to ESM (a bit more work): https://github.com/11ty/11ty-website/pull/1636
diff --git a/src/blog/2024-01-30-conference.md b/src/blog/2024-01-30-conference.md
index dfbb579f48..71c76d17c0 100644
--- a/src/blog/2024-01-30-conference.md
+++ b/src/blog/2024-01-30-conference.md
@@ -4,12 +4,12 @@ eleventyNavigation:
   parent: Blog
 ---
 
-In May 2024 (this year!) we’ll gather together our _extremely-online_ community of webcraftspeople to share what we know! Join us at the [**11ty International Symposium on Making Web Sites Real Good**](https://conf.11ty.dev/).
+In May 2024 (this year!) we’ll gather together our _extremely-online_ community of webcraftspeople to share what we know! Join us at the [**11ty International Symposium on Making Websites Real Good**](https://conf.11ty.dev/).
 
 We’ll publish a full schedule of relevant conference dates (call for proposals, et cetera) in the coming weeks!
 
 <a href="https://conf.11ty.dev" class="elv-externalexempt opengraph-card">
-  <img src="https://v1.opengraph.11ty.dev/https%3A%2F%2Fconf.11ty.dev%2F/medium/" alt="The 11ty International Symposium on Making Web Sites Real Good" loading="lazy" decoding="async" width="650" height="341">
+  <img src="https://v1.opengraph.11ty.dev/https%3A%2F%2Fconf.11ty.dev%2F/medium/" alt="The 11ty International Symposium on Making Websites Real Good" loading="lazy" decoding="async" width="650" height="341">
 </a>
 
 And [registration for the conference will be opening soon](https://conf.11ty.dev/#subscription)!
diff --git a/src/blog/2024-02-16-register-for-11ty-conf.md b/src/blog/2024-02-16-register-for-11ty-conf.md
index 47c6b6e852..f44b0bdc89 100644
--- a/src/blog/2024-02-16-register-for-11ty-conf.md
+++ b/src/blog/2024-02-16-register-for-11ty-conf.md
@@ -6,12 +6,12 @@ eleventyNavigation:
 
 The 11ty Conference is happening on May 9, 2024 and [**registration is now open**](https://conf.11ty.dev/#register)!
 
-Each registrant will receive a uniquely generated ticket image. We’d very much appreciate it if you would share your ticket (or the conference web site) on social media to help spread the word about the conference!
+Each registrant will receive a uniquely generated ticket image. We’d very much appreciate it if you would share your ticket (or the conference website) on social media to help spread the word about the conference!
 
 Looking forward, the goal for next week is to launch our public Call for Proposals (CFP) to start gathering conference speakers from our lovely community. Thank you!
 
-**Register on the [11ty Conference web site](https://conf.11ty.dev/#register)**:
+**Register on the [11ty Conference website](https://conf.11ty.dev/#register)**:
 
 <a href="https://conf.11ty.dev/#register" class="elv-externalexempt opengraph-card">
-  <img src="https://v1.opengraph.11ty.dev/https%3A%2F%2Fconf.11ty.dev%2F/medium/" alt="The 11ty International Symposium on Making Web Sites Real Good" loading="lazy" decoding="async" width="650" height="341">
+  <img src="https://v1.opengraph.11ty.dev/https%3A%2F%2Fconf.11ty.dev%2F/medium/" alt="The 11ty International Symposium on Making Websites Real Good" loading="lazy" decoding="async" width="650" height="341">
 </a>
diff --git a/src/blog/2024-02-23-conference-cfp.md b/src/blog/2024-02-23-conference-cfp.md
index d56b172feb..8a738ffe6e 100644
--- a/src/blog/2024-02-23-conference-cfp.md
+++ b/src/blog/2024-02-23-conference-cfp.md
@@ -5,12 +5,12 @@ eleventyNavigation:
 external_url: https://docs.google.com/forms/d/e/1FAIpQLScdwhO1zfEBvl8mVAJQLWbK0EylD4yPCBpe3Lanz8SvFPI9Xg/viewform
 ---
 
-The [**11ty International Symposium on Making Web Sites Real Good**](https://conf.11ty.dev/) is happening on May 9, 2024 and we’ve been humbled by the response so far: 881 people already registered!
+The [**11ty International Symposium on Making Websites Real Good**](https://conf.11ty.dev/) is happening on May 9, 2024 and we’ve been humbled by the response so far: 881 people already registered!
 
 This week we’ve launched the [open call for talk proposals]({{ external_url }}). If you’re interested in speaking at the conference, you have about a month (until March 22) to add your submission(s):
 
 <a href="{{ external_url }}" class="elv-externalexempt opengraph-card">
-  <img src="https://screenshot.11ty.app/{{ external_url | urlencode }}/opengraph/" alt="So you want to speak at the 11ty International Symposium on Making Web Sites Real Good" loading="lazy" decoding="async" width="650" height="341">
+  <img src="https://screenshot.11ty.app/{{ external_url | urlencode }}/opengraph/" alt="So you want to speak at the 11ty International Symposium on Making Websites Real Good" loading="lazy" decoding="async" width="650" height="341">
 </a>
 
 We’re looking for talks on a variety of topics that will interest folks that care about the craft of building for the web: Best Practices That Work (CSS), Development Trends (e.g. Navigating the Great Divide), Jamstack, Front of the front end Development, Design Systems, Accessibility, Open Source, Web Performance (and probably some Eleventy too!).
diff --git a/src/blog/2024-03-21-merch.md b/src/blog/2024-03-21-merch.md
index bf48725753..1b8dcdfbe3 100644
--- a/src/blog/2024-03-21-merch.md
+++ b/src/blog/2024-03-21-merch.md
@@ -4,7 +4,7 @@ eleventyNavigation:
   parent: Blog
 ---
 
-The 11ty International Symposium on Making Web Sites Real Good (Conference) is approaching fast on May 9, 2024 and 947 folks have already signed up for the event!
+The 11ty International Symposium on Making Websites Real Good (Conference) is approaching fast on May 9, 2024 and 947 folks have already signed up for the event!
 
 To pair with the event, for the first time ever we’re offering a [**merch bundle for purchase**](https://merch.11ty.dev/products/11ty-merch-bundle-2024-limited-edition). It’s conference swag, but only for people that want it! _(Free shipping and a holographic sticker for Open Collective supporters)_
 
diff --git a/src/blog/2024-05-07-11ty-conf-final-week.md b/src/blog/2024-05-07-11ty-conf-final-week.md
index c58254bf9e..16bd2f7d61 100644
--- a/src/blog/2024-05-07-11ty-conf-final-week.md
+++ b/src/blog/2024-05-07-11ty-conf-final-week.md
@@ -3,11 +3,11 @@ newstitle: "11ty Conference is this week!"
 eleventyNavigation:
   parent: Blog
 ---
-[11ty’s International Symposium on Making Web Sites Real Good](https://conf.11ty.dev/) is a mere two days away! [Not registered yet? You can still get in!](https://conf.11ty.dev/#register)
+[11ty’s International Symposium on Making Websites Real Good](https://conf.11ty.dev/) is a mere two days away! [Not registered yet? You can still get in!](https://conf.11ty.dev/#register)
 
 ## Schedule
 
-The [full schedule](https://conf.11ty.dev/#schedule) (localized to your time zone) including all speakers and sessions is now on the web site for your review. We provide convenient Add to Calendar links for the full conference and each individual talk.
+The [full schedule](https://conf.11ty.dev/#schedule) (localized to your time zone) including all speakers and sessions is now on the website for your review. We provide convenient Add to Calendar links for the full conference and each individual talk.
 
 * [The Future of 11ty — Zach Leatherman](https://conf.11ty.dev/2024/the-future-of-11ty/)
 * [Hints &amp; Suggestions (First, Do No Harm) — Miriam Suzanne](https://conf.11ty.dev/2024/hints-and-suggestions-first-do-no-harm/)
diff --git a/src/blog/2024-05-22-sustainability-fundraising.md b/src/blog/2024-05-22-sustainability-fundraising.md
index 3745026730..a59e4d85d6 100644
--- a/src/blog/2024-05-22-sustainability-fundraising.md
+++ b/src/blog/2024-05-22-sustainability-fundraising.md
@@ -9,7 +9,7 @@ external_url: https://www.zachleat.com/web/independent-sustainable-11ty/
 Read [this post about 11ty’s goal of being fully independent and sustainable in 2024]({{ external_url }}):
 
 <a href="{{ external_url }}" class="elv-externalexempt opengraph-card" style="max-width: 25em">
-  <img src="https://screenshot.11ty.app/{{ external_url | urlencode }}/opengraph/" alt="So you want to speak at the 11ty International Symposium on Making Web Sites Real Good" loading="lazy" decoding="async" width="650" height="341">
+  <img src="https://screenshot.11ty.app/{{ external_url | urlencode }}/opengraph/" alt="So you want to speak at the 11ty International Symposium on Making Websites Real Good" loading="lazy" decoding="async" width="650" height="341">
 </a>
 
 11ty is now operating independently, with full time development and maintenance funded by our Open Collective supporters. We need your help to keep going! We have a goal of $6000 USD recurring monthly budget.
diff --git a/src/blog/2024-09-12-eleventy-font-awesome.md b/src/blog/2024-09-12-eleventy-font-awesome.md
index e4fc7e1eb5..60892fbd23 100644
--- a/src/blog/2024-09-12-eleventy-font-awesome.md
+++ b/src/blog/2024-09-12-eleventy-font-awesome.md
@@ -23,7 +23,7 @@ You’re probably already familiar with the folks at Font Awesome.
 
 ## What does this mean for Eleventy?
 
-No action is required by folks using and building with Eleventy. We will continue to help you build fast web sites (with fast build times!) and we will continue to develop and maintain the open source project as before!
+No action is required by folks using and building with Eleventy. We will continue to help you build fast websites (with fast build times!) and we will continue to develop and maintain the open source project as before!
 
 We’ve had a lot of great discussions about best practices for sustainable open source with the Font Awesome folks in the past few months and they have a well established record of maintaining open source projects—as evidenced by the [path already paved by Cory Laviska with Shoelace and Web Awesome](https://www.abeautifulsite.net/posts/the-future-of-shoelace/) (October 2022).
 
diff --git a/src/blog/2024-10-02-eleventy-v3.md b/src/blog/2024-10-02-eleventy-v3.md
index bdafdd63d9..8887ec077c 100644
--- a/src/blog/2024-10-02-eleventy-v3.md
+++ b/src/blog/2024-10-02-eleventy-v3.md
@@ -2,7 +2,6 @@
 newstitle: "Eleventy v3.0.0 is now available!"
 eleventyNavigation:
   parent: Blog
-blogHighlight: true
 external_url: https://github.com/11ty/eleventy/releases/tag/v3.0.0
 ---
 After over a year of work, our very first stable release of ESM-friendly 3.0 is now available: **Eleventy v3.0.0** 🎈🐀
diff --git a/src/blog/2025-01-13-certification.md b/src/blog/2025-01-13-certification.md
index ec5d5682f6..7a88470564 100644
--- a/src/blog/2025-01-13-certification.md
+++ b/src/blog/2025-01-13-certification.md
@@ -9,5 +9,5 @@ In the year 2025 Eleventy has launched an [official](https://fediverse.zachleat.
 	<label class="elv-type4">
 		<input type="checkbox" required> I heard Eleventy was good
 	</label>
-	<button class="btn-primary btn-primary-sm benchnine rainbow-active rainbow-active-noanim elv-externalexempt">Certify Me</button>
+	<button class="btn-primary btn-primary-sm brand-typeface rainbow-active rainbow-active-noanim elv-externalexempt">Certify Me</button>
 </form>
\ No newline at end of file
diff --git a/src/blog/2025-11-19-community-survey-2025.md b/src/blog/2025-11-19-community-survey-2025.md
index aeeaa6d24e..621669ba3d 100644
--- a/src/blog/2025-11-19-community-survey-2025.md
+++ b/src/blog/2025-11-19-community-survey-2025.md
@@ -2,7 +2,6 @@
 newstitle: "The Eleventy Community Survey (2025)"
 eleventyNavigation:
   parent: Blog
-blogHighlight: true
 ---
 Please participate in the [**Eleventy Community Survey (and Suggestion Box) (2025)**](https://www.11ty.dev/survey/2025/)!
 
diff --git a/src/blog/2026-01-05-review-2025.md b/src/blog/2026-01-05-review-2025.md
index da22dd431d..bf55349cc8 100644
--- a/src/blog/2026-01-05-review-2025.md
+++ b/src/blog/2026-01-05-review-2025.md
@@ -237,7 +237,7 @@ Across all of `11ty/*` we’ve shipped so many things!
 - Long overdue [v1.0 of Eleventy Navigation](https://github.com/11ty/eleventy-navigation/releases/tag/v1.0.0) to create hierarchical navigation menus in Eleventy.
 - Both [v6](https://github.com/11ty/eleventy-plugin-vite/releases/tag/v6.0.0) and [v7 of the Eleventy Vite Plugin](https://github.com/11ty/eleventy-plugin-vite/releases/tag/v7.0.0) continues use of Eleventy with Vite (thank you to our lovely maintainer [Kilian Finger](https://www.kilianfinger.com/) for these!)
 - [Parse Date Strings v2.0](https://github.com/11ty/parse-date-strings/releases/tag/v2.0.0) is used to add RFC-9557 (Temporal API) date parsing support to Eleventy’s `date` property.
-- [`<is-land>` v5.0](https://github.com/11ty/is-land/releases/tag/v5.0.0) is a lazy loader for component code in any web site.
+- [`<is-land>` v5.0](https://github.com/11ty/is-land/releases/tag/v5.0.0) is a lazy loader for component code in any website.
 - [Eleventy Font Awesome v1.0](https://github.com/11ty/eleventy-plugin-font-awesome/releases/tag/v1.0.0) allows use of hyper-optimized tree-shaken Font Awesome SVG icons in Eleventy projects.
 - Pulling some dependencies in-house for maintenance and cleanup:
 	- [Recursive Copy v4.0](https://github.com/11ty/recursive-copy/releases/tag/v4.0.0) and [v5.0](https://github.com/11ty/recursive-copy/releases/tag/v5.0.0) (facilitates our passthrough copy feature)
diff --git a/src/blog/2026-03-03-build-awesome.md b/src/blog/2026-03-03-build-awesome.md
index 9cccafe481..609c1d3d24 100644
--- a/src/blog/2026-03-03-build-awesome.md
+++ b/src/blog/2026-03-03-build-awesome.md
@@ -15,7 +15,7 @@ We are following the same playbook for Eleventy! To support us, subscribe to the
 
 _Folks following along closely may have noticed the [_oopsie-daisy_ false-start fundraising campaign](https://blog.fontawesome.com/pausing-kickstarter/) earlier this week. Given a few email deliverability hiccups, folks not following along closely may [not know](https://blog.fontawesome.com/we-have-a-99-email-reputation-gmail-disagrees/) about the campaign at all! We are taking a mulligan._
 
-<a href="{{ config.kickstarterUrl }}" class="announcement-btn">{% include "components/ba-balloon.svg" %}Subscribe to the Build Awesome Kickstarter</a>
+<a href="{{ config.kickstarterUrl }}" class="btn-brand"><i class="fa-brands fa-build-awesome"></i>Subscribe to the Build Awesome Kickstarter</a>
 
 ## What does Build Awesome mean for Eleventy?
 
@@ -45,13 +45,13 @@ The Awesomeverse of projects have a straightforward business model and Font Awes
 
 For a bit of history, you can read about our Open Collective fundraising push in early 2024 in the blog post: [_Open Source Needs to be Financially Symbiotic_](https://www.zachleat.com/web/symbiotic-open-source/), which has some notes about our current Open Collective account. We also made a change last year to [permanently feature individuals that have contributed to Eleventy](https://www.zachleat.com/web/permanent-eleventy-facepile/) over the years in our site’s (very large) backer facepile.
 
-This account is still being used to pay for expenses related to the project: costs related to our web site, expenses for the Meetup (Zoom subscriptions), honorariums and other costs from the 11ty Conference (in 2024), as well as some recurring donations to some dependencies in our stack. If you have eligible expenses, please use the [Submit Expense button on Open Collective](https://opencollective.com/11ty) to get reimbursed!
+This account is still being used to pay for expenses related to the project: costs related to our website, expenses for the Meetup (Zoom subscriptions), honorariums and other costs from the 11ty Conference (in 2024), as well as some recurring donations to some dependencies in our stack. If you have eligible expenses, please use the [Submit Expense button on Open Collective](https://opencollective.com/11ty) to get reimbursed!
 
 This also includes hosting and domain costs for community resources! Even if they’re old expenses, please get those receipts in so we can reimburse you.
 
 But importantly, moving forward — the best way to support the project moving forward will be through the [Kickstarter campaign]({{ config.kickstarterUrl }}).
 
-<a href="{{ config.kickstarterUrl }}" class="announcement-btn">{% include "components/ba-balloon.svg" %}Subscribe to the Build Awesome Kickstarter</a>
+<a href="{{ config.kickstarterUrl }}" class="btn-brand"><i class="fa-brands fa-build-awesome"></i>Subscribe to the Build Awesome Kickstarter</a>
 
 If folks have questions about any of this, please send them my way! My DMs are open on [Mastodon](https://neighborhood.11ty.dev/@11ty) and [Bluesky](https://bsky.app/profile/11ty.dev).
 
diff --git a/src/blog/2026-04-21-collaborative-editing.md b/src/blog/2026-04-21-collaborative-editing.md
index 342fcf4c95..e83e76b49b 100644
--- a/src/blog/2026-04-21-collaborative-editing.md
+++ b/src/blog/2026-04-21-collaborative-editing.md
@@ -7,15 +7,15 @@ screenshotCacheBust: 1
 ---
 **TL;DR** After a [whoopsie-daisy false-start on our initial Kickstarter campaign](https://blog.fontawesome.com/pausing-kickstarter/), we’re ramping up again to launch [Kickstarter Final_FINAL_v2 on **April 28, 2026**](https://www.kickstarter.com/projects/fontawesome/build-awesome-pro?ref=43ttgb).
 
-<a href="{{ config.kickstarterUrl }}" class="announcement-btn elv-externalexempt">{% include "components/ba-balloon.svg" %}We’re improving how developers collaborate on the Open Web. Get notified on April 28th!</a>
+<a href="{{ config.kickstarterUrl }}" class="btn-brand elv-externalexempt"><i class="fa-brands fa-build-awesome"></i>We’re improving how developers collaborate on the Open Web. Get notified on April 28th!</a>
 
 We’ve noticed a few things:
 
-1. **Static sites are still the most resilient, robust, long-lasting, and secure architecture when building for the web.** Using a static architecture to reduce your attack surface is an investment in your peace of mind. You shouldn’t have to maintain security hypervigilance to run a web site.
+1. **Static sites are still the most resilient, robust, long-lasting, and secure architecture when building for the web.** Using a static architecture to reduce your attack surface is an investment in your peace of mind. You shouldn’t have to maintain security hypervigilance to run a website.
 1. Developers face _too much_ infrastructure lock-in when shipping dynamic features (_especially_ in the JavaScript tooling ecosystem). Perhaps you’ve been eyeing the [per-compute pricing on your serverless bill](https://www.zachleat.com/web/serverless-cost/) as bot traffic increases over time.
-1. Adding collaborative editing and content management features to your static web site requires more configuration work than it should to get up and running.
+1. Adding collaborative editing and content management features to your static website requires more configuration work than it should to get up and running.
 
-**Build Awesome Pro** is a new web site builder that attempts to solve each of these problems. Fast by default, durable over time, with way less dependency drama. Build Awesome Pro will feature:
+**Build Awesome Pro** is a new website builder that attempts to solve each of these problems. Fast by default, durable over time, with way less dependency drama. Build Awesome Pro will feature:
 
 1. Static output. Versioned in git. Build and deploy wherever you’d like.
 1. Bring your own project or choose from our curated list of starter templates. Have an Eleventy project? We’ll maintain full compatibility with existing Eleventy projects and the Eleventy ecosystem.
@@ -23,7 +23,7 @@ We’ve noticed a few things:
 
 Build Awesome Pro offers the option to add **collaborative editing to your project as an infrastructure-level Progressive Enhancement**.
 
-<a href="{{ config.kickstarterUrl }}" class="announcement-btn elv-externalexempt">{% include "components/ba-balloon.svg" %}Get notified (April 28th) on Kickstarter!</a>
+<a href="{{ config.kickstarterUrl }}" class="btn-brand elv-externalexempt"><i class="fa-brands fa-build-awesome"></i>Get notified (April 28th) on Kickstarter!</a>
 
 ## One Possible Editable API
 
@@ -80,13 +80,15 @@ This will render the template’s new `title` property in the data cascade (wher
 
 At some future time, if you decide that editing is no longer necessary for your project, your Build Awesome project will still build using the open source engine for hosting wherever you’d like, without any changes! **No lock-in, no shenanigans.**
 
-_Check out this [lower-level (developer-specific) example of full template editing and build-in-a-browser on our home page.](/#try-eleventy-in-your-browser)_
+_Check out this [lower-level (developer-specific) example of full template editing and build-in-a-browser on our home page.](/#try-build-awesome-in-your-browser)_
 
 ## Get notified — April 28!
 
 Build Awesome Pro is a better way to build and collaborate on websites! Convenient for developers and easy-to-use for the whole team: fast, flexible, and built to last.
 
-{% include "components/announcement.njk" %}
+<div>
+	<a href="{{ config.kickstarterUrl }}" class="brand-btn">Join the {{ kickstarterStats.backers }} backers of <i class="fa-brands fa-build-awesome"></i><span>Build Awesome Pro!</span><span class="btn-tag">Coming Soon</span></a>
+</div>
 
 _**Stay tuned: Build Awesome (11ty) v4 is coming** with that same great 11ty flavor you’re used to: more features with fewer dependencies and an ever-improving focus on build performance!_
 
diff --git a/src/blog/2026-04-28-build-awesome-pro.md b/src/blog/2026-04-28-build-awesome-pro.md
index 06941812c3..5e4270bbb7 100644
--- a/src/blog/2026-04-28-build-awesome-pro.md
+++ b/src/blog/2026-04-28-build-awesome-pro.md
@@ -4,10 +4,9 @@ sidebarTitle:
 eleventyNavigation:
   parent: Blog
 blogHighlight: true
-tags: sidebarHighlight
 screenshotCacheBust: 1
 ---
-We’re trying to make it easier for anyone to build, publish, and maintain web sites and today we’ve [launched a Kickstarter]({{ config.kickstarterUrl }}) with that goal in mind!
+We’re trying to make it easier for anyone to build, publish, and maintain websites and today we’ve [launched a Kickstarter]({{ config.kickstarterUrl }}) with that goal in mind!
 
 Where should you start?
 
@@ -19,17 +18,19 @@ We are so lucky to have the opportunity to build this project and _as always_ we
 
 _If you’re an 11ty Open Collective backer (active or otherwise), check your email for some secret tier rewards!_
 
-{% include "components/announcement.njk" %}
+<div>
+	<a href="{{ config.kickstarterUrl }}" class="brand-btn">Join the {{ kickstarterStats.backers }} backers of <i class="fa-brands fa-build-awesome"></i><span>Build Awesome Pro!</span><span class="btn-tag">Coming Soon</span></a>
+</div>
 
 ---
 
 You can also watch the video here:
 
 {# autoplay disabled #}
-<iframe loading="lazy" class="video-player" src="https://player.vimeo.com/video/1168551192?h=6ba669b3ff&amp;badge=0&amp;autopause=0&amp;player_id=0&amp;app_id=58479&amp;dnt=1" frameborder="0" allow="autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media; web-share" referrerpolicy="strict-origin-when-cross-origin" title="Now on Kickstarter: Build Awesome — Collaborate on Web Sites That Last"></iframe>
+<iframe loading="lazy" class="video-player" src="https://player.vimeo.com/video/1168551192?h=6ba669b3ff&amp;badge=0&amp;autopause=0&amp;player_id=0&amp;app_id=58479&amp;dnt=1" frameborder="0" allow="autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media; web-share" referrerpolicy="strict-origin-when-cross-origin" title="Now on Kickstarter: Build Awesome — Collaborate on Websites That Last"></iframe>
 
 - It’s the same video on the [Build Awesome Pro Kickstarter]({{ config.kickstarterUrl }}).
-- Or even on [YouTube: Now on Kickstarter: Build Awesome — Collaborate on Web Sites That Last](https://www.youtube.com/watch?v=G4Xm4lLmRgg)
+- Or even on [YouTube: Now on Kickstarter: Build Awesome — Collaborate on Websites That Last](https://www.youtube.com/watch?v=G4Xm4lLmRgg)
 
 ## Full Coverage
 
diff --git a/src/blog/2026-05-13-sponsorship-tiers.md b/src/blog/2026-05-13-sponsorship-tiers.md
index 6eb75df5ed..48c71cd0c8 100644
--- a/src/blog/2026-05-13-sponsorship-tiers.md
+++ b/src/blog/2026-05-13-sponsorship-tiers.md
@@ -3,7 +3,6 @@ newstitle: "New Sponsorship Tiers for the Build Awesome Kickstarter"
 sidebarTitle:
 eleventyNavigation:
   parent: Blog
-blogHighlight: true
 screenshotCacheBust: 1
 ---
 <a href="https://blog.fontawesome.com/new-build-awesome-sponsorship-tiers/" style="display: block; max-width: 16em;" class="elv-externalexempt">{% getScreenshotHtml "New Sponsorship Tiers for the Build Awesome Kickstarter", "https://blog.fontawesome.com/new-build-awesome-sponsorship-tiers/" %}</a>
@@ -12,7 +11,7 @@ We’ve added a bit more [information about the new sponsorship tiers for the Bu
 
 - Your company uses Eleventy currently or wants to support the Build Awesome platform moving forward.
 - You’re interested in getting your [**brand icon in the Font Awesome Icon library**](https://fontawesome.com/icons/packs/brands) (for everyone to use!).
-- You want to plaster your **sponsor logo across the Awesomeverse** (Build Awesome, Font Awesome, and Web Awesome web sites).
+- You want to plaster your **sponsor logo across the Awesomeverse** (Build Awesome, Font Awesome, and Web Awesome websites).
 
 If any of the above things apply to you, [have a look!](https://blog.fontawesome.com/new-build-awesome-sponsorship-tiers/)
 
diff --git a/src/blog/blog.md b/src/blog/blog.md
index 021f7ca330..90dc246a1f 100644
--- a/src/blog/blog.md
+++ b/src/blog/blog.md
@@ -14,6 +14,10 @@ eleventyImport:
 
 # Blog
 
+{% if buildawesome.env.runMode == "serve" %}
+{% callout "warn" %}Development warning: all <code>/blog/</code> pages (for this prerelease) redirect to 11ty.dev in production deploy.{% endcallout %}
+{% endif %}
+
 📢 [Subscribe to the **Eleventy News Feed**](/blog/feed.xml)
 
 _For extended Eleventy coverage, follow [`zachleat.com/web/eleventy`](https://www.zachleat.com/web/eleventy/)._
@@ -33,7 +37,7 @@ _For extended Eleventy coverage, follow [`zachleat.com/web/eleventy`](https://ww
 - <small><code>Apr<!-- 26 --> 2019</code></small> [CERN 2019 WorldWideWeb Rebuild]({{ "https://twitter.com/eleven_ty/status/1106589569238085637" | canonicalTwitterUrl }}) site rebuilt using Eleventy! <small><em> on 2019 March</em></small>
 - <small><code>Dec<!-- 11 --> 2018</code></small> [Turn Jekyll up to Eleventy—a lovely tutorial by {% communityavatar "paulrobertlloyd" %}Paul Robert Lloyd](https://24ways.org/2018/turn-jekyll-up-to-eleventy/)
 - <small><code>Nov<!-- 26 --> 2018</code></small> [Happy First Birthday, Eleventy! 🎉](https://www.zachleat.com/web/eleventy-birthday/) <small><em> on 2018 November 26</em></small>
-- <small><code>Sep<!-- --> 2018</code></small> [Google’s {% indieavatar "https://v8.dev/" %}V8 web site launches using Eleventy]({{ "https://twitter.com/v8js/status/1044202940494475265" | canonicalTwitterUrl }})
+- <small><code>Sep<!-- --> 2018</code></small> [Google’s {% indieavatar "https://v8.dev/" %}V8 website launches using Eleventy]({{ "https://twitter.com/v8js/status/1044202940494475265" | canonicalTwitterUrl }})
 - <small><code>May<!-- 23 --> 2018</code></small> James Williamson delivers [Eleventy’s mascot](https://web.archive.org/web/20200307013845/https://twitter.com/jameswillweb/status/999052022497316865), named Edison the Static-Generating Possum. <small><em>on 2018 May 23</em></small>
 - <small><code>Mar<!-- 26 --> 2018</code></small> [Eleventy wins Google Open Source Award](https://www.zachleat.com/web/google-award/)
 - <small><code>Feb<!-- 12 --> 2018</code></small> [Introducing Eleventy, a new Static Site Generator](https://www.zachleat.com/web/introducing-eleventy/)
diff --git a/src/css/fonts/BenchNine-Bold-kern-latin.woff2 b/src/css/fonts/BenchNine-Bold-kern-latin.woff2
deleted file mode 100644
index 30fc57d9b6..0000000000
Binary files a/src/css/fonts/BenchNine-Bold-kern-latin.woff2 and /dev/null differ
diff --git a/src/css/fonts/BenchNine-Bold.ttf b/src/css/fonts/BenchNine-Bold.ttf
deleted file mode 100755
index 14ff96b2cb..0000000000
Binary files a/src/css/fonts/BenchNine-Bold.ttf and /dev/null differ
diff --git a/src/css/fonts/BenchNine-Light.ttf b/src/css/fonts/BenchNine-Light.ttf
deleted file mode 100755
index 143ff0cfeb..0000000000
Binary files a/src/css/fonts/BenchNine-Light.ttf and /dev/null differ
diff --git a/src/css/fonts/BenchNine-Regular.ttf b/src/css/fonts/BenchNine-Regular.ttf
deleted file mode 100755
index a860a8bc60..0000000000
Binary files a/src/css/fonts/BenchNine-Regular.ttf and /dev/null differ
diff --git a/src/css/fonts/OFL.txt b/src/css/fonts/OFL.txt
deleted file mode 100755
index dd1216767c..0000000000
--- a/src/css/fonts/OFL.txt
+++ /dev/null
@@ -1,93 +0,0 @@
-Copyright (c) 2012, vernon adams (vern@newtypography.co.uk), with Reserved Font Name 'BenchNine'.
-
-This Font Software is licensed under the SIL Open Font License, Version 1.1.
-This license is copied below, and is also available with a FAQ at:
-http://scripts.sil.org/OFL
-
-
------------------------------------------------------------
-SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
------------------------------------------------------------
-
-PREAMBLE
-The goals of the Open Font License (OFL) are to stimulate worldwide
-development of collaborative font projects, to support the font creation
-efforts of academic and linguistic communities, and to provide a free and
-open framework in which fonts may be shared and improved in partnership
-with others.
-
-The OFL allows the licensed fonts to be used, studied, modified and
-redistributed freely as long as they are not sold by themselves. The
-fonts, including any derivative works, can be bundled, embedded, 
-redistributed and/or sold with any software provided that any reserved
-names are not used by derivative works. The fonts and derivatives,
-however, cannot be released under any other type of license. The
-requirement for fonts to remain under this license does not apply
-to any document created using the fonts or their derivatives.
-
-DEFINITIONS
-"Font Software" refers to the set of files released by the Copyright
-Holder(s) under this license and clearly marked as such. This may
-include source files, build scripts and documentation.
-
-"Reserved Font Name" refers to any names specified as such after the
-copyright statement(s).
-
-"Original Version" refers to the collection of Font Software components as
-distributed by the Copyright Holder(s).
-
-"Modified Version" refers to any derivative made by adding to, deleting,
-or substituting -- in part or in whole -- any of the components of the
-Original Version, by changing formats or by porting the Font Software to a
-new environment.
-
-"Author" refers to any designer, engineer, programmer, technical
-writer or other person who contributed to the Font Software.
-
-PERMISSION & CONDITIONS
-Permission is hereby granted, free of charge, to any person obtaining
-a copy of the Font Software, to use, study, copy, merge, embed, modify,
-redistribute, and sell modified and unmodified copies of the Font
-Software, subject to the following conditions:
-
-1) Neither the Font Software nor any of its individual components,
-in Original or Modified Versions, may be sold by itself.
-
-2) Original or Modified Versions of the Font Software may be bundled,
-redistributed and/or sold with any software, provided that each copy
-contains the above copyright notice and this license. These can be
-included either as stand-alone text files, human-readable headers or
-in the appropriate machine-readable metadata fields within text or
-binary files as long as those fields can be easily viewed by the user.
-
-3) No Modified Version of the Font Software may use the Reserved Font
-Name(s) unless explicit written permission is granted by the corresponding
-Copyright Holder. This restriction only applies to the primary font name as
-presented to the users.
-
-4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
-Software shall not be used to promote, endorse or advertise any
-Modified Version, except to acknowledge the contribution(s) of the
-Copyright Holder(s) and the Author(s) or with their explicit written
-permission.
-
-5) The Font Software, modified or unmodified, in part or in whole,
-must be distributed entirely under this license, and must not be
-distributed under any other license. The requirement for fonts to
-remain under this license does not apply to any document created
-using the Font Software.
-
-TERMINATION
-This license becomes null and void if any of the above conditions are
-not met.
-
-DISCLAIMER
-THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
-EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
-MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
-OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
-COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
-INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
-DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
-FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
-OTHER DEALINGS IN THE FONT SOFTWARE.
diff --git a/src/css/fonts/RobotoMono-Regular-kern-latin.woff2 b/src/css/fonts/RobotoMono-Regular-kern-latin.woff2
deleted file mode 100644
index f1f4a2d004..0000000000
Binary files a/src/css/fonts/RobotoMono-Regular-kern-latin.woff2 and /dev/null differ
diff --git a/src/css/fonts/RobotoMono-Regular-kern-latinext.woff2 b/src/css/fonts/RobotoMono-Regular-kern-latinext.woff2
deleted file mode 100644
index 1426e65ddf..0000000000
Binary files a/src/css/fonts/RobotoMono-Regular-kern-latinext.woff2 and /dev/null differ
diff --git a/src/css/fonts/RobotoMono-Regular.ttf b/src/css/fonts/RobotoMono-Regular.ttf
deleted file mode 100644
index 6df2b25360..0000000000
Binary files a/src/css/fonts/RobotoMono-Regular.ttf and /dev/null differ
diff --git a/src/css/fonts/subset.sh b/src/css/fonts/subset.sh
deleted file mode 100755
index 8f8835f060..0000000000
--- a/src/css/fonts/subset.sh
+++ /dev/null
@@ -1,8 +0,0 @@
-# pyftsubset "BenchNine-Bold.ttf" --output-file="BenchNine-Bold-kern-latin.woff2" --flavor=woff2 --layout-features=ccmp,locl,mark,mkmk,kern --no-hinting --desubroutinize --unicodes=U+20,U+45,U+61,U+63,U+65,U+67,U+69,U+6C-70,U+72-74,U+76,U+79
-
-# npm install datauri-cli -g
-# datauri BenchNine-Bold-kern-latin.woff2 --copy
-
-pyftsubset "BenchNine-Bold.ttf" --output-file="BenchNine-Bold-kern-latin.woff2" --flavor=woff2 --layout-features=ccmp,locl,mark,mkmk,kern --no-hinting --desubroutinize --unicodes=U+20-7E,U+D6,U+D8,U+E9,U+F4,U+F6,U+F8,U+15A,U+200B,U+2014,U+2019,U+2026
-pyftsubset "RobotoMono-Regular.ttf" --output-file="RobotoMono-Regular-kern-latin.woff2" --flavor=woff2 --layout-features=ccmp,locl,mark,mkmk,kern --no-hinting --desubroutinize --unicodes=U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
-pyftsubset "RobotoMono-Regular.ttf" --output-file="RobotoMono-Regular-kern-latinext.woff2" --flavor=woff2 --layout-features=ccmp,locl,mark,mkmk,kern --no-hinting --desubroutinize --unicodes=U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF
diff --git a/src/css/type/cera-round-pro-black.woff2 b/src/css/type/cera-round-pro-black.woff2
new file mode 100644
index 0000000000..e9080808d2
Binary files /dev/null and b/src/css/type/cera-round-pro-black.woff2 differ
diff --git a/src/css/type/cera-round-pro-bold.woff2 b/src/css/type/cera-round-pro-bold.woff2
new file mode 100644
index 0000000000..983167e957
Binary files /dev/null and b/src/css/type/cera-round-pro-bold.woff2 differ
diff --git a/src/css/type/cera-round-pro-medium-subset.woff2 b/src/css/type/cera-round-pro-medium-subset.woff2
new file mode 100644
index 0000000000..0823a281bb
Binary files /dev/null and b/src/css/type/cera-round-pro-medium-subset.woff2 differ
diff --git a/src/css/type/cera-round-pro-medium.woff2 b/src/css/type/cera-round-pro-medium.woff2
new file mode 100644
index 0000000000..8b97ec54b3
Binary files /dev/null and b/src/css/type/cera-round-pro-medium.woff2 differ
diff --git a/src/css/type/cera-round-pro-regular.woff2 b/src/css/type/cera-round-pro-regular.woff2
new file mode 100644
index 0000000000..3cfb92f4da
Binary files /dev/null and b/src/css/type/cera-round-pro-regular.woff2 differ
diff --git a/src/css/type/livory-regular.woff2 b/src/css/type/livory-regular.woff2
new file mode 100644
index 0000000000..477951e6f1
Binary files /dev/null and b/src/css/type/livory-regular.woff2 differ
diff --git a/src/docs/accessibility.md b/src/docs/accessibility.md
index ecc94983ad..744afcc943 100644
--- a/src/docs/accessibility.md
+++ b/src/docs/accessibility.md
@@ -5,7 +5,7 @@
 
 The Eleventy project recognizes that Accessibility is an incredibly important baseline to developing inclusive and quality software. On Eleventy web properties specifically, we aim to meet [WCAG 2.1 AA standards](https://www.w3.org/WAI/standards-guidelines/wcag/) and to support our development community to do the same.
 
-If you’ve encountered an issue with our web site—accessibility or otherwise—please let us know! The best way to do this is filing a [new GitHub issue on the `docs` repository](https://github.com/11ty/docs/issues).
+If you’ve encountered an issue with our website—accessibility or otherwise—please let us know! The best way to do this is filing a [new GitHub issue on the `docs` repository](https://github.com/11ty/docs/issues).
 
 We are also available on Mastodon at [eleventy](https://neighborhood.11ty.dev/@11ty) or feel free to contact [zachleat](https://fediverse.zachleat.com/@zachleat) directly.
 
diff --git a/src/docs/cjs-esm.md b/src/docs/cjs-esm.md
index 10eeb1c13f..19630a38a1 100644
--- a/src/docs/cjs-esm.md
+++ b/src/docs/cjs-esm.md
@@ -11,15 +11,15 @@ eleventyNavigation:
 
 * Related: [JavaScript Modules on MDN](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Modules)
 
-Eleventy works with many different flavors of JavaScript:
+Build Awesome works with many different flavors of JavaScript:
 
-- **CommonJS**: the original flavor of Node.js, for broadest compatibility with older versions of Node.js.
-- **ECMAScript Modules (ESM)** _(recommended)_: the new JavaScript standard for future-friendly code. This is most compatible with alternative JavaScript environments and runtimes (browsers, even!).
-- **[TypeScript](/docs/languages/typescript/)**: adds types to JavaScript. Typically requires transpilation but natively supported in Node.js (via type stripping in Node 22.6+) and Deno.
+- **CommonJS**: the original flavor supported in Node.js, use if you need the broadest compatibility with older versions of Node or Build Awesome (or Eleventy).
+- **ECMAScript Modules (ESM)** _(recommended)_: the new JavaScript standard for future-friendly code. This is most compatible with alternative JavaScript environments and runtimes (even web browsers).
+- **[TypeScript](/docs/languages/typescript/)**: adds types to JavaScript. Natively supported in Node.js (via type stripping in 22.6+) and Deno.
 
 ## Compatibility
 
-Eleventy is **compatible with ESM, CommonJS, and TypeScript** (with some runtime limitations). Note the following:
+Build Awesome is **compatible with ESM, CommonJS, and TypeScript** (with some runtime limitations). Note that Node defaults to CommonJS and Deno defaults to ESM:
 
 <table>
 	<thead>
@@ -32,13 +32,6 @@ Eleventy is **compatible with ESM, CommonJS, and TypeScript** (with some runtime
 		</tr>
 	</thead>
 	<tbody>
-		<tr>
-			<td><code>@11ty/eleventy</code> Compatibility</td>
-			<td><code>v0+</code></td>
-			<td><code>v3+</code></td>
-			<td><code>v3+</code> <small>(<a href="/docs/languages/typescript/#configuration">additional configuration</a> required)</small></td>
-			<td><code>v3+</code> <small>(<a href="/docs/languages/typescript/#configuration">additional configuration</a> required)</small></td>
-		</tr>
 		<!-- <tr>
 			<td>Exports</td>
 			<td><code>module.exports</code></td>
@@ -54,39 +47,25 @@ Eleventy is **compatible with ESM, CommonJS, and TypeScript** (with some runtime
 			<td><code>import</code></td>
 		</tr> -->
 		<tr>
-			<td><code>.js</code> files use (unless <code>package.json</code>→<code>type</code>)</td>
-			<td>✅ <code>.js</code> in Node.js</td>
-			<td>✅ <code>.js</code> in Deno</td>
-			<td>-</td>
-			<td>-</td>
-		</tr>
-		<tr>
-			<td><code>.ts</code> files use (unless <code>package.json</code>→<code>type</code>)</td>
-			<td>-</td>
-			<td>-</td>
-			<td>✅ <code>.ts</code> in Node.js</td>
-			<td>✅ <code>.ts</code> in Deno</td>
+			<td>Node.js defaults</td>
+			<td><code>.js</code> <code>.cjs</code></td>
+			<td><code>.mjs</code></td>
+			<td><code>.ts</code> <code>.cts</code></td>
+			<td><code>.mts</code></td>
 		</tr>
-		<!-- <tr>
-			<td>Implicit File Extension via <code>package.json</code>→<code>type</code></td>
-			<td><code>.js</code></td>
-			<td><code>.js</code></td>
-			<td><code>.ts</code></td>
-			<td><code>.ts</code></td>
-		</tr> -->
 		<tr>
-			<td>Explicit File Extension</td>
+			<td>Deno defaults</td>
 			<td><code>.cjs</code></td>
-			<td><code>.mjs</code></td>
+			<td><code>.js</code> <code>.mjs</code></td>
 			<td><code>.cts</code></td>
-			<td><code>.mts</code></td>
+			<td><code>.ts</code> <code>.mts</code></td>
 		</tr>
 		<!-- <tr>
 			<td>TypeScript File Extensions (Node 22.6+ or Deno)</td>
 			<td><code>.ts</code> <code>.cts</code></td>
 			<td><code>.ts</code> <code>.mts</code></td>
 		</tr> -->
-		<tr>
+		<!-- <tr>
 			<td>Node.js Compatibility</td>
 			<td>Node.js <code>*</code></td>
 			<td>Node.js <code>v12.20+</code></td>
@@ -99,11 +78,13 @@ Eleventy is **compatible with ESM, CommonJS, and TypeScript** (with some runtime
 			<td>Deno <code>*</code></td>
 			<td>Deno <code>v2+</code></td>
 			<td>Deno <code>*</code></td>
-		</tr>
+		</tr> -->
 	</tbody>
 </table>
 
-You can mix and match different flavors when using the following Eleventy project files and features:
+You can override the default flavor for `.js` and `.ts` files using a `type` property in your `package.json` file.
+
+You can mix and match different flavors when using the following project files and features:
 
 - [Configuration files](/docs/config/)
 - [JavaScript Data Files](/docs/data-js/)
@@ -112,18 +93,18 @@ You can mix and match different flavors when using the following Eleventy projec
 
 ## JavaScript Runtimes
 
-Eleventy has goals to broadly support the same module formats as your chosen [JavaScript runtime](/docs/javascript-runtime/).
+Build Awesome has goals to broadly support the same module formats as your chosen [JavaScript runtime](/docs/javascript-runtime/).
 
 ### Node.js and Deno
 
 CommonJS, ESM, and TypeScript are supported in Node.js and Deno.
 
-If you want to use ESM (in JavaScript or TypeScript) in your Eleventy (v3+) project, you can do this project-wide or incrementally on a per-file basis:
+If you want to use ESM (in JavaScript or TypeScript) in your project, you can do this project-wide or incrementally on a per-file basis:
 
 1. **Project-wide**: Adding `"type": "module"` in your `package.json`, which specifies that `.js` (and `.ts`) files use ESM (this is the default in Deno, swap back to CommonJS using `"type": "commonjs"`). When using ESM, use `.cjs` (or `.cts`) file extensions to mark individual files as CommonJS.
 1. **Individual files** (incremental migration): by using the `.mjs` (and `.mts`) file extension instead of `.js` you can change a single file to use ESM.
 
-**If your Eleventy project already uses CommonJS, you can keep using CommonJS**: using _ESM is not required_. Eleventy will continue to support CommonJS moving forward. Our docs include code snippets for both CommonJS and ESM.
+**If your Build Awesome or Eleventy project already uses CommonJS, you can keep using CommonJS**: using _ESM is not required_. We will continue to support CommonJS moving forward. Our docs include code snippets for both CommonJS and ESM.
 
 `.js`, `.cjs`, and `.mjs` file extensions are supported for [Configuration Files](/docs/config.md), [JavaScript Data Files](/docs/data-js.md) and [JavaScript (`.11ty.js`) templates](/docs/languages/javascript.md). With <a href="/docs/languages/typescript/#configuration">additional configuration</a>, you can use `.ts`, `.cts`, and `.mts` file extensions for TypeScript for these features as well.
 
@@ -135,13 +116,13 @@ Read more about [supported configuration file names](/docs/config.md#default-fil
 
 ### ESM Configuration
 
-Your [configuration file](/docs/config.md) using ESM can use Eleventy bundled plugins (like [i18n](/docs/plugins/i18n/), [Render](/docs/plugins/render/), [InputPath to URL](/docs/plugins/inputpath-to-url/), [`id` Attribute](/docs/plugins/id-attribute/) or [HTML `<base>`](/docs/plugins/html-base/)) directly:
+Your [configuration file](/docs/config.md) using ESM can use core bundled plugins (like [i18n](/docs/plugins/i18n/), [Render](/docs/plugins/render/), [InputPath to URL](/docs/plugins/inputpath-to-url/), [`id` Attribute](/docs/plugins/id-attribute/) or [HTML `<base>`](/docs/plugins/html-base/)) directly:
 
 {%- set codeBlock %}{% raw %}
 // Any combination of these
-import { I18nPlugin, RenderPlugin, HtmlBasePlugin } from "@11ty/eleventy";
+import { I18nPlugin, RenderPlugin, HtmlBasePlugin } from "@awesome.me/buildawesome";
 
-export default function (eleventyConfig) {
+export default function ($config) {
 	// …
 };
 {% endraw %}{%- endset %}
@@ -151,55 +132,22 @@ Note the use of `import` and `export default`.
 
 ### CommonJS Configuration
 
-If you use Eleventy bundled plugins (like [i18n](/docs/plugins/i18n/), [Render](/docs/plugins/render/), [InputPath to URL](/docs/plugins/inputpath-to-url/), [`id` Attribute](/docs/plugins/id-attribute/) or [HTML `<base>`](/docs/plugins/html-base/)), you have a few options to use Eleventy v3 in your [configuration file](/docs/config.md).
-
-Consider this CommonJS configuration file:
+If you use core bundled plugins (like [i18n](/docs/plugins/i18n/), [Render](/docs/plugins/render/), [InputPath to URL](/docs/plugins/inputpath-to-url/), [`id` Attribute](/docs/plugins/id-attribute/) or [HTML `<base>`](/docs/plugins/html-base/)) (or any ESM package, really), you can simply require the package directly in your [configuration file](/docs/config.md) as [`require(ESM)` is now natively supported in Node 20.19 and newer](https://nodejs.org/docs/latest/api/modules.html#loading-ecmascript-modules-using-require).
 
 {%- set codeBlock %}{% raw %}
-// This requires Node v20.19 or newer
-const { I18nPlugin, RenderPlugin, HtmlBasePlugin } = require("@11ty/eleventy");
+const { I18nPlugin, RenderPlugin, HtmlBasePlugin } = require("@awesome.me/buildawesome");
 
-module.exports = function (eleventyConfig) {
+module.exports = function ($config) {
 	// …
 };
 {% endraw %}{%- endset %}
 {{ codeBlock | highlight("js") | safe }}
 
-- Read more about [`require(ESM)` in Node.js](https://nodejs.org/docs/latest/api/modules.html#loading-ecmascript-modules-using-require)
-
-If you attempt to `require("@11ty/eleventy")` with Eleventy v3 in a version of Node that does not support it, we’ll throw a [very helpful error message which will provide you exact instructions on how to fix the issue](https://www.zachleat.com/web/future-friendly-esm/).
-
-#### CommonJS Configuration in Node 18
-
-For older versions of Node.js, you’ll need to use a dynamic `import()` instead of `require` (or change your configuration file to use ESM):
-
-{%- set codeBlock %}{% raw %}
-module.exports = async function (eleventyConfig) {
-	const { I18nPlugin, RenderPlugin, HtmlBasePlugin } = await import("@11ty/eleventy");
-	// …
-};
-{% endraw %}{%- endset %}
-{{ codeBlock | highlight("js") | safe }}
-
-Note the `async` configuration callback.
-
-#### Using ESM plugins in CommonJS Configuration
-
-_Remember, you can use `require` to import an ESM plugin in Node 20.19 and newer (and ignore this section)._
-
-But if you’re on an older version of Node, you can use ESM plugins in a CommonJS configuration file with dynamic import. Keep in mind that using default export as the plugin callback, you will need to use the special `default` property supplied from dynamic `import()`.
-
-{%- set codeBlock %}{% raw %}
-module.exports = async function (eleventyConfig) {
-	const { default: myPlugin } = await import("my-eleventy-plugin");
-	// …
-};
-{% endraw %}{%- endset %}
-{{ codeBlock | highlight("js") | safe }}
+If you attempt to `require("@awesome.me/buildawesome")` in a version of Node that does not support it, we’ll throw a [very helpful error message which will provide you exact instructions on how to fix the issue](https://www.zachleat.com/web/future-friendly-esm/).
 
 ### Plugins
 
-You can write your [Eleventy plugins](/docs/plugins.md) in CommonJS or ESM too. Which should you choose?
+You can write your [plugins](/docs/plugins.md) in CommonJS or ESM too. Which should you choose?
 
 <table>
   <thead>
@@ -210,7 +158,7 @@ You can write your [Eleventy plugins](/docs/plugins.md) in CommonJS or ESM too.
   </thead>
   <tbody>
     <tr>
-      <td>Okay with Eleventy 3+ and Node 20.19+ compatibility?</td>
+      <td>Okay with Build Awesome 4+, Eleventy 3+ and Node 20.19+ compatibility?</td>
       <td>Use ESM</td>
     </tr>
     <tr>
@@ -220,4 +168,4 @@ You can write your [Eleventy plugins](/docs/plugins.md) in CommonJS or ESM too.
   </tbody>
 </table>
 
-Notably, the same limitations documented above for Eleventy bundled plugins will apply to your plugin code as well!
+_It is not recommended to use TypeScript in plugin code as type stripping is not supported in Node.js’ `node_modules` folder._
diff --git a/src/docs/cms.md b/src/docs/cms.md
index 46b36e11b8..0f72d1b0bc 100644
--- a/src/docs/cms.md
+++ b/src/docs/cms.md
@@ -93,7 +93,7 @@ cmses:
 
 {% tableofcontents %}
 
-_Content Management Systems_ (CMS) add a web-based interface to your site, allowing both technical and non-technical folks the ability to easily update the web site on-the-go.
+_Content Management Systems_ (CMS) add a web-based interface to your site, allowing both technical and non-technical folks the ability to easily update the website on-the-go.
 
 Eleventy (like most site generators) is not tightly coupled to any specific CMS and offers the flexibility to work with a wide variety of available industry and community options! Content Management Systems decoupled in this way are known as _Headless_.
 
diff --git a/src/docs/collections-api.md b/src/docs/collections-api.md
index 355c177afc..4daa0c90e1 100644
--- a/src/docs/collections-api.md
+++ b/src/docs/collections-api.md
@@ -9,12 +9,12 @@ eleventyNavigation:
 
 To get fancier with your collections (and even do a bit of your own custom filtering, if you’d like), you can use our Configuration API.
 
-Inside of your `eleventy.config.js` config file, you can use the `addCollection` method:
+Inside of your `buildawesome.config.js` config file, you can use the `addCollection` method:
 
 {% set codeContent %}
-export default function (eleventyConfig) {
+export default function ($config) {
 	// async-friendly
-	eleventyConfig.addCollection("myCollectionName", async (collectionsApi) => {
+	$config.addCollection("myCollectionName", async (collectionsApi) => {
 		// get items
 		return collectionsApi.getAllSorted();
 	});
@@ -35,9 +35,9 @@ The data collection gets passed to the callback. You can use it in all sorts of
 Returns an array of items sorted by the [default sorting algorithm](/docs/collections/#sorting), just like they'd be sorted in a template.
 
 {% set codeContent %}
-export default function (eleventyConfig) {
+export default function ($config) {
 	// Use the default sorting algorithm (ascending by date, filename tiebreaker)
-	eleventyConfig.addCollection("allMySortedContent", function (collectionsApi) {
+	$config.addCollection("allMySortedContent", function (collectionsApi) {
 		return collectionsApi.getAllSorted();
 	});
 };
@@ -47,10 +47,10 @@ export default function (eleventyConfig) {
 #### Example: `getAllSorted().reverse()`
 
 {% set codeContent %}
-export default function (eleventyConfig) {
+export default function ($config) {
 	// Use the default sorting algorithm in reverse (descending dir, date, filename)
 	// Note that using a template engine’s `reverse` filter might be easier here
-	eleventyConfig.addCollection("myPostsReverse", function (collectionsApi) {
+	$config.addCollection("myPostsReverse", function (collectionsApi) {
 		return collectionsApi.getAllSorted().reverse();
 	});
 };
@@ -62,9 +62,9 @@ Note that while Array `.reverse()` mutates the array _in-place_, all Eleventy Co
 #### Example: `getAllSorted().filter()`
 
 {% set codeContent %}
-export default function (eleventyConfig) {
+export default function ($config) {
 	// Filter using `Array.filter`
-	eleventyConfig.addCollection("onlyMarkdown", function (collectionsApi) {
+	$config.addCollection("onlyMarkdown", function (collectionsApi) {
 		return collectionsApi.getAllSorted().filter(function (item) {
 			// Only return content that was originally a markdown file
 			let extension = item.inputPath.split(".").pop();
@@ -80,9 +80,9 @@ export default function (eleventyConfig) {
 Returns an array of items in arbitrary order. This is marginally faster than `getAllSorted()` if you don't need a particular ordering, but most of the time you'll want `getAllSorted` instead.
 
 {% set codeContent %}
-export default function (eleventyConfig) {
+export default function ($config) {
 	// Unsorted items (in whatever order they were added)
-	eleventyConfig.addCollection("allMyContent", function (collectionsApi) {
+	$config.addCollection("allMyContent", function (collectionsApi) {
 		return collectionsApi.getAll();
 	});
 };
@@ -92,9 +92,9 @@ export default function (eleventyConfig) {
 #### Example: `getAll().filter()`
 
 {% set codeContent %}
-export default function (eleventyConfig) {
+export default function ($config) {
 	// Filter using `Array.filter`
-	eleventyConfig.addCollection("keyMustExistInData", function (collectionsApi) {
+	$config.addCollection("keyMustExistInData", function (collectionsApi) {
 		return collectionsApi.getAll().filter(function (item) {
 			// Side-step tags and do your own filtering
 			return "myCustomDataKey" in item.data;
@@ -107,9 +107,9 @@ export default function (eleventyConfig) {
 #### Example: `getAll().sort()`
 
 {% set codeContent %}
-export default function (eleventyConfig) {
+export default function ($config) {
 	// Sort with `Array.sort`
-	eleventyConfig.addCollection("myCustomSort", function (collectionsApi) {
+	$config.addCollection("myCustomSort", function (collectionsApi) {
 		return collectionsApi.getAll().sort(function (a, b) {
 			//return a.date - b.date; // sort by date - ascending
 			return b.date - a.date; // sort by date - descending
@@ -131,9 +131,9 @@ Note that the last example adding the `myCustomSort` collection will be availabl
 Returns a sorted array.
 
 {% set codeContent %}
-export default function (eleventyConfig) {
+export default function ($config) {
 	// Get only content that matches a tag
-	eleventyConfig.addCollection("myPosts", function (collectionsApi) {
+	$config.addCollection("myPosts", function (collectionsApi) {
 		return collectionsApi.getFilteredByTag("post");
 	});
 };
@@ -145,9 +145,9 @@ export default function (eleventyConfig) {
 Retrieve content that includes _all_ of the tags passed in. Returns a sorted array.
 
 {% set codeContent %}
-export default function (eleventyConfig) {
+export default function ($config) {
 	// Get only content that matches a tag
-	eleventyConfig.addCollection(
+	$config.addCollection(
 		"myTravelPostsWithPhotos",
 		function (collectionsApi) {
 			return collectionsApi.getFilteredByTags("post", "travel", "photo");
@@ -170,16 +170,16 @@ Returns an array. Will match an arbitrary glob (or an array of globs) against th
 {% endcallout %}
 
 {% set codeContent %}
-export default function (eleventyConfig) {
-	eleventyConfig.addCollection("onlyMarkdown", function (collectionsApi) {
+export default function ($config) {
+	$config.addCollection("onlyMarkdown", function (collectionsApi) {
 		return collectionsApi.getFilteredByGlob("**/*.md");
 	});
 
-	eleventyConfig.addCollection("posts", function (collectionsApi) {
+	$config.addCollection("posts", function (collectionsApi) {
 		return collectionsApi.getFilteredByGlob("_posts/*.md");
 	});
 
-	eleventyConfig.addCollection("posts", function (collectionsApi) {
+	$config.addCollection("posts", function (collectionsApi) {
 		// Also accepts an array of globs!
 		return collectionsApi.getFilteredByGlob(["posts/*.md", "notes/*.md"]);
 	});
diff --git a/src/docs/collections.md b/src/docs/collections.md
index 946db40c94..7241358042 100644
--- a/src/docs/collections.md
+++ b/src/docs/collections.md
@@ -226,8 +226,8 @@ To sort descending in your template, you can use a filter to reverse the sort or
 This applies any time you use <code>reverse</code>, for example in a custom shortcode:
 
 {% set codeContent %}
-export default function (eleventyConfig) {
-	eleventyConfig.addShortcode("myShortcode", function (aCollection){
+export default function ($config) {
+	$config.addShortcode("myShortcode", function (aCollection){
 	  // WARNING
 	  aCollection.reverse();
 	})
diff --git a/src/docs/community.md b/src/docs/community.md
index 6688ad293c..052349ea96 100644
--- a/src/docs/community.md
+++ b/src/docs/community.md
@@ -16,8 +16,8 @@ eleventyNavigation:
 
 ## <span class="numberflag"><span class="sr-only">Step</span> {{ count }}</span> Participate
 
-- **Build something**—join the [{{ authors | length }} developers building with Eleventy](/authors/).
-  - Want to brave the [Eleventy Leaderboards](/speedlify/) and track the Lighthouse scores of your web site over time? [Add your site to the `11ty-community` repo](/docs/leaderboards-add/)!
+- **Build something**—join the [{{ authors | length }} developers that have added sites to the Built Awesome showcase](/authors/).
+  - Want to brave the [Eleventy Leaderboards](/speedlify/) and track the Lighthouse scores of your website over time? [Add your site to the `11ty-community` repo](/docs/leaderboards-add/)!
   - It’s also helpful if you add [`<meta name="generator">` to your existing Eleventy project](/docs/data-eleventy-supplied/#use-with-meta-namegenerator).
 - **Ask a question, answer a question**: We welcome questions from people of all experience levels on [Discord](/blog/discord/), [GitHub Discussions](https://github.com/11ty/eleventy/discussions), and the [issue tracker](https://github.com/11ty/eleventy/issues). We _really_ appreciate help answering those questions too!
 - **Tell a friend!** Our project doesn’t have a big marketing budget so we rely on word of mouth!
@@ -40,9 +40,9 @@ eleventyNavigation:
 
 ## <span class="numberflag"><span class="sr-only">Step</span> {{ count }}</span> Go Pro
 
-We’re going to Kickstarter to fund a suite of Pro tools for folks wanting a streamling building and content editing experience. Subscribe to the pre-launch of the [**Build Awesome Kickstarter**]({{ config.kickstarterUrl }}) to get notified when the Kickstarter launches.
+We’re going to Kickstarter to fund a suite of Pro tools for folks wanting a streamling building and content editing experience. Watch for updates to the [**Build Awesome Kickstarter**]({{ config.kickstarterUrl }}) to get notified when we launch!
 
-<a href="{{ config.kickstarterUrl }}" class="announcement-btn">{% include "components/ba-balloon.svg" %}Subscribe to the Build Awesome Kickstarter</a>
+<a href="{{ config.kickstarterUrl }}" class="btn-brand"><i class="fa-brands fa-build-awesome"></i>Build Awesome Pro Kickstarter</a>
 
 {% set count = count + 1 %}
 
@@ -50,7 +50,7 @@ We’re going to Kickstarter to fund a suite of Pro tools for folks wanting a st
 
 Eleventy is supported by [folks <strong>like {% emoji "👋" %} you</strong>](/docs/supporters/) that want to invest in better, longer lasting tools to create on the web.
 
-<a href="https://opencollective.com/11ty" class="announcement-btn">Contribute on Open Collective</a>
+<a href="https://opencollective.com/11ty" class="btn-brand">Contribute on Open Collective</a>
 
 As a thank you to our Supporters, Eleventy will:
 
diff --git a/src/docs/config-preprocessors.md b/src/docs/config-preprocessors.md
index e795963a12..b2bc495cdd 100644
--- a/src/docs/config-preprocessors.md
+++ b/src/docs/config-preprocessors.md
@@ -14,8 +14,8 @@ eleventyNavigation:
 The Preprocessor Configuration API allows you to intercept and modify the content in template files (_not_ [Layouts](/docs/layouts.md)) before they’re processed and rendered by Eleventy.
 
 {% set codeContent %}
-export default function (eleventyConfig) {
-  eleventyConfig.addPreprocessor("drafts", "njk,md,liquid", (data, content) => {
+export default function ($config) {
+  $config.addPreprocessor("drafts", "njk,md,liquid", (data, content) => {
 		if(data.draft) {
 			// Ignore this file.
 			return false;
@@ -34,7 +34,7 @@ export default function (eleventyConfig) {
 * The second argument can be:
 	* a `String` of comma separated file extensions
 	* an `Array<String>` of file extensions
-* Returning `false` will ignores the template in the same way as using [`eleventyConfig.ignores` or `.eleventyignore`](/docs/ignores.md)
+* Returning `false` will ignores the template in the same way as using [`$config.ignores` or `.eleventyignore`](/docs/ignores.md)
 * Returning nothing or `undefined` has no effect (unlike [Transforms](/docs/transforms.md))
 
 _Originally [GitHub Issue #188](https://github.com/11ty/eleventy/issues/188#issuecomment-2224060755)._
@@ -48,8 +48,8 @@ Set `draft: true` anywhere in a file’s [data cascade](/docs/data-cascade/) and
 You might imagine how this could be extended to add a publishing date feature too: to exclude content from builds before a specific date set in a post’s front matter (or elsewhere in the data cascade).
 
 {% set codeContent %}
-export default function (eleventyConfig) {
-  eleventyConfig.addPreprocessor("drafts", "*", (data, content) => {
+export default function ($config) {
+  $config.addPreprocessor("drafts", "*", (data, content) => {
 		if(data.draft && process.env.ELEVENTY_RUN_MODE === "build") {
 			return false;
 		}
diff --git a/src/docs/config-shapes.md b/src/docs/config-shapes.md
index c864443bf0..87c881cc49 100644
--- a/src/docs/config-shapes.md
+++ b/src/docs/config-shapes.md
@@ -21,7 +21,7 @@ You can learn more about the [default file names for configuration files](/docs/
 Instead of exporting a `config` object with your static options, you _can_ return this same object in your configuration callback (though it is **not preferred** for order-of-operations reasons).
 
 {% set codeContent %}
-export default async function(eleventyConfig) {
+export default async function($config) {
 	return {
     dir: {
       input: "views",
diff --git a/src/docs/config.md b/src/docs/config.md
index 9fc972c15f..83abc990e5 100644
--- a/src/docs/config.md
+++ b/src/docs/config.md
@@ -10,16 +10,16 @@ eleventyNavigation:
 
 {% tableofcontents %}
 
-Configuration files are optional. Add an `eleventy.config.js` file to the root directory of your project (read more about [default configuration filenames](#default-filenames)) to configure Eleventy to your own project’s needs. It might look like this:
+Configuration files are optional. Add an `buildawesome.config.js` file to the root directory of your project (read more about [default configuration filenames](#default-filenames)) to configure Build Awesome to your own project’s needs. It might look like this:
 
 {% set codeContent %}
-export default async function(eleventyConfig) {
-	// Configure Eleventy
+export default async function($config) {
+	// Configure using $config
 };
 {% endset %}
 {% include "snippets/configDefinitionEager.njk" %}
 
-There are a few different ways to [shape your configuration file](/docs/config-shapes/). {% addedin "3.0.0-alpha.1" %}Eleventy v3 added support for both ESM and Asynchronous callbacks.
+There are a few different ways to [shape your configuration file](/docs/config-shapes/). {% addedin "3.0.0-alpha.1" %}Build Awesome supports [CommonJS, ESM, TypeScript](/docs/cjs-esm/) (and Asynchronous callbacks in each).
 
 
 - Add [Filters](/docs/filters/).
@@ -35,10 +35,19 @@ There are a few different ways to [shape your configuration file](/docs/config-s
 
 We look for the following configuration files:
 
+1. `buildawesome.config.js` (Recommended) {% addedin "4.0.0-alpha.8" %}
+1. `buildawesome.config.mjs` {% addedin "4.0.0-alpha.8" %}
+1. `buildawesome.config.cjs` {% addedin "4.0.0-alpha.8" %}
+1. `buildawesome.config.ts` {% addedin "4.0.0-alpha.8" %}
+1. `buildawesome.config.mts` {% addedin "4.0.0-alpha.8" %}
+1. `buildawesome.config.cts` {% addedin "4.0.0-alpha.8" %}
 1. `.eleventy.js`
 1. `eleventy.config.js` {% addedin "2.0.0-canary.15" %}
 1. `eleventy.config.mjs` {% addedin "3.0.0-alpha.1" %}
 1. `eleventy.config.cjs` {% addedin "2.0.0-canary.15" %}
+1. `eleventy.config.ts` {% addedin "4.0.0-alpha.7" %}
+1. `eleventy.config.mts` {% addedin "4.0.0-alpha.7" %}
+1. `eleventy.config.cts` {% addedin "4.0.0-alpha.7" %}
 
 The first configuration file found is used. The others are ignored.
 
@@ -57,23 +66,23 @@ Controls the top level directory/file/glob that we’ll use to look for template
 | _Object Key_            | `dir.input`               |
 | _Default Value_         | `.` _(current directory)_ |
 | _Valid Options_         | Any valid directory.      |
-| _Configuration API_     | `eleventyConfig.setInputDirectory()` {% addedin "3.0.0-alpha.6" %} |
+| _Configuration API_     | `$config.setInputDirectory()` {% addedin "3.0.0-alpha.6" %} |
 | _Command Line Override_ | `--input`                 |
 
 #### Command Line
 
 {% set codeBlock %}
 # The current directory
-npx @11ty/eleventy --input=.
+npx @awesome.me/buildawesome --input=.
 
 # A single file
-npx @11ty/eleventy --input=README.md
+npx @awesome.me/buildawesome --input=README.md
 
 # A glob of files
-npx @11ty/eleventy --input=*.md
+npx @awesome.me/buildawesome --input=*.md
 
 # A subdirectory
-npx @11ty/eleventy --input=views
+npx @awesome.me/buildawesome --input=views
 {% endset %}
 {{ codeBlock | highlight("bash") | safe }}
 
@@ -86,9 +95,9 @@ Via named export (order doesn’t matter). Note that there are many [different s
 Or via method (not available in plugins) {% addedin "3.0.0-alpha.6" %}:
 
 {% set codeContent %}
-export default function(eleventyConfig) {
+export default function($config) {
 	// Order matters, put this at the top of your configuration file.
-  eleventyConfig.setInputDirectory("views");
+  $config.setInputDirectory("views");
 };
 {% endset %}
 {% include "snippets/configDefinition.njk" %}
@@ -102,7 +111,7 @@ The includes directory is meant for [Eleventy layouts](/docs/layouts/), include
 | _Object Key_            | `dir.includes`                                                                |
 | _Default_               | `_includes`                                                                   |
 | _Valid Options_         | Any valid directory inside of `dir.input` (an empty string `""` is supported) |
-| _Configuration API_     | `eleventyConfig.setIncludesDirectory()` {% addedin "3.0.0-alpha.6" %} |
+| _Configuration API_     | `$config.setIncludesDirectory()` {% addedin "3.0.0-alpha.6" %} |
 | _Command Line Override_ | _None_                                                                        |
 
 
@@ -113,10 +122,10 @@ Via named export (order doesn’t matter). Note that there are many [different s
 Or via method (not available in plugins) {% addedin "3.0.0-alpha.6" %}:
 
 {% set codeContent %}
-export default function(eleventyConfig) {
+export default function($config) {
 	// Order matters, put this at the top of your configuration file.
 	// This is relative to your input directory!
-  eleventyConfig.setIncludesDirectory("my_includes");
+  $config.setIncludesDirectory("my_includes");
 };
 {% endset %}
 {% include "snippets/configDefinition.njk" %}
@@ -136,7 +145,7 @@ This configuration option is optional but useful if you want your [Eleventy layo
 | _Object Key_            | `dir.layouts`                                                                 |
 | _Default_               | _The value in `dir.includes`_                                                 |
 | _Valid Options_         | Any valid directory inside of `dir.input` (an empty string `""` is supported) |
-| _Configuration API_     | `eleventyConfig.setLayoutsDirectory()` {% addedin "3.0.0-alpha.6" %} |
+| _Configuration API_     | `$config.setLayoutsDirectory()` {% addedin "3.0.0-alpha.6" %} |
 | _Command Line Override_ | _None_                                                                        |
 
 Via named export (order doesn’t matter). Note that there are many [different shapes of configuration file](/docs/config-shapes.md).
@@ -146,10 +155,10 @@ Via named export (order doesn’t matter). Note that there are many [different s
 Or via method (not available in plugins) {% addedin "3.0.0-alpha.6" %}:
 
 {% set codeContent %}
-export default function(eleventyConfig) {
+export default function($config) {
 	// Order matters, put this at the top of your configuration file.
 	// This is relative to your input directory!
-  eleventyConfig.setLayoutsDirectory("_layouts");
+  $config.setLayoutsDirectory("_layouts");
 };
 {% endset %}
 {% include "snippets/configDefinition.njk" %}
@@ -163,7 +172,7 @@ Controls the directory inside which the global data template files, available to
 | _Object Key_            | `dir.data`                                |
 | _Default_               | `_data`                                   |
 | _Valid Options_         | Any valid directory inside of `dir.input` |
-| _Configuration API_     | `eleventyConfig.setDataDirectory()` {% addedin "3.0.0-alpha.6" %} |
+| _Configuration API_     | `$config.setDataDirectory()` {% addedin "3.0.0-alpha.6" %} |
 | _Command Line Override_ | _None_                                    |
 
 Via named export (order doesn’t matter). Note that there are many [different shapes of configuration file](/docs/config-shapes.md).
@@ -173,9 +182,9 @@ Via named export (order doesn’t matter). Note that there are many [different s
 Or via method (not available in plugins) {% addedin "3.0.0-alpha.6" %}:
 
 {% set codeContent %}
-export default function(eleventyConfig) {
+export default function($config) {
 	// Order matters, put this at the top of your configuration file.
-  eleventyConfig.setDataDirectory("lore");
+  $config.setDataDirectory("lore");
 };
 {% endset %}
 {% include "snippets/configDefinition.njk" %}
@@ -189,12 +198,12 @@ Controls the directory inside which the finished templates will be written to.
 | _Object Key_            | `dir.output`                                                                              |
 | _Default_               | `_site`                                                                                   |
 | _Valid Options_         | Any string that will work as a directory name. Eleventy creates this if it doesn’t exist. |
-| _Configuration API_     | `eleventyConfig.setOutputDirectory()` {% addedin "3.0.0-alpha.6" %} |
+| _Configuration API_     | `$config.setOutputDirectory()` {% addedin "3.0.0-alpha.6" %} |
 | _Command Line Override_ | `--output`                                                                                |
 
 #### Command Line
 
-{{ "npx @11ty/eleventy --output=_site" | highlight("bash") | safe }}
+{{ "npx @awesome.me/buildawesome --output=_site" | highlight("bash") | safe }}
 
 #### Configuration
 
@@ -205,9 +214,9 @@ Via named export (order doesn’t matter). Note that there are many [different s
 Or via method (not available in plugins) {% addedin "3.0.0-alpha.6" %}:
 
 {% set codeContent %}
-export default function(eleventyConfig) {
+export default function($config) {
 	// Order matters, put this at the top of your configuration file.
-  eleventyConfig.setOutputDirectory("dist");
+  $config.setOutputDirectory("dist");
 };
 {% endset %}
 {% include "snippets/configDefinition.njk" %}
@@ -257,7 +266,7 @@ Specify which types of templates should be transformed.
 #### Command Line
 
 ```
-npx @11ty/eleventy --formats=html,liquid,njk
+npx @awesome.me/buildawesome --formats=html,liquid,njk
 ```
 
 #### Configuration File Static Export
@@ -269,16 +278,16 @@ There are many [different shapes of configuration file](/docs/config-shapes.md).
 #### Configuration API
 
 {% set codeContent %}
-export default function (eleventyConfig) {
+export default function ($config) {
 	// Reset to this value
-	eleventyConfig.setTemplateFormats("html,liquid,njk");
+	$config.setTemplateFormats("html,liquid,njk");
 
 	// Additive to existing
-	eleventyConfig.addTemplateFormats("pug,haml");
+	$config.addTemplateFormats("pug,haml");
 
 	// Or:
-	// eleventyConfig.setTemplateFormats([ "html", "liquid", "njk" ]);
-	// eleventyConfig.addTemplateFormats([ "pug", "haml" ]);
+	// $config.setTemplateFormats([ "html", "liquid", "njk" ]);
+	// $config.addTemplateFormats([ "pug", "haml" ]);
 };
 {% endset %}
 {% include "snippets/configDefinition.njk" %}
@@ -294,8 +303,8 @@ In order to maximize user-friendliness to beginners, Eleventy will show each fil
 | _Command Line Override_ | `--quiet`         |
 
 {% set codeContent %}
-export default function (eleventyConfig) {
-	eleventyConfig.setQuietMode(true);
+export default function ($config) {
+	$config.setQuietMode(true);
 };
 {% endset %}
 {% include "snippets/configDefinition.njk" %}
@@ -303,7 +312,7 @@ export default function (eleventyConfig) {
 The command line will override any setting in configuration:
 
 ```bash
-npx @11ty/eleventy --quiet
+npx @awesome.me/buildawesome --quiet
 ```
 
 ### Deploy to a subdirectory with a Path Prefix
@@ -322,7 +331,7 @@ If your site lives in a different subdirectory (particularly useful with GitHub
 Deploy to https://11ty.github.io/eleventy-base-blog/ on GitHub pages without modifying your config. This allows you to use the same code-base to deploy to either GitHub pages or Netlify, like the [`eleventy-base-blog`](https://github.com/11ty/eleventy-base-blog) project does.
 
 ```bash
-npx @11ty/eleventy --pathprefix=eleventy-base-blog
+npx @awesome.me/buildawesome --pathprefix=eleventy-base-blog
 ```
 
 ### Change Base File Name for Data Files
@@ -337,9 +346,9 @@ npx @11ty/eleventy --pathprefix=eleventy-base-blog
 | _Command Line Override_ | _None_                |
 
 {% set codeContent %}
-export default function (eleventyConfig) {
+export default function ($config) {
 	// Looks for index.json and index.11tydata.json instead of using folder names
-	eleventyConfig.setDataFileBaseName("index");
+	$config.setDataFileBaseName("index");
 };
 {% endset %}
 {% include "snippets/configDefinition.njk" %}
@@ -362,15 +371,15 @@ This feature can also be used to disable Template and Directory Data Files altog
 Read more about [Template and Directory Specific Data Files](/docs/data-template-dir/).
 
 {% set codeContent %}
-export default function (eleventyConfig) {
+export default function ($config) {
 	// e.g. file.json and file.11tydata.json
-	eleventyConfig.setDataFileSuffixes([".11tydata", ""]);
+	$config.setDataFileSuffixes([".11tydata", ""]);
 
 	// e.g. file.11tydata.json
-	eleventyConfig.setDataFileSuffixes([".11tydata"]);
+	$config.setDataFileSuffixes([".11tydata"]);
 
 	// No data files are used.
-	eleventyConfig.setDataFileSuffixes([]);
+	$config.setDataFileSuffixes([]);
 };
 {% endset %}
 {% include "snippets/configDefinition.njk" %}
@@ -381,7 +390,7 @@ export default function (eleventyConfig) {
 Prior to {{ "2.0.0-canary.19" | coerceVersion }} this feature was exposed using a `jsDataFileSuffix` property in the configuration return object. When the `setDataFileSuffixes` method has not been used, Eleventy maintains backwards compatibility for old projects by using this property as a fallback.
 
 {% set codeContent %}
-export default function (eleventyConfig) {
+export default function ($config) {
 	return {
 		jsDataFileSuffix: ".11tydata",
 	};
@@ -407,9 +416,9 @@ Similar to Transforms, Linters are provided to analyze a template’s output wit
 | _Command Line Override_ | _None_            |
 
 {% set codeContent %}
-export default function (eleventyConfig) {
+export default function ($config) {
 	// Sync or async
-	eleventyConfig.addLinter("linter-name", async function (content) {
+	$config.addLinter("linter-name", async function (content) {
 		console.log(this.inputPath);
 		console.log(this.outputPath);
 
@@ -428,11 +437,11 @@ Inspired by the [CSS Tricks post _Words to Avoid in Educational Writing_](https:
 
 This example has been packaged as a plugin in [`eleventy-plugin-inclusive-language`](/docs/plugins/inclusive-language.md).
 
-{% codetitle "eleventy.config.js" %}
+{% codetitle "buildawesome.config.js" %}
 
 ```js
-export default function (eleventyConfig) {
-	eleventyConfig.addLinter(
+export default function ($config) {
+	$config.addLinter(
 		"inclusive-language",
 		function (content, inputPath, outputPath) {
 			let words =
@@ -462,12 +471,12 @@ export default function (eleventyConfig) {
 
 {% addedin "1.0.0" %}<!-- Beta 4 -->
 
-A `Set` of [`lodash` selectors](https://lodash.com/docs/4.17.15#get) that allow you to include data from the data cascade in the output from `--to=json`, `--to=ndjson`.
+A `Set` of [`lodash` selectors](https://lodash.com/docs/4.17.15#get) that allow you to include data from the data cascade in the output from `--to=json`.
 
 {% set codeContent %}
-export default function (eleventyConfig) {
-	eleventyConfig.dataFilterSelectors.add("page");
-	eleventyConfig.dataFilterSelectors.delete("page");
+export default function ($config) {
+	$config.dataFilterSelectors.add("page");
+	$config.dataFilterSelectors.delete("page");
 };
 {% endset %}
 {% include "snippets/configDefinition.njk" %}
@@ -479,8 +488,8 @@ This will now include a `data` property in your JSON output that includes the `p
 This may enable some extra autocomplete features in your IDE (where supported).
 
 {% set codeContent %}
-/** @param {import("@11ty/eleventy").UserConfig} eleventyConfig */
-export default function (eleventyConfig) {
+/** @param {import("@awesome.me/buildawesome").UserConfig} $config */
+export default function ($config) {
 	// …
 };
 {% endset %}
diff --git a/src/docs/copy.md b/src/docs/copy.md
index 271443e447..c4e481d2ef 100644
--- a/src/docs/copy.md
+++ b/src/docs/copy.md
@@ -19,19 +19,19 @@ If we want to copy additional files that are not Eleventy templates, we use a fe
 Use a configuration API method to specify _files_ or _directories_ for Eleventy to copy to the output folder.
 
 {% set codeContent %}
-export default function (eleventyConfig) {
+export default function ($config) {
 	// Output directory: _site
 
 	// Copy `img/` to `_site/img/`
-	eleventyConfig.addPassthroughCopy("img");
+	$config.addPassthroughCopy("img");
 
 	// Copy `css/fonts/` to `_site/css/fonts/`
 	// Keeps the same directory structure.
-	eleventyConfig.addPassthroughCopy("css/fonts");
+	$config.addPassthroughCopy("css/fonts");
 
 	// Copy any .jpg file to `_site`, via Glob pattern
 	// Keeps the same directory structure.
-	eleventyConfig.addPassthroughCopy("**/*.jpg");
+	$config.addPassthroughCopy("**/*.jpg");
 };
 {% endset %}
 {% include "snippets/configDefinition.njk" %}
@@ -52,12 +52,12 @@ For example:
 If we copy `src/img` using passthrough file copy, it will copy to `_site/img`.
 
 {% set codeContent %}
-export default function (eleventyConfig) {
+export default function ($config) {
 	// Input directory: src
 	// Output directory: _site
 
 	// The following copies to `_site/img`
-	eleventyConfig.addPassthroughCopy("src/img");
+	$config.addPassthroughCopy("src/img");
 };
 {% endset %}
 {% include "snippets/configDefinition.njk" %}
@@ -69,9 +69,9 @@ In this example, we copy all `jpg` image files to the output folder, maintaining
 Note that this method is slower than non-glob methods, as it searches the entire directory structure and copies each file individually.
 
 {% set codeContent %}
-export default function (eleventyConfig) {
+export default function ($config) {
 	// Find and copy any `jpg` files, maintaining directory structure.
-	eleventyConfig.addPassthroughCopy("**/*.jpg");
+	$config.addPassthroughCopy("**/*.jpg");
 };
 {% endset %}
 {% include "snippets/configDefinition.njk" %}
@@ -86,9 +86,9 @@ With an output directory of `_site`:
 Use the _HTML Relative Passthrough Copy Mode_ to copy files referenced in any template syntax that outputs to `.html`. [Issue #3573](https://github.com/11ty/eleventy/pull/3573)
 
 {% set codeContent %}
-export default function(eleventyConfig) {
+export default function($config) {
 	// Relative to the project root directory
-	eleventyConfig.addPassthroughCopy("content/**/*.mp4", {
+	$config.addPassthroughCopy("content/**/*.mp4", {
 		mode: "html-relative"
 	});
 }
@@ -99,9 +99,9 @@ export default function(eleventyConfig) {
 <summary><strong>Full options list</strong></summary>
 
 {% set codeContent %}
-export default async function(eleventyConfig) {
+export default async function($config) {
 	// glob or Array of globs to match for copy
-	eleventyConfig.addPassthroughCopy("**/*.png", {
+	$config.addPassthroughCopy("**/*.png", {
 		mode: "html-relative",
 		paths: [], // additional fallback directories to look for source files
 		failOnError: true, // throw an error when a path matches (via `match`) but not found on file system
@@ -133,18 +133,18 @@ As a few example paths, with an output directory of `_site`:
 Instead of a string, pass in an object of the following structure: `{ "input": "target" }`.
 
 {% set codeContent %}
-export default function (eleventyConfig) {
+export default function ($config) {
 	// Input directory: src
 	// Output directory: _site
 
 	// Copy `img/` to `_site/subfolder/img`
-	eleventyConfig.addPassthroughCopy({ img: "subfolder/img" });
+	$config.addPassthroughCopy({ img: "subfolder/img" });
 
 	// Copy `src/img/` to `_site/subfolder/img`
-	eleventyConfig.addPassthroughCopy({ "src/img": "subfolder/img" });
+	$config.addPassthroughCopy({ "src/img": "subfolder/img" });
 
 	// Copy `random-folder/img/` to `_site/subfolder/img`
-	eleventyConfig.addPassthroughCopy({ "random-folder/img": "subfolder/img" });
+	$config.addPassthroughCopy({ "random-folder/img": "subfolder/img" });
 };
 {% endset %}
 {% include "snippets/configDefinition.njk" %}
@@ -154,12 +154,12 @@ export default function (eleventyConfig) {
 Note that this method is slower than non-glob methods, as it is searching the entire directory structure and copies each file in Eleventy individually.
 
 {% set codeContent %}
-export default function (eleventyConfig) {
+export default function ($config) {
 	// Output directory: _site
 
 	// Find and copy any `jpg` files in any folder to _site/img
 	// Does not keep the same directory structure.
-	eleventyConfig.addPassthroughCopy({ "**/*.jpg": "img" });
+	$config.addPassthroughCopy({ "**/*.jpg": "img" });
 };
 {% endset %}
 {% include "snippets/configDefinition.njk" %}
@@ -181,9 +181,9 @@ Practically speaking, this means that (during `--serve` only!) files are referen
 You can enable this behavior in your project using this configuration API method:
 
 {% set codeContent %}
-export default function (eleventyConfig) {
+export default function ($config) {
 	// the default is "copy"
-	eleventyConfig.setServerPassthroughCopyBehavior("passthrough");
+	$config.setServerPassthroughCopyBehavior("passthrough");
 };
 {% endset %}
 {% include "snippets/configDefinition.njk" %}
@@ -206,8 +206,8 @@ Eleventy, by default, searches for any file in the input directory with a file e
 If a file format is not recognized by Eleventy as a template file extension, Eleventy will ignore the file. You can modify this behavior by adding supported template formats:
 
 {% set codeContent %}
-export default function (eleventyConfig) {
-	eleventyConfig.setTemplateFormats([
+export default function ($config) {
+	$config.setTemplateFormats([
 		"md",
 		"css", // `css` is not a registered template syntax file extension
 	]);
@@ -226,12 +226,12 @@ You might use this for images by adding `"jpg"`, `"png"`, or even `"webp"`.
 Additionally, you can pass additional configuration options to the `recursive-copy` package. This unlocks the use passthrough file copy with symlinks, transforming or renaming copied files. Here are just a few examples:
 
 {% set codeContent %}
-export default function (eleventyConfig) {
-	eleventyConfig.addPassthroughCopy("img", {
+export default function ($config) {
+	$config.addPassthroughCopy("img", {
 		expand: true, // expand symbolic links
 	});
 
-	eleventyConfig.addPassthroughCopy({ img: "subfolder/img" }, {
+	$config.addPassthroughCopy({ img: "subfolder/img" }, {
 		debug: true, // log debug information
 	});
 };
diff --git a/src/docs/create-plugin.md b/src/docs/create-plugin.md
index 42b1a3e554..b69c5fb2df 100644
--- a/src/docs/create-plugin.md
+++ b/src/docs/create-plugin.md
@@ -14,11 +14,11 @@ communityLinksKey: plugins
 
 ## Plugins are Configuration
 
-At their simplest, Eleventy plugins are a function passed to the `addPlugin` method. If you’re familiar with [Eleventy configuration files](/docs/config/), this will look and feel very similar!
+At their simplest, Build Awesome plugins are a function passed to the `addPlugin` method. If you’re familiar with [Build Awesome configuration files](/docs/config/), this will look and feel very similar!
 
 {% set codeContent %}
-export default function (eleventyConfig) {
-	eleventyConfig.addPlugin(function(eleventyConfig) {
+export default function ($config) {
+	$config.addPlugin(function($config) {
 		// I am a plugin!
 	});
 };
@@ -28,12 +28,12 @@ export default function (eleventyConfig) {
 The plugin can be defined elsewhere in the same file:
 
 {% set codeContent %}
-function myPlugin(eleventyConfig) {
+function myPlugin($config) {
 	// I am a plugin!
 }
 
-export default function (eleventyConfig) {
-	eleventyConfig.addPlugin(myPlugin);
+export default function ($config) {
+	$config.addPlugin(myPlugin);
 };
 {% endset %}
 {% include "snippets/configDefinition.njk" %}
@@ -43,8 +43,8 @@ Or in a different file:
 {% set codeContent %}
 import myPlugin from "./_config/plugin.js";
 
-export default function (eleventyConfig) {
-	eleventyConfig.addPlugin(myPlugin);
+export default function ($config) {
+	$config.addPlugin(myPlugin);
 };
 {% endset %}
 {% include "snippets/configDefinition.njk" %}
@@ -54,8 +54,8 @@ Or in an `npm` package:
 {% set codeContent %}
 import pluginRss from "@11ty/eleventy-plugin-rss";
 
-export default function (eleventyConfig) {
-	eleventyConfig.addPlugin(pluginRss);
+export default function ($config) {
+	$config.addPlugin(pluginRss);
 };
 {% endset %}
 {% include "snippets/configDefinition.njk" %}
@@ -63,8 +63,8 @@ export default function (eleventyConfig) {
 Plugins are async-friendly {% addedin "3.0.0-alpha.1" %} but you must `await` the `addPlugin` method.
 
 {% set codeContent %}
-export default async function (eleventyConfig) {
-	await eleventyConfig.addPlugin(async function(eleventyConfig) {
+export default async function ($config) {
+	await $config.addPlugin(async function($config) {
 		// I am an asynchronous plugin!
 	});
 };
@@ -83,15 +83,15 @@ Looking for a plugin? Check out the [official plugins](/docs/plugins/official/)
 npm install @11ty/eleventy-plugin-rss --save
 ```
 
-### Add the plugin to Eleventy in your config file
+### Add the plugin to Build Awesome in your config file
 
-Your config file is probably named `eleventy.config.js` or `.eleventy.js`.
+Your config file is probably named `buildawesome.config.js` or `eleventy.config.js`.
 
 {% set codeContent %}
 import pluginRss from "@11ty/eleventy-plugin-rss";
 
-export default function (eleventyConfig) {
-	eleventyConfig.addPlugin(pluginRss);
+export default function ($config) {
+	$config.addPlugin(pluginRss);
 };
 {% endset %}
 {% include "snippets/configDefinition.njk" %}
@@ -103,8 +103,8 @@ Use an optional second argument to `addPlugin` to customize your plugin’s beha
 {% set codeContent %}
 import pluginSyntaxHighlight from "@11ty/eleventy-plugin-syntaxhighlight";
 
-export default function (eleventyConfig) {
-	eleventyConfig.addPlugin(pluginSyntaxHighlight, {
+export default function ($config) {
+	$config.addPlugin(pluginSyntaxHighlight, {
 		// only install the markdown highlighter
 		templateFormats: ["md"],
 
@@ -119,15 +119,15 @@ export default function (eleventyConfig) {
 <details>
 <summary><strong>Advanced Usage: Namespacing a plugin</strong></summary>
 
-It’s unlikely you’ll need this feature _but_ you can namespace parts of your configuration using `eleventyConfig.namespace`. This will add a string prefix to all filters, tags, helpers, shortcodes, collections, and transforms.
+It’s unlikely you’ll need this feature _but_ you can namespace parts of your configuration using `$config.namespace`. This will add a string prefix to all filters, tags, helpers, shortcodes, collections, and transforms.
 
 {% set codeContent %}
 import pluginRss from "@11ty/eleventy-plugin-rss";
 
-export default function (eleventyConfig) {
-	eleventyConfig.namespace("myPrefix_", () => {
+export default function ($config) {
+	$config.namespace("myPrefix_", () => {
 		// the rssLastUpdatedDate filter is now myPrefix_rssLastUpdatedDate
-		eleventyConfig.addPlugin(pluginRss);
+		$config.addPlugin(pluginRss);
 	});
 };
 {% endset %}
@@ -146,14 +146,14 @@ Plugins (by default) execute in a second stage of configuration after the user
 You are unlikely to need this, but you can execute a plugin’s code immediately using the `immediate` option.
 
 {% set codeContent %}
-export default function (eleventyConfig, pluginOptions) {
+export default function ($config, pluginOptions) {
 	console.log( "first" );
 
-	eleventyConfig.addPlugin(eleventyConfig => {
+	$config.addPlugin($config => {
 		console.log("fourth");
 	});
 
-	eleventyConfig.addPlugin(eleventyConfig => {
+	$config.addPlugin($config => {
 		console.log("second");
 	}, {
 		immediate: true
@@ -166,12 +166,12 @@ export default function (eleventyConfig, pluginOptions) {
 
 ## Creating a Plugin
 
-A plugin primarily provides a “configuration function.” This function is called when Eleventy is first initialized, and operates similarly to a user’s configuration function (the same `eleventyConfig` argument passed to the user’s `eleventy.config.js` file is passed here), in addition to any config passed by the user:
+A plugin primarily provides a “configuration function.” This function is called when Build Awesome is first initialized, and operates similarly to a user’s configuration function (the same `$config` argument passed to the user’s `buildawesome.config.js` file is passed here), in addition to any config passed by the user:
 
 <div class="codetitle">plugin.js</div>
 
 {% set codeContent %}
-export default function (eleventyConfig, pluginOptions) {
+export default function ($config, pluginOptions) {
 	// Your plugin code goes here
 };
 {% endset %}
@@ -189,7 +189,7 @@ If you want to allow developers to use custom arguments provided by your plugin,
 {% set codeContent %}
 export default {
 	initArguments: {},
-	configFunction: function (eleventyConfig, pluginOptions) {
+	configFunction: function ($config, pluginOptions) {
 		// Your plugin code goes here
 	},
 };
@@ -197,10 +197,10 @@ export default {
 {% include "snippets/esmCjsTabs.njk" %}
 
 {% set codeContent %}
-export default function (eleventyConfig) {
-	eleventyConfig.addPlugin(require("./fancy-plugin.js"), {
+export default function ($config) {
+	$config.addPlugin(require("./fancy-plugin.js"), {
 		init: function (initArguments) {
-			// `this` is the eleventyConfig object
+			// `this` is the $config object
 			// initArguments will be the `myInitArguments` object from above
 		},
 	});
@@ -212,14 +212,14 @@ export default function (eleventyConfig) {
 
 ### Feature Testing
 
-If your plugin requires a specific feature in Eleventy, you should feature test it!
+If your plugin requires a specific feature in Build Awesome (Eleventy) core, you should feature test it!
 
 <div class="codetitle">plugin.js</div>
 
 {% set codeContent %}
-export default function (eleventyConfig, pluginOptions) {
-	if(!("addTemplate" in eleventyConfig)) {
-		console.log( `[my-test-plugin] WARN Eleventy plugin compatibility: Virtual Templates are required for this plugin, please use Eleventy v3.0 or newer.` );
+export default function ($config, pluginOptions) {
+	if(!("addTemplate" in $config)) {
+		console.log( `[my-test-plugin] WARN Build Awesome (Eleventy) plugin compatibility: Virtual Templates are required for this plugin, please use Build Awesome (Eleventy) v3.0 or newer.` );
 	}
 };
 {% endset %}
@@ -227,31 +227,31 @@ export default function (eleventyConfig, pluginOptions) {
 
 ### Version Checking
 
-If feature testing is not available for your specific use case, you can add this code to your plugin configuration to show a warning if the plugin consumer does not have a compatible version of Eleventy:
+If feature testing is not available for your specific use case, you can add this code to your plugin configuration to show a warning if the plugin consumer does not have a compatible version of Build Awesome or Eleventy:
 
 <div class="codetitle">plugin.js</div>
 
 {% set codeContent %}
-export default function (eleventyConfig, pluginOptions) {
+export default function ($config, pluginOptions) {
 	try {
-		// Emit a warning message if the application is not using Eleventy 3.0 or newer (including prereleases).
-		eleventyConfig.versionCheck(">=3.0");
+		// Emit a warning message if the application is not using Build Awesome (Eleventy) 3.0 or newer (including prereleases).
+		$config.versionCheck(">=3.0");
 	} catch(e) {
-		console.log( `[my-test-plugin] WARN Eleventy plugin compatibility: ${e.message}` );
+		console.log( `[my-test-plugin] WARN Build Awesome plugin compatibility: ${e.message}` );
 	}
 };
 {% endset %}
 {% include "snippets/esmCjsTabs.njk" %}
 
 * This uses the [`semver` package](https://www.npmjs.com/package/semver) and is compatible with advanced range syntax.
-* **Upper bounding your version number is _not recommended_**. Eleventy works very hard to maintain backwards compatibility between major versions. Please ensure your plugin code does the same!
-* The `versionCheck` method has been available in Eleventy core since v0.3.2 (~2018).
+* **Upper bounding your version number is _not recommended_**. We work very hard to maintain backwards compatibility between major versions. Please ensure your plugin code does the same!
+* The `versionCheck` method has been available in core since v0.3.2 (~2018).
 
 
 ### Distributing a Plugin
 
 If you’re distributing your plugin as a package, consider following these conventions. These are not hard requirements.
 
-- Add `"eleventy-plugin"` to your package.json’s `keywords` field.
-- Prefix your package name with `eleventy-plugin-`
+- Add `"buildawesome-plugin"` and `"eleventy-plugin"` to your package.json’s `keywords` field.
+- Prefix your package name with `"buildawesome-plugin-"` (previously: `eleventy-plugin-`)
 - Open a PR to add your plugin to our [list of community plugins](https://github.com/11ty/docs/tree/main/src/_data/plugins) for publication on [our community plugins directory](/docs/plugins/community.md).
diff --git a/src/docs/custom-tags.md b/src/docs/custom-tags.md
index faececfb41..03f6486577 100644
--- a/src/docs/custom-tags.md
+++ b/src/docs/custom-tags.md
@@ -26,10 +26,10 @@ But, after all that, you can still add a Custom Tag using the [Configuration API
 - [LiquidJS: Tags](https://liquidjs.com/tutorials/register-filters-tags.html)
 
 {% set codeContent %}
-export default function (eleventyConfig) {
+export default function ($config) {
 {% raw %}  // Usage: {% uppercase myVar %} where myVar has a value of "alice"
   // Usage: {% uppercase "alice" %}{% endraw %}
-  eleventyConfig.addLiquidTag("uppercase", function (liquidEngine) {
+  $config.addLiquidTag("uppercase", function (liquidEngine) {
     return {
       parse: function (tagToken, remainingTokens) {
         this.str = tagToken.args; // myVar or "alice"
@@ -54,10 +54,10 @@ See all of the [built-in tag implementations for LiquidJS](https://liquidjs.com/
 - [Nunjucks: Custom Tags](https://mozilla.github.io/nunjucks/api.html#custom-tags)
 
 {% set codeContent %}
-export default function (eleventyConfig) {
+export default function ($config) {
 {% raw %}  // Usage: {% uppercase myVar %} where myVar has a value of "alice"
   // Usage: {% uppercase "alice" %}{% endraw %}
-  eleventyConfig.addNunjucksTag("uppercase", function (nunjucksEngine) {
+  $config.addNunjucksTag("uppercase", function (nunjucksEngine) {
     return new (function () {
       this.tags = ["uppercase"];
 
diff --git a/src/docs/data-custom.md b/src/docs/data-custom.md
index 44724a376d..ee0348de85 100644
--- a/src/docs/data-custom.md
+++ b/src/docs/data-custom.md
@@ -20,9 +20,9 @@ Note that you can also add [Custom Front Matter Formats](/docs/data-frontmatter-
 ## Usage
 
 {% set codeContent %}
-export default function (eleventyConfig) {
+export default function ($config) {
 	// Receives file contents, return parsed data
-	eleventyConfig.addDataExtension("fileExtension", (contents, filePath) => {
+	$config.addDataExtension("fileExtension", (contents, filePath) => {
 		return {};
 	});
 };
@@ -35,9 +35,9 @@ export default function (eleventyConfig) {
 ### Usage with Options {% addedin "2.0.0-canary.10" %}
 
 {% set codeContent %}
-export default function (eleventyConfig) {
+export default function ($config) {
 	// or with options (new in 2.0)
-	eleventyConfig.addDataExtension("fileExtension", {
+	$config.addDataExtension("fileExtension", {
 		parser: (contents, filePath) => ({}),
 
 		// defaults are shown:
@@ -61,8 +61,8 @@ Here we’re using the [`yaml` package](https://www.npmjs.com/package/yaml). Don
 {% set codeContent %}
 import YAML from "yaml";
 
-export default function (eleventyConfig) {
-	eleventyConfig.addDataExtension("yaml", (contents) => YAML.parse(contents));
+export default function ($config) {
+	$config.addDataExtension("yaml", (contents) => YAML.parse(contents));
 };
 {% endset %}
 {% include "snippets/configDefinition.njk" %}
@@ -74,8 +74,8 @@ Here we’re using the [`@iarna/toml` package](https://www.npmjs.com/package/@ia
 {% set codeContent %}
 import toml from "@iarna/toml";
 
-export default function (eleventyConfig) {
-	eleventyConfig.addDataExtension("toml", (contents) => toml.parse(contents));
+export default function ($config) {
+	$config.addDataExtension("toml", (contents) => toml.parse(contents));
 };
 {% endset %}
 {% include "snippets/configDefinition.njk" %}
@@ -87,8 +87,8 @@ export default function (eleventyConfig) {
 {% set codeContent %}
 import JSON5 from "json5";
 
-export default function (eleventyConfig) {
-	eleventyConfig.addDataExtension("json5", (contents) => JSON5.parse(contents));
+export default function ($config) {
+	$config.addDataExtension("json5", (contents) => JSON5.parse(contents));
 };
 {% endset %}
 {% include "snippets/configDefinition.njk" %}
@@ -96,8 +96,8 @@ export default function (eleventyConfig) {
 ### Adding a custom JSON file extension
 
 {% set codeContent %}
-export default function (eleventyConfig) {
-	eleventyConfig.addDataExtension("geojson", (contents) => JSON.parse(contents));
+export default function ($config) {
+	$config.addDataExtension("geojson", (contents) => JSON.parse(contents));
 };
 {% endset %}
 {% include "snippets/configDefinition.njk" %}
@@ -111,8 +111,8 @@ Note that the second argument is an object with a `parser` function.
 {% set codeContent %}
 import exifr from "exifr";
 
-export default function (eleventyConfig) {
-	eleventyConfig.addDataExtension("png,jpeg", {
+export default function ($config) {
+	$config.addDataExtension("png,jpeg", {
 		parser: async (file) => {
 			let exif = await exifr.parse(file);
 
@@ -144,12 +144,12 @@ If you add multiple file extensions, the latter ones take priority over the earl
 import toml from "@iarna/toml";
 import yaml from "js-yaml";
 
-export default function (eleventyConfig) {
+export default function ($config) {
 	// Lower priority
-	eleventyConfig.addDataExtension("toml", (contents) => toml.parse(contents));
+	$config.addDataExtension("toml", (contents) => toml.parse(contents));
 
 	// Higher priority
-	eleventyConfig.addDataExtension("yaml", (contents) => yaml.load(contents));
+	$config.addDataExtension("yaml", (contents) => yaml.load(contents));
 };
 {% endset %}
 {% include "snippets/configDefinition.njk" %}
diff --git a/src/docs/data-deep-merge.md b/src/docs/data-deep-merge.md
index 31d317f062..0c78403c32 100644
--- a/src/docs/data-deep-merge.md
+++ b/src/docs/data-deep-merge.md
@@ -14,12 +14,12 @@ removedFeature: true
 Feel free to [head over to the previous Eleventy version of the docs for this documentation](https://v2.11ty.dev/docs/data-deep-merge/). Historically, it may be important to remember that the default for this feature was changed to `true` in [Eleventy v1](https://github.com/11ty/eleventy/releases/tag/v1.0.0).
 
 {% set codeContent %}
-export default function (eleventyConfig) {
+export default function ($config) {
 	// throws an error in Eleventy v4
-	eleventyConfig.setDataDeepMerge(false);
+	$config.setDataDeepMerge(false);
 
 	// is a no-op in Eleventy v4
-	eleventyConfig.setDataDeepMerge(true);
+	$config.setDataDeepMerge(true);
 };
 {% endset %}
 {% include "snippets/configDefinition.njk" %}
diff --git a/src/docs/data-eleventy-supplied.md b/src/docs/data-eleventy-supplied.md
index 9efa3dd01d..b8adcff593 100644
--- a/src/docs/data-eleventy-supplied.md
+++ b/src/docs/data-eleventy-supplied.md
@@ -202,8 +202,8 @@ Starting in Eleventy 3.0, the `pkg`, `eleventy`, `page`, `content`, and `collect
 You can temporarily opt-out of the behavior using:
 
 {% set codeContent %}
-export default function(eleventyConfig) {
-	eleventyConfig.setFreezeReservedData(false);
+export default function($config) {
+	$config.setFreezeReservedData(false);
 };
 {% endset %}
 {% include "snippets/configDefinition.njk" %}
\ No newline at end of file
diff --git a/src/docs/data-global-custom.md b/src/docs/data-global-custom.md
index 5fa84d3bed..18c3fb37fb 100644
--- a/src/docs/data-global-custom.md
+++ b/src/docs/data-global-custom.md
@@ -16,9 +16,9 @@ The first value of `addGlobalData` is the key that will be available to your tem
 ## Literals
 
 {% set codeContent %}
-export default function (eleventyConfig) {
+export default function ($config) {
 	// Values can be static:
-	eleventyConfig.addGlobalData("myString", "myValue");
+	$config.addGlobalData("myString", "myValue");
 };
 {% endset %}
 {% include "snippets/configDefinition.njk" %}
@@ -28,8 +28,8 @@ export default function (eleventyConfig) {
 The first argument can be any [lodash-set compatible path](https://lodash.com/docs/4.17.15#set):
 
 {% set codeContent %}
-export default function (eleventyConfig) {
-	eleventyConfig.addGlobalData("myNestedObject.myString", "myValue");
+export default function ($config) {
+	$config.addGlobalData("myNestedObject.myString", "myValue");
 };
 {% endset %}
 {% include "snippets/configDefinition.njk" %}
@@ -40,8 +40,8 @@ export default function (eleventyConfig) {
 Importantly, passing a `function` to `addGlobalData` will evaluate that function before setting the value to the data cascade (and is async-friendly).
 
 {% set codeContent %}
-export default function (eleventyConfig) {
-	eleventyConfig.addGlobalData("myDate", () => new Date());
+export default function ($config) {
+	$config.addGlobalData("myDate", () => new Date());
 
 	// myDate’s value will be a Date instance
 };
@@ -51,8 +51,8 @@ export default function (eleventyConfig) {
 If you want a `function` returned, make sure you nest it:
 
 {% set codeContent %}
-export default function (eleventyConfig) {
-	eleventyConfig.addGlobalData("myFunction", () => {
+export default function ($config) {
+	$config.addGlobalData("myFunction", () => {
 		return () => new Date();
 	});
 
@@ -64,8 +64,8 @@ export default function (eleventyConfig) {
 The above is important to know when using this API with [Computed Data](/docs/data-computed/#using-javascript):
 
 {% set codeContent %}
-export default function (eleventyConfig) {
-	eleventyConfig.addGlobalData("eleventyComputed.myString", () => {
+export default function ($config) {
+	$config.addGlobalData("eleventyComputed.myString", () => {
 		return (data) => "This is a string!";
 	});
 
@@ -77,16 +77,16 @@ export default function (eleventyConfig) {
 ### Async/Promises
 
 {% set codeContent %}
-export default function (eleventyConfig) {
+export default function ($config) {
 	// or a promise:
-	eleventyConfig.addGlobalData("myFunctionPromise", () => {
+	$config.addGlobalData("myFunctionPromise", () => {
 		return new Promise((resolve) => {
 			setTimeout(resolve, 100, "foo");
 		});
 	});
 
 	// or async:
-	eleventyConfig.addGlobalData("myAsyncFunction", async () => {
+	$config.addGlobalData("myAsyncFunction", async () => {
 		return Promise.resolve("hi");
 	});
 };
diff --git a/src/docs/dates.md b/src/docs/dates.md
index 354dd916fa..1c20dd0c16 100644
--- a/src/docs/dates.md
+++ b/src/docs/dates.md
@@ -49,7 +49,7 @@ As a last resort, the file creation date is used. [Careful when relying on file
 
 ## Configuration API for Custom Date Parsing
 
-Eleventy v3.0 <!-- v3.0.0-alpha.15 --> includes an `eleventyConfig.addDateParsing` method for adding your own custom date parsing logic. This is a preprocessing step for existing Date logic. Any number of callbacks can be assigned using `eleventyConfig.addDateParsing` and we’ll run them serially. Related [GitHub #867](https://github.com/11ty/eleventy/issues/867).
+Eleventy v3.0 <!-- v3.0.0-alpha.15 --> includes an `$config.addDateParsing` method for adding your own custom date parsing logic. This is a preprocessing step for existing Date logic. Any number of callbacks can be assigned using `$config.addDateParsing` and we’ll run them serially. Related [GitHub #867](https://github.com/11ty/eleventy/issues/867).
 
 In the callback, you can return:
 
@@ -72,8 +72,8 @@ date: 2019-08-31 23:59:56 America/New_York
 {% set codeContent %}
 import { DateTime } from "luxon";
 
-export default function(eleventyConfig) {
-	eleventyConfig.addDateParsing(function(dateValue) {
+export default function($config) {
+	$config.addDateParsing(function(dateValue) {
 		if (typeof dateValue === "string") {
 			return DateTime.fromFormat(dateValue, "yyyy-MM-dd hh:mm:ss z");
 		}
@@ -92,8 +92,8 @@ import { DateTime } from "luxon";
 // See https://moment.github.io/luxon/#/zones?id=specifying-a-zone
 const TIME_ZONE = "America/Chicago";
 
-export default function(eleventyConfig) {
-	eleventyConfig.addDateParsing(function(dateValue) {
+export default function($config) {
+	$config.addDateParsing(function(dateValue) {
 		let localDate;
 		if(dateValue instanceof Date) { // and YAML
 			localDate = DateTime.fromJSDate(dateValue, { zone: "utc" }).setZone(TIME_ZONE, { keepLocalTime: true });
diff --git a/src/docs/debug-performance.md b/src/docs/debug-performance.md
index 1e82c3c486..053a4ff976 100644
--- a/src/docs/debug-performance.md
+++ b/src/docs/debug-performance.md
@@ -33,13 +33,13 @@ Learn more about [environment variables for debug output](/docs/debugging/#comma
 ### macOS or Linux (et al)
 
 ```bash
-DEBUG=Eleventy:Benchmark* npx @11ty/eleventy
+DEBUG=BuildAwesome:Benchmark* npx @awesome.me/buildawesome
 ```
 
 ### Windows
 
 ```bash
-set DEBUG=Eleventy:Benchmark* & npx @11ty/eleventy
+set DEBUG=BuildAwesome:Benchmark* & npx @awesome.me/buildawesome
 ```
 
 ### Aggregate Benchmarks
@@ -64,15 +64,15 @@ The most reliable mechanism for tracking down performance issues in any Node.js
 
 ```sh
 # Instead of:
-# npx @11ty/eleventy --quiet
+# npx @awesome.me/buildawesome --quiet
 
 # Use this:
-npx --node-options="--cpu-prof" @11ty/eleventy --quiet
+npx --node-options="--cpu-prof" @awesome.me/buildawesome --quiet
 
 # Alternatively, you can try this:
-# node --cpu-prof ./node_modules/.bin/eleventy --quiet
+# node --cpu-prof ./node_modules/.bin/buildawesome --quiet
 ```
 
 This will write a `CPU.***.cpuprofile` file to the same directory.
 
-[SpeedScope](https://www.speedscope.app/) is a great web site that will help you look at a visual representation of this data, with a special nod to the `Left Heavy` and `Sandwich` visuals!
\ No newline at end of file
+[SpeedScope](https://www.speedscope.app/) is a great website that will help you look at a visual representation of this data, with a special nod to the `Left Heavy` and `Sandwich` visuals!
\ No newline at end of file
diff --git a/src/docs/debugging.md b/src/docs/debugging.md
index 47f6fdd56f..4fa73ac9bd 100644
--- a/src/docs/debugging.md
+++ b/src/docs/debugging.md
@@ -10,20 +10,20 @@ excludeFromSidebar: true
 
 {% tableofcontents %}
 
-Having trouble? Want to see what Eleventy is doing behind the scenes? Use `DEBUG` mode. We’re taking advantage of the [excellent `debug` package](https://www.npmjs.com/package/debug) for this.
+Having trouble? Want to see what Build Awesome is doing behind the scenes? Use `DEBUG` mode. We’re taking advantage of the [excellent `debug` package](https://www.npmjs.com/package/debug) for this.
 
-`debug` will tell you exactly what directories Eleventy is using for data, includes, input, and output. It’ll tell you what search globs it uses to find your templates and what templates it finds. If you’re having trouble, enable this.
+`debug` will tell you exactly what directories Build Awesome is using for data, includes, input, and output. It’ll tell you what search globs it uses to find your templates and what templates it finds. If you’re having trouble, enable this.
 
-You can enable this feature by using the `DEBUG` [environment variable](/docs/environment-vars/). To do this we add some text before the command we use to run Eleventy.
+You can enable this feature by using the `DEBUG` [environment variable](/docs/environment-vars/). To do this we add some text before the command we use to run Build Awesome.
 
 ## Commands
 
-_The commands below assume that Eleventy is installed locally (recommended) but you can learn more about the difference between Local and [Global installation](/docs/global-installation/)._
+_The commands below assume that Build Awesome is installed locally (recommended) but you can learn more about the difference between Local and [Global installation](/docs/global-installation/)._
 
 ### macOS or Linux (et al)
 
 ```sh
-DEBUG=Eleventy* npx @11ty/eleventy
+DEBUG=BuildAwesome* npx @awesome.me/buildawesome
 ```
 
 ### Cross Platform
@@ -39,7 +39,7 @@ Now add an npm script in your `package.json`, unlocking `npm run debug`:
 ```json
 {
 	"scripts": {
-		"debug": "cross-env DEBUG=Eleventy* npx @11ty/eleventy"
+		"debug": "cross-env DEBUG=BuildAwesome* npx @awesome.me/buildawesome"
 	}
 }
 ```
@@ -51,13 +51,13 @@ Read more about [Windows environment variables](https://www.npmjs.com/package/de
 #### cmd.exe
 
 ```sh
-set DEBUG=Eleventy* & npx @11ty/eleventy
+set DEBUG=BuildAwesome* & npx @awesome.me/buildawesome
 ```
 
 #### Powershell (default in VS Code)
 
 ```sh
-$env:DEBUG="Eleventy*"; npx @11ty/eleventy
+$env:DEBUG="BuildAwesome*"; npx @awesome.me/buildawesome
 ```
 
 ## Learn More
@@ -66,15 +66,15 @@ Read more at the [`debug` package documentation](https://www.npmjs.com/package/d
 
 ### Try with `--dryrun`
 
-{% addedin "0.3.0" %} Works great with `--dryrun` if you want to run Eleventy but not actually write any files.
+{% addedin "0.3.0" %} Works great with `--dryrun` if you want to run Build Awesome but not actually write any files.
 
 ### View all messages
 
-The commands above limit the messages from `debug` to Eleventy specific things with `DEBUG=Eleventy*` but you can view all of the messages from any dependency with `DEBUG=*`.
+The commands above limit the messages from `debug` to Build Awesome specific things with `DEBUG=BuildAwesome*` but you can view all of the messages from any dependency with `DEBUG=*`.
 
 ### Analyze Performance
 
-{% addedin "0.11.0" %} Read more about how to [use `debug` to analyze the performance of your Eleventy build](/docs/debug-performance/).
+{% addedin "0.11.0" %} Read more about how to [use `debug` to analyze the performance of your build](/docs/debug-performance/).
 
 ## Debug individual variables
 
diff --git a/src/docs/deployment.md b/src/docs/deployment.md
index caab8b40a8..8e5cb888a6 100644
--- a/src/docs/deployment.md
+++ b/src/docs/deployment.md
@@ -90,9 +90,9 @@ webides:
 
 {% tableofcontents %}
 
-Now that you’ve built a web site with Eleventy _(even if it’s one HTML page!)_ you might be ready to put it on the web for everyone to see! There are a bunch of different ways to do it!
+Now that you’ve built a website with Eleventy _(even if it’s one HTML page!)_ you might be ready to put it on the web for everyone to see! There are a bunch of different ways to do it!
 
-A standard Eleventy build (e.g. [running `npx @11ty/eleventy`](/docs/usage/)) is a **production-ready build by default**. Eleventy doesn’t change its build behavior internally for development versus production.
+A standard Eleventy build (e.g. [running `npx @awesome.me/buildawesome`](/docs/usage/)) is a **production-ready build by default**. Eleventy doesn’t change its build behavior internally for development versus production.
 
 If you want to customize Eleventy to do your own local development/production optimizations, [environment variables](/docs/environment-vars/) are a common solution to accomplish that goal.
 
@@ -121,7 +121,7 @@ One common practice when deploying Eleventy via a Jamstack provider is to use an
 ```js
 {
   "scripts": {
-    "build": "npx @11ty/eleventy"
+    "build": "npx @awesome.me/buildawesome"
   }
 }
 ```
@@ -188,10 +188,10 @@ Includes persisted cache across builds.
 3. In your project’s package.json, make sure the `build-ghpages` script has the `--pathprefix=` parameter set to your repository name.
 ```json
 "scripts": {
-	"build-ghpages": "npx @11ty/eleventy --pathprefix=/YOUR_REPO_NAME/",
+	"build-ghpages": "npx @awesome.me/buildawesome --pathprefix=/YOUR_REPO_NAME/",
 }
 ```
-4. _Exception:_ When using a Custom domain (example.com) with GitHub Pages, deploying to `example.com/` instead of `*.github.io/YOUR_REPO_NAME/` make sure to remove the `--pathprefix` parameter entirely. e.g. `"build-ghpages": "npx @11ty/eleventy",`
+4. _Exception:_ When using a Custom domain (example.com) with GitHub Pages, deploying to `example.com/` instead of `*.github.io/YOUR_REPO_NAME/` make sure to remove the `--pathprefix` parameter entirely. e.g. `"build-ghpages": "npx @awesome.me/buildawesome",`
 5. Commit this new `.github/workflows/deploy-gh-pages.yml` file and push it upstream to GitHub.
 
 
diff --git a/src/docs/dev-server.md b/src/docs/dev-server.md
index 49a4365536..e03bcc6e35 100644
--- a/src/docs/dev-server.md
+++ b/src/docs/dev-server.md
@@ -30,8 +30,8 @@ _Read more detail on the [Eleventy Dev Server 1.0 release notes](https://github.
 You can configure the server with the new `setServerOptions` Configuration API method.
 
 {% set codeContent %}
-export default function(eleventyConfig) {
-	eleventyConfig.setServerOptions({
+export default function($config) {
+	$config.setServerOptions({
 		// Default values are shown:
 
 		// Whether the live reload snippet is used
@@ -82,8 +82,8 @@ export default function(eleventyConfig) {
 <summary><strong>Expand to see the Full options list</strong></summary>
 
 {% set codeContent %}
-export default function(eleventyConfig) {
-	eleventyConfig.setServerOptions({
+export default function($config) {
+	$config.setServerOptions({
 		// Change the name of the folder name used for injected scripts
 		injectedScriptsFolder: ".11ty",
 
@@ -124,8 +124,8 @@ Try out the [`devcert-cli`](https://github.com/davewasmer/devcert-cli) package t
 {% addedin "3.0.0-alpha.7" %}{% addedin "Dev Server 2.0.0" %} Use the new `onRequest` object to configure some of your project to use on-request-time processing. The keys in this object represent strings from the [URL Pattern API](https://developer.mozilla.org/en-US/docs/Web/API/URL_Pattern_API).
 
 {% set codeContent %}
-export default function(eleventyConfig) {
-	eleventyConfig.setServerOptions({
+export default function($config) {
+	$config.setServerOptions({
 		onRequest: {
 			"/": function({ url }) {
 				// will fallback to serve static files if we return any falsy value other than ""
@@ -153,10 +153,10 @@ export default function(eleventyConfig) {
 Works great with the [`process.env.ELEVENTY_RUN_MODE` environment variable](/docs/environment-vars/#eleventy-supplied) to change how your server operates during`--serve` mode.
 
 {% set codeContent %}
-export default function(eleventyConfig) {
+export default function($config) {
 	// Intercept all requests during --serve mode.
 	if(process.env.ELEVENTY_RUN_MODE === "serve") {
-		eleventyConfig.setServerOptions({
+		$config.setServerOptions({
 			onRequest: {
 				"/*": function({ url }) {
 					// Don’t return any static files, only show a help message
@@ -171,7 +171,7 @@ export default function(eleventyConfig) {
 
 ## Advanced `chokidar` options
 
-Access to advanced `chokidar` configuration is available via the [`eleventyConfig.setChokidarConfig` method (on the Watch and Serve documentation)](/docs/watch-serve/#advanced-chokidar-configuration).
+Access to advanced `chokidar` configuration is available via the [`$config.setChokidarConfig` method (on the Watch and Serve documentation)](/docs/watch-serve/#advanced-chokidar-configuration).
 
 ## Swap back to Browsersync {% addedin "2.0.0" %}
 
@@ -187,8 +187,8 @@ npm install @11ty/eleventy-server-browsersync
 Then, enable it in your configuration file:
 
 {% set codeContent %}
-export default function(eleventyConfig) {
-	eleventyConfig.setServerOptions({
+export default function($config) {
+	$config.setServerOptions({
 		module: "@11ty/eleventy-server-browsersync",
 
 		// Default Browsersync options shown:
@@ -213,7 +213,7 @@ View the [full list of Browsersync options](https://browsersync.io/docs/options)
 
 ### `setBrowserSyncConfig`
 
-`eleventyConfig.setBrowserSyncConfig` was the previous Configuration API method used in versions of Eleventy prior to v2. It was changed to be a no-op in Eleventy v2 (it has no functional purpose).
+`$config.setBrowserSyncConfig` was the previous Configuration API method used in versions of Eleventy prior to v2. It was changed to be a no-op in Eleventy v2 (it has no functional purpose).
 
 <!--Check out the previous version docs to learn how to:
 
diff --git a/src/docs/docs.11tydata.js b/src/docs/docs.11tydata.js
index fb2a55c57a..ee086337e6 100644
--- a/src/docs/docs.11tydata.js
+++ b/src/docs/docs.11tydata.js
@@ -1,7 +1,7 @@
 let data = {
 	layout: "layouts/docs.njk",
-	headerTitle: "Eleventy Documentation",
-	feedTitle: "Eleventy Documentation",
+	headerTitle: "Build Awesome (Eleventy) Documentation",
+	feedTitle: "Build Awesome (Eleventy) Documentation",
 	feedUrl: "/docs/feed.xml",
 };
 
diff --git a/src/docs/environment-vars.md b/src/docs/environment-vars.md
index 19fc188caa..8719fb7810 100644
--- a/src/docs/environment-vars.md
+++ b/src/docs/environment-vars.md
@@ -30,21 +30,21 @@ For private keys and other sensitive information, you’ll want to create a `.en
 #### macOS or Linux (et al)
 
 {%- set codeBlock %}
-MY_ENVIRONMENT=production npx @11ty/eleventy
+MY_ENVIRONMENT=production npx @awesome.me/buildawesome
 {%- endset %}
 {{ codeBlock | highlight("bash") | safe }}
 
 #### Windows cmd.exe
 
 {%- set codeBlock %}
-set MY_ENVIRONMENT=production & npx @11ty/eleventy
+set MY_ENVIRONMENT=production & npx @awesome.me/buildawesome
 {%- endset %}
 {{ codeBlock | highlight("bash") | safe }}
 
 #### Windows Powershell (default in VS Code)
 
 {%- set codeBlock %}
-$env:MY_ENVIRONMENT="production"; npx @11ty/eleventy
+$env:MY_ENVIRONMENT="production"; npx @awesome.me/buildawesome
 {%- endset %}
 {{ codeBlock | highlight("bash") | safe }}
 
@@ -61,7 +61,7 @@ npm install cross-env
 {%- set codeBlock %}
 {
 	"scripts": {
-		"build:prod": "cross-env MY_ENVIRONMENT=production npx @11ty/eleventy"
+		"build:prod": "cross-env MY_ENVIRONMENT=production npx @awesome.me/buildawesome"
   }
 }
 {%- endset %}
@@ -98,24 +98,24 @@ Node.js supports a [`NODE_DISABLE_COLORS` environment variable](https://nodejs.o
 	</div>
 	<div id="disable-colors-nix" role="tabpanel">
 {%- set codeBlock %}{% raw %}
-NODE_DISABLE_COLORS=1 npx @11ty/eleventy
+NODE_DISABLE_COLORS=1 npx @awesome.me/buildawesome
 {% endraw %}{%- endset %}
 {{ codeBlock | highlight("bash") | safe }}
 	</div>
 	<div id="disable-colors-win" role="tabpanel">
 {%- set codeBlock %}
-$env:NODE_DISABLE_COLORS="1"; npx @11ty/eleventy
+$env:NODE_DISABLE_COLORS="1"; npx @awesome.me/buildawesome
 {%- endset %}
 {{ codeBlock | highlight("bash") | safe }}
 		<p>Or with the older <code>cmd.exe</code>:</p>
 {%- set codeBlock %}
-set NODE_DISABLE_COLORS=1 & npx @11ty/eleventy
+set NODE_DISABLE_COLORS=1 & npx @awesome.me/buildawesome
 {%- endset %}
 {{ codeBlock | highlight("bash") | safe }}
 	</div>
 	<div id="disable-colors-all" role="tabpanel">
 {%- set codeBlock %}
-npx cross-env NODE_DISABLE_COLORS=1 npx @11ty/eleventy
+npx cross-env NODE_DISABLE_COLORS=1 npx @awesome.me/buildawesome
 {%- endset %}
 {{ codeBlock | highlight("bash") | safe }}
 		<p>Use the <a href="https://github.com/kentcdodds/cross-env"><code>cross-env</code> package</a> to compatibly set your environment variables cross-platform.</p>
diff --git a/src/docs/events.md b/src/docs/events.md
index 4d037e3bc7..c6f8845b2c 100644
--- a/src/docs/events.md
+++ b/src/docs/events.md
@@ -24,10 +24,10 @@ Asynchronous callback function support added in v1.0.
 The `eleventy.before` event runs every time Eleventy starts building, so it will run before the start of each stand-alone build, as well as each time building starts as either part of `--watch` or `--serve`. To use it, attach the event handler to your Eleventy config:
 
 {% set codeContent %}
-export default function(eleventyConfig) {
+export default function($config) {
 	// Async-friendly in 1.0+
 	// Arguments added in 2.0+
-	eleventyConfig.on("eleventy.before", async ({ directories, runMode, outputMode }) => {
+	$config.on("eleventy.before", async ({ directories, runMode, outputMode }) => {
 		// Run me before the build starts
 	});
 }
@@ -41,10 +41,10 @@ export default function(eleventyConfig) {
 The `eleventy.after` event runs every time Eleventy finishes building, so it will run after the end of each stand-alone build, as well as each time building ends as either part of `--watch` or `--serve`. To use it, attach the event handler to your Eleventy config:
 
 {% set codeContent %}
-export default function(eleventyConfig) {
+export default function($config) {
 	// Async-friendly in 1.0+
 	// Arguments added in 2.0+
-	eleventyConfig.on(
+	$config.on(
 		"eleventy.after",
 		async ({ directories, results, runMode, outputMode }) => {
 			// Run me after the build ends
@@ -59,12 +59,12 @@ export default function(eleventyConfig) {
 Eleventy now provides an object with metadata on the build as an argument to the `eleventy.before` and `eleventy.after` event callbacks.
 
 {% set codeContent %}
-export default function(eleventyConfig) {
-	eleventyConfig.on("eleventy.before", async ({ directories, runMode, outputMode }) => {
+export default function($config) {
+	$config.on("eleventy.before", async ({ directories, runMode, outputMode }) => {
 		// Read more below
 	});
 
-	eleventyConfig.on(
+	$config.on(
 		"eleventy.after",
 		async ({ directories, results, runMode, outputMode }) => {
 			// Read more below
@@ -81,7 +81,6 @@ export default function(eleventyConfig) {
 - `outputMode`: a string representing the value of [`--to` on the command line](/docs/usage/#to-can-output-json)
   - `fs` (default)
   - `json`
-  - `ndjson`
 - `runMode`: a string representing [`--serve` or `--watch` usage on the command line](/docs/usage/#re-run-eleventy-when-you-save). One of:
   - `build` (default)
   - `watch`
@@ -98,12 +97,13 @@ export default function(eleventyConfig) {
 The `eleventy.beforeConfig` runs before your configuration is initialized and was added as an escape hatch for folks unable to update their top-level configuration callback to be `async` (usually due to some limitation in a third-party tool or a requirement to use CommonJS). You probably won’t need this.
 
 {%- set codeBlock %}
+const { HtmlBasePlugin } = require("@awesome.me/buildawesome");
+
 // sync configuration callback
-module.exports = function (eleventyConfig) {
+module.exports = function ($config) {
 	// async-friendly event
-  eleventyConfig.on("eleventy.beforeConfig", async function (eleventyConfig) {
-    const { HtmlBasePlugin } = await import("@11ty/eleventy");
-		eleventyConfig.addPlugin(HtmlBasePlugin);
+  $config.on("eleventy.beforeConfig", async function ($config) {
+		$config.addPlugin(HtmlBasePlugin);
   });
 };
 {%- endset %}
@@ -114,9 +114,9 @@ module.exports = function (eleventyConfig) {
 The `eleventy.beforeWatch` event runs before a build _only_ if it's a re-run during `--watch` or `--serve`. This means it will not run during the initial build nor during stand-alone builds.
 
 {% set codeContent %}
-export default function(eleventyConfig) {
+export default function($config) {
 	// Async-friendly
-	eleventyConfig.on("eleventy.beforeWatch", async (changedFiles) => {
+	$config.on("eleventy.beforeWatch", async (changedFiles) => {
 		// Run me before --watch or --serve re-runs
 		// changedFiles is an array of files that changed
 		// to trigger the watch/serve build
@@ -130,9 +130,9 @@ export default function(eleventyConfig) {
 This event facilitates the [i18n plugin](/docs/plugins/i18n/) (but is available independent of it).
 
 {% set codeContent %}
-export default function(eleventyConfig) {
+export default function($config) {
 	// Async-friendly
-	eleventyConfig.on("eleventy.contentMap", async ({ inputPathToUrl, urlToInputPath }) => {
+	$config.on("eleventy.contentMap", async ({ inputPathToUrl, urlToInputPath }) => {
 		// inputPathToUrl is an object mapping input file paths to output URLs
 		// urlToInputPath is an object mapping output URLs to input file paths
 	});
@@ -145,8 +145,8 @@ export default function(eleventyConfig) {
 Currently Eleventy triggers event callbacks in parallel. If you need to run the event callbacks sequentially, you can do so with the `setEventEmitterMode` configuration API method. Related [GitHub #3415](https://github.com/11ty/eleventy/issues/3415).
 
 {% set codeContent %}
-export default function(eleventyConfig){
-	eleventyConfig.setEventEmitterMode("sequential");
+export default function($config){
+	$config.setEventEmitterMode("sequential");
 }
 {% endset %}
 {% include "snippets/configDefinition.njk" %}
diff --git a/src/docs/filters.md b/src/docs/filters.md
index daebed75af..cabebe35cf 100644
--- a/src/docs/filters.md
+++ b/src/docs/filters.md
@@ -61,10 +61,10 @@ module.exports = function({name}) {
 Filters can be added using the [Configuration API](/docs/config/) and are available to multiple template engines, simultaneously. They are currently supported in JavaScript {% addedin "0.7.0" %}, Markdown, Nunjucks, Liquid, and WebC.
 
 {% set codeContent %}
-export default function (eleventyConfig) {
-	eleventyConfig.addFilter("makeUppercase", function(value) { /* … */ });
+export default function ($config) {
+	$config.addFilter("makeUppercase", function(value) { /* … */ });
 
-  eleventyConfig.addAsyncFilter("makeUppercase", async function(value) { /* … */ });
+  $config.addAsyncFilter("makeUppercase", async function(value) { /* … */ });
 };
 {% endset %}
 {% include "snippets/configDefinition.njk" %}
@@ -88,9 +88,9 @@ We also provide a few universal filters, built-in:
 If you’d like to reuse existing filters, you can use the Configuration API’s `getFilter` method. When called with a valid filter name, it will return that filter’s callback function. It can be helpful when aliasing a filter to a different name, using a filter inside of your own filter, or using a filter inside of a shortcode.
 
 {% set codeContent %}
-export default function (eleventyConfig) {
-	eleventyConfig.addShortcode("myCustomImage", function (url, alt) {
-		return `<img src="${eleventyConfig.getFilter("url")(url)}" alt="${alt}">`;
+export default function ($config) {
+	$config.addShortcode("myCustomImage", function (url, alt) {
+		return `<img src="${$config.getFilter("url")(url)}" alt="${alt}">`;
 	});
 };
 {% endset %}
@@ -101,18 +101,18 @@ export default function (eleventyConfig) {
 Eleventy has added a new universal filter API for asynchronous filters and extended the currently available `addFilter` method to be async-friendly.
 
 {% set codeContent %}
-export default function (eleventyConfig) {
+export default function ($config) {
 	// Async universal filters add to:
 	// * Liquid
 	// * Nunjucks
 	// * JavaScript
 
-	eleventyConfig.addFilter("myFilter", async function (value) {
+	$config.addFilter("myFilter", async function (value) {
 		// do some Async work
 		return value;
 	});
 
-	eleventyConfig.addAsyncFilter("myFilter", async function (value) {
+	$config.addAsyncFilter("myFilter", async function (value) {
 		// do some Async work
 		return value;
 	});
@@ -134,9 +134,9 @@ A few Eleventy-specific data properties are available to filter callbacks.
 - `this.ctx` (Nunjucks-specific) {% addedin "3.0.0-canary.5" %}
 
 {% set codeContent %}
-export default function (eleventyConfig) {
+export default function ($config) {
 	// Make sure you’re not using an arrow function here: () => {}
-	eleventyConfig.addFilter("myFilter", function () {
+	$config.addFilter("myFilter", function () {
 		// this.page
 		// this.eleventy
 	});
@@ -152,13 +152,13 @@ There are many popular libraries to cache or memoize functions (filters, shortco
 
 Note that Eleventy 3.0 <!-- 3.0.0-alpha.15 --> ships with a memoization layer around the built-in [`slug`](/docs/filters/slug/), [`slugify`](/docs/filters/slugify/), and [`inputPathToUrl`](/docs/filters/inputpath-to-url/) filters.
 
-<div class="codetitle">eleventy.config.js</div>
+<div class="codetitle">buildawesome.config.js</div>
 
 {%- set codeBlock %}{% raw %}
 import memoize from "memoize";
 
-export default function(eleventyConfig) {
-	eleventyConfig.addFilter("htmlEntities", memoize(str => {
+export default function($config) {
+	$config.addFilter("htmlEntities", memoize(str => {
 		return encode(str);
 	}));
 };
@@ -170,19 +170,19 @@ export default function(eleventyConfig) {
 Filters can also be specified individually for one or more template engines. (The `addFilter` function is actually an alias for calling all of these functions.)
 
 {% set codeContent %}
-export default function (eleventyConfig) {
+export default function ($config) {
 	// Liquid Filter (async-friendly)
-  eleventyConfig.addLiquidFilter("myFilter", async function(value) { /* … */ });
+  $config.addLiquidFilter("myFilter", async function(value) { /* … */ });
 
   // Nunjucks Filter
-  eleventyConfig.addNunjucksFilter("myFilter", function(value) { /* … */ });
+  $config.addNunjucksFilter("myFilter", function(value) { /* … */ });
 
   // Nunjucks Async Filter
   // Read the Nunjucks docs before using this (link below)
-  eleventyConfig.addNunjucksAsyncFilter("myFilter", function() { /* … */ });
+  $config.addNunjucksAsyncFilter("myFilter", function() { /* … */ });
 
   // JavaScript Template Function (async-friendly)
-  eleventyConfig.addJavaScriptFunction("myFilter", async function(value) { /* … */ });
+  $config.addJavaScriptFunction("myFilter", async function(value) { /* … */ });
 };
 {% endset %}
 {% include "snippets/configDefinition.njk" %}
diff --git a/src/docs/global-installation.md b/src/docs/global-installation.md
index 7fb5d47de3..218f5d01fc 100644
--- a/src/docs/global-installation.md
+++ b/src/docs/global-installation.md
@@ -1,22 +1,22 @@
 ---
-searchTitle: Install Eleventy Globally
+searchTitle: Install Build Awesome Globally
 ---
 
-# Install Eleventy Globally
+# Install Build Awesome Globally
 
-{% callout "warn" %}It is <strong>not recommended</strong> to install Eleventy globally (though it does work fine).{% endcallout %}
+{% callout "warn" %}It is <strong>not recommended</strong> to install Build Awesome globally (though it does work fine).{% endcallout %}
 
-<strong>It is preferred to use <a href="/docs/#step-2-install-eleventy"><code>package.json</code> installation</a></strong> instead. <code>package.json</code> installation will avoid versioning issues if you come back to this project later or decide to use Eleventy on multiple projects that may need different versions.
+<strong>It is preferred to use <a href="/docs/#step-2-install-build-awesome"><code>package.json</code> installation</a></strong> instead. <code>package.json</code> installation will avoid versioning issues if you come back to this project later or decide to use Build Awesome on multiple projects that may need different versions.
 
 {% callout "warn" %}If you’re planning on deploying your site using a <a href="/docs/deployment/">service like Netlify</a> (running a build a deployment server), you <strong>must</strong> use <code>package.json</code> installation and <strong>not</strong> global installation.{% endcallout %}
 
 ```bash
-npm install -g @11ty/eleventy
+npm install -g @awesome.me/buildawesome
 ```
 
-The above adds an `eleventy` command that you can use in any directory. When you run Eleventy globally, it might look like this:
+The above adds an `buildawesome` command that you can use in any directory. When you run Build Awesome globally, it might look like this:
 
 ```
-$ eleventy --version
+$ buildawesome --version
 {% latestVersion versions, config, "" %}
 ```
diff --git a/src/docs/glossary.md b/src/docs/glossary.md
index 51bb03519c..b5ce54103a 100644
--- a/src/docs/glossary.md
+++ b/src/docs/glossary.md
@@ -127,7 +127,7 @@ Application servers can be slow. Instead of PHP, Java, or even Node.js dynamical
 
 ### Single Page Applications (SPA) versus Multi-Page Applications (MPA)
 
-Single Page Applications (SPA) use JavaScript to enable navigations between pages on a web site. Multi-Page Applications use the classic navigation model of the web and do a full page refresh to a new page.
+Single Page Applications (SPA) use JavaScript to enable navigations between pages on a website. Multi-Page Applications use the classic navigation model of the web and do a full page refresh to a new page.
 
 Should you [build a Single Page Application with Eleventy](/docs/single-page-applications/)?
 
diff --git a/src/docs/ignores.md b/src/docs/ignores.md
index fa15849515..1b78b95f5e 100644
--- a/src/docs/ignores.md
+++ b/src/docs/ignores.md
@@ -23,14 +23,14 @@ secretNunjucksTemplates/anotherFolder/**/*.njk
 
 ## Configuration API {% addedin "1.0.0" %}
 
-You can programmatically add and delete ignores in your configuration file. `eleventyConfig.ignores` is a JavaScript [`Set`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Set#instance_methods).
+You can programmatically add and delete ignores in your configuration file. `$config.ignores` is a JavaScript [`Set`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Set#instance_methods).
 
 The `ignores` Set starts with a default `**/node_modules/**` entry in Eleventy v2.0 (it was `node_modules/**` in v1.0).
 
 {% set codeContent %}
-export default function (eleventyConfig) {
-	eleventyConfig.ignores.add("README.md");
-	eleventyConfig.ignores.delete("README.md");
+export default function ($config) {
+	$config.ignores.add("README.md");
+	$config.ignores.delete("README.md");
 };
 {% endset %}
 {% include "snippets/configDefinition.njk" %}
@@ -54,12 +54,12 @@ Paths listed in your project’s `.gitignore` file are automatically ignored. Yo
 If you want to opt-out and search for templates inside of your `node_modules` folder, delete the entry using the Configuration API:
 
 {% set codeContent %}
-export default function (eleventyConfig) {
+export default function ($config) {
 	// in Eleventy 2.0
-	eleventyConfig.ignores.delete("**/node_modules/**");
+	$config.ignores.delete("**/node_modules/**");
 
 	// in Eleventy 1.0
-	eleventyConfig.ignores.delete("node_modules/**");
+	$config.ignores.delete("node_modules/**");
 };
 {% endset %}
 {% include "snippets/configDefinition.njk" %}
@@ -84,11 +84,11 @@ We look for ignores in these files. Entries are relative to the ignore file’s
 
 ## Opt-out of using `.gitignore` {% addedin "0.3.5" %}
 
-You can disable automatic use of your `.gitignore` file by using the Configuration API method: `eleventyConfig.setUseGitIgnore(false);`.
+You can disable automatic use of your `.gitignore` file by using the Configuration API method: `$config.setUseGitIgnore(false);`.
 
 {% set codeContent %}
-export default function (eleventyConfig) {
-	eleventyConfig.setUseGitIgnore(false);
+export default function ($config) {
+	$config.setUseGitIgnore(false);
 };
 {% endset %}
 {% include "snippets/configDefinition.njk" %}
diff --git a/src/docs/index.webc b/src/docs/index.webc
index b64714140a..c31fe5636e 100644
--- a/src/docs/index.webc
+++ b/src/docs/index.webc
@@ -11,14 +11,20 @@ overrideCommunityLinks: true
 <h1>Get Started</h1>
 
 <template webc:type="11ty" 11ty:type="njk" webc:raw webc:nokeep>
-	{% callout %}
-		{% include "star-on-github.njk" %}
-	{% endcallout %}
+{% callout "brand" %}
+	<p>{% include "star-on-github.njk" %}</p>
+{% endcallout %}
 </template>
 
-<p>Eleventy <eleventy-version></eleventy-version> requires a <a href="javascript-runtime.webc">JavaScript runtime</a>, typically <strong><a href="https://nodejs.org/">Node.js</a></strong> (<strong>version <node-minimum></node-minimum></strong> or higher).</p>
+<p>Build Awesome requires a <a href="javascript-runtime.webc">JavaScript runtime</a>, typically <strong><a href="https://nodejs.org/">Node.js</a></strong>.</p>
 
-<p>You can check whether or not you have Node.js installed by running <code>node --version</code> in a terminal application. (<a href="/docs/terminal-window/"><em>Well, wait—what is a Terminal?</em></a>) If the command is not found or it reports a number lower than <node-minimum></node-minimum>, you will need to <a href="https://nodejs.org/en/download/">download and install Node.js</a> before moving on to the next step. Learn why it’s encouraged to use <a href="javascript-runtime.webc#odd-numbered-versions-of-node-js">even numbered releases of Node.js</a>.</p>
+<p>You can check whether or not you have Node.js installed by running <code>node --version</code> in a terminal application. (<a href="/docs/terminal-window/">Well, wait—what is a Terminal?</a>)</p>
+
+<p>Build Awesome <eleventy-version></eleventy-version> requires Node version <node-minimum></node-minimum> or higher. If the <code>node</code> command is not found or it reports a number lower than <node-minimum></node-minimum>, you will need to <a href="https://nodejs.org/en/download/">download and install Node.js</a> before moving on to the next step. It’s encouraged to use an <a href="javascript-runtime.webc#odd-numbered-versions-of-node-js">even numbered version of Node.js (22, 24, 26)</a>.</p>
+
+<template webc:type="11ty" 11ty:type="njk" webc:raw webc:nokeep>
+{% include "pro-cta.njk" %}
+</template>
 
 <p>Prefer to watch videos instead? Check out <a href="https://www.youtube.com/watch?v=kzf9A9tkkl4"><strong>6 minutes to Build a Blog from Scratch</strong></a>.</p>
 
@@ -29,7 +35,7 @@ Create a directory for your project using the `mkdir` command (short for _make d
 </template>
 
 <syntax-highlight language="bash">
-mkdir eleventy-sample
+mkdir sample
 </syntax-highlight>
 
 <template webc:type="11ty" 11ty:type="njk,md" webc:raw webc:nokeep>
@@ -37,15 +43,15 @@ Now move into that directory with the `cd` command (short for _change directory_
 </template>
 
 <syntax-highlight language="bash">
-cd eleventy-sample
+cd sample
 </syntax-highlight>
 
 <template webc:type="11ty" 11ty:type="njk,md" webc:raw webc:nokeep>
-## <span class="numberflag"><span class="sr-only">Step</span> 2</span> Install Eleventy
+## <span class="numberflag"><span class="sr-only">Step</span> 2</span> Install Build Awesome
 
 ### Create a `package.json`
 
-Installing Eleventy into a project requires a `package.json` file.
+Installing Build Awesome into a project requires a `package.json` file.
 
 </template>
 
@@ -59,7 +65,7 @@ Installing Eleventy into a project requires a `package.json` file.
 	<div id="quickstart-run-2a-npm" role="tabpanel">
 		<syntax-highlight language="bash">npm init -y</syntax-highlight>
 		<p>The <code>npm</code> command (included with Node.js) will create a <code>package.json</code> file for you with <a href="https://docs.npmjs.com/cli/init"><code>npm init -y</code></a>. The <code>-y</code> flag tells <code>npm</code> to use default values and skips the questionnaire.</p>
-		<p>Use the following command if you want to use <a href="/docs/cjs-esm.md">ESM in your project and not CommonJS</a>.</p>
+		<p>Use the following command if you want to use <a href="/docs/cjs-esm.md">ESM in your project and not CommonJS</a> (recommended).</p>
 		<syntax-highlight language="bash">npm pkg set type="module"</syntax-highlight>
 	</div>
 	<div id="quickstart-run-2a-pnpm" role="tabpanel">
@@ -74,9 +80,9 @@ Installing Eleventy into a project requires a `package.json` file.
 
 <template webc:type="11ty" 11ty:type="njk,md" webc:raw webc:nokeep>
 
-### Install Eleventy
+### Install Build Awesome
 
-[`@11ty/eleventy` is published on npm](https://www.npmjs.com/package/@11ty/eleventy) and we can install and save it into our project’s `package.json` by running:
+[`@awesome.me/buildawesome` is published on npm](https://www.npmjs.com/package/@awesome.me/buildawesome) and we can install and save it into our project’s `package.json` by running:
 
 </template>
 
@@ -88,26 +94,26 @@ Installing Eleventy into a project requires a `package.json` file.
 	</div>
 	<div id="quickstart-run-2b-npm" role="tabpanel">
 		<syntax-highlight language="bash">
-			npm install @11ty/eleventy
+			npm install @awesome.me/buildawesome
 		</syntax-highlight>
 	</div>
 	<div id="quickstart-run-2b-pnpm" role="tabpanel">
 		<syntax-highlight language="bash">
-			pnpm install @11ty/eleventy
+			pnpm install @awesome.me/buildawesome
 		</syntax-highlight>
 	</div>
 	<div id="quickstart-run-2b-yarn" role="tabpanel">
 		<syntax-highlight language="bash">
-			yarn add @11ty/eleventy
+			yarn add @awesome.me/buildawesome
 		</syntax-highlight>
 	</div>
 </seven-minute-tabs>
 
 <template webc:type="11ty" 11ty:type="njk,md" webc:raw webc:nokeep>
 
-_You may also [install Eleventy globally](/docs/global-installation/) but the `package.json` installation method above is recommended._
+_You may also [install Build Awesome globally](/docs/global-installation/) but the `package.json` installation method above is recommended._
 
-## <span class="numberflag"><span class="sr-only">Step</span> 3</span> Run Eleventy
+## <span class="numberflag"><span class="sr-only">Step</span> 3</span> Run Build Awesome
 
 </template>
 
@@ -119,35 +125,35 @@ _You may also [install Eleventy globally](/docs/global-installation/) but the `p
 	</div>
 	<div id="quickstart-run-3a-npm" role="tabpanel">
 		<syntax-highlight language="bash">
-			npx @11ty/eleventy
+			npx @awesome.me/buildawesome
 		</syntax-highlight>
-		<p>We can use the <code>npx</code> command (also provided by Node.js) to run our local project's version of Eleventy.</p>
+		<p>We can use the <code>npx</code> command (also provided by Node.js) to run our local project's version of Build Awesome.</p>
 	</div>
 	<div id="quickstart-run-3a-pnpm" role="tabpanel">
 		<syntax-highlight language="bash">
-			pnpm exec eleventy
+			pnpm exec buildawesome
 		</syntax-highlight>
 	</div>
 	<div id="quickstart-run-3a-yarn" role="tabpanel">
 		<syntax-highlight language="bash">
-			yarn exec eleventy
+			yarn exec buildawesome
 		</syntax-highlight>
 	</div>
 </seven-minute-tabs>
 
 <template webc:type="11ty" 11ty:type="njk,md" webc:raw webc:nokeep>
 
-Here’s what your command line should look like after you run Eleventy:
+Here’s what your command line should look like after you run Build Awesome:
 
 ```11ty-output
-[11ty] Wrote 0 files in 0.03 seconds ({% latestVersion versions, config %})
+[buildawesome] Wrote 0 files in 0.03 seconds ({% latestVersion versions, config %})
 ```
 
-If you see `({% latestVersion versions, config %})` in your output you know you’re using the newest version. However, Eleventy didn’t process any files! This is expected—we have an empty folder with no templates inside.
+If you see `({% latestVersion versions, config %})` in your output you know you’re using the newest version. However, Build Awesome didn’t process any files! This is expected—we have an empty folder with no templates inside.
 
 ## <span class="numberflag"><span class="sr-only">Step</span> 4</span> Create some templates
 
-A <dfn>template</dfn> is a content file written in a [format such as Markdown, HTML, Liquid, Nunjucks, and more](/docs/languages/), which Eleventy transforms into a page (or pages) when building our site.
+A <dfn>template</dfn> is a content file written in a [format such as Markdown, HTML, Liquid, Nunjucks, and more](/docs/languages/), which Build Awesome transforms into a page (or pages) when building our site.
 
 Let’s run two commands to create two new template files.
 </template>
@@ -183,7 +189,7 @@ echo '# Heading' | npx @11ty/create README.md
 
 <p>Alternatively, you can create these using any text editor — make sure you save them into your project folder and they have the correct file extensions.</p>
 
-<p>After you’ve created an HTML template and a Markdown template, let’s run Eleventy again with the following command:</p>
+<p>After you’ve created an HTML template and a Markdown template, let’s run Build Awesome again with the following command:</p>
 
 <seven-minute-tabs class="tabs-flush tabs-right" persist sync autoheight>
 	<div role="tablist" aria-label="Choose your Package Manager">
@@ -193,17 +199,17 @@ echo '# Heading' | npx @11ty/create README.md
 	</div>
 	<div id="quickstart-run-4-npm" role="tabpanel">
 		<syntax-highlight language="bash">
-npx @11ty/eleventy
+npx @awesome.me/buildawesome
 		</syntax-highlight>
 	</div>
 	<div id="quickstart-run-4-pnpm" role="tabpanel">
 		<syntax-highlight language="bash">
-pnpm exec eleventy
+pnpm exec buildawesome
 		</syntax-highlight>
 	</div>
 	<div id="quickstart-run-4-yarn" role="tabpanel">
 		<syntax-highlight language="bash">
-yarn exec eleventy
+yarn exec buildawesome
 		</syntax-highlight>
 	</div>
 </seven-minute-tabs>
@@ -212,9 +218,9 @@ yarn exec eleventy
 The output might look like this:
 
 ```11ty-output
-[11ty] Writing _site/README/index.html from ./README.md (liquid)
-[11ty] Writing _site/index.html from ./index.html (liquid)
-[11ty] Wrote 2 files in 0.04 seconds ({% latestVersion versions, config %})
+[buildawesome] Writing _site/README/index.html from ./README.md (liquid)
+[buildawesome] Writing _site/index.html from ./index.html (liquid)
+[buildawesome] Wrote 2 files in 0.04 seconds ({% latestVersion versions, config %})
 ```
 
 We’ve now compiled our two content templates in the current directory into the output folder (`_site` is the default).
@@ -248,17 +254,17 @@ Use `--serve` to start up a hot-reloading local web server.
 	</div>
 	<div id="quickstart-run-5-npm" role="tabpanel">
 		<syntax-highlight language="bash">
-			npx @11ty/eleventy --serve
+			npx @awesome.me/buildawesome --serve
 		</syntax-highlight>
 	</div>
 	<div id="quickstart-run-5-pnpm" role="tabpanel">
 		<syntax-highlight language="bash">
-			pnpm exec eleventy --serve
+			pnpm exec buildawesome --serve
 		</syntax-highlight>
 	</div>
 	<div id="quickstart-run-5-yarn" role="tabpanel">
 		<syntax-highlight language="bash">
-			yarn exec eleventy -- --serve
+			yarn exec buildawesome -- --serve
 		</syntax-highlight>
 	</div>
 </seven-minute-tabs>
@@ -268,22 +274,22 @@ Use `--serve` to start up a hot-reloading local web server.
 Your command line might look something like:
 
 ```11ty-output
-[11ty] Writing _site/index.html from ./index.html (liquid)
-[11ty] Writing _site/README/index.html from ./README.md (liquid)
-[11ty] Wrote 2 files in 0.04 seconds ({% latestVersion versions, config %})
-[11ty] Watching…
-[11ty] Server at http://localhost:8080/
+[buildawesome] Writing _site/index.html from ./index.html (liquid)
+[buildawesome] Writing _site/README/index.html from ./README.md (liquid)
+[buildawesome] Wrote 2 files in 0.04 seconds ({% latestVersion versions, config %})
+[buildawesome] Watching…
+[buildawesome] Server at http://localhost:8080/
 ```
 
-Open `http://localhost:8080/` or `http://localhost:8080/README/` in your favorite web browser to see your Eleventy site live! When you save your template files—Eleventy will refresh the browser with your new changes automatically!
+Open `http://localhost:8080/` or `http://localhost:8080/README/` in your favorite web browser to see your website live! When you save your template files—Eleventy will refresh the browser with your new changes automatically!
 
 ## <span class="numberflag"><span class="sr-only">Step</span> 6</span> Put it online (optional)
 
-Your output folder (`_site`) now contains all of the statically built files for your new web site. You can upload this folder to any web host! Head over to our [deployment documentation](/docs/deployment/) to read more about putting your Eleventy project online for everyone to see.
+Your output folder (`_site`) now contains all of the statically built files for your new website. You can upload this folder to any web host! Head over to our [deployment documentation](/docs/deployment/) to read more about putting your Build Awesome project online for everyone to see.
 
 ## <span class="numberflag"><span class="sr-only">Step</span> 7</span> Continue Learning…
 
-Congratulations—you made something with Eleventy! Now put it to work:
+Congratulations—you made something with Build Awesome! Now put it to work:
 
 1. Add more content! In the above tutorial we used [HTML](/docs/languages/html/) and [Markdown](/docs/languages/markdown/). Why not [JavaScript](/docs/languages/javascript/) or [WebC](/docs/languages/webc/) (for components) next? [Nunjucks](/docs/languages/nunjucks/) and [Liquid](/docs/languages/liquid/) are also very popular. Maybe you’re feeling super adventurous and want to [add your own custom type?](/docs/languages/custom/).
 1. Use [a layout file so that you don’t have to repeat boilerplate on every template](/docs/layouts/).
diff --git a/src/docs/javascript-runtime.webc b/src/docs/javascript-runtime.webc
index e599524fe7..59c08333d6 100644
--- a/src/docs/javascript-runtime.webc
+++ b/src/docs/javascript-runtime.webc
@@ -10,52 +10,52 @@ const eleventyNavigation = {
 ---
 <h1>Installing a JavaScript Runtime</h1>
 
-<p>To run Eleventy on your machine, you need at least one JavaScript Runtime (a program to run JavaScript code) installed on your computer. We recommend <a href="https://nodejs.org/">Node.js</a>.</p>
+<p>To run Build Awesome on your computer, you need at least one JavaScript Runtime (a program to run JavaScript code) installed on your computer. We recommend <a href="https://nodejs.org/">Node.js</a>.</p>
 
 <h2>Node.js</h2>
 
-<p>You can check whether or not you have Node.js installed by running <code>node --version</code> in a terminal application. (<a href="/docs/terminal-window/"><em>Well, wait—what is a Terminal?</em></a>)</p>
+<p>You can check whether or not you have Node.js installed by running <code>node --version</code> in a terminal application. (<a href="/docs/terminal-window/">Well, wait—what is a Terminal?</a>)</p>
 
-<p>If the command is not found or it reports a number lower than <node-minimum></node-minimum>, you will need to head over to <a href="https://nodejs.org/en"><code>nodejs.org</code></a> to download and install <strong>Node.js version <node-minimum></node-minimum></strong> or higher (required by Eleventy <eleventy-version></eleventy-version>).</p>
+<p>If the command is not found or it reports a number lower than <node-minimum></node-minimum>, you will need to head over to <a href="https://nodejs.org/en"><code>nodejs.org</code></a> to download and install <strong>Node.js version <node-minimum></node-minimum></strong> or higher (required by Build Awesome <eleventy-version></eleventy-version>).</p>
 
 <p>For more advanced use cases (e.g. having multiple versions of Node.js installed simultaneously), it’s common to use tools like <a href="https://github.com/nvm-sh/nvm"><code>nvm</code></a> or <a href="https://github.com/Schniz/fnm"><code>fnm</code></a>. Platform-specific installation instructions for these tools are available at: <a href="https://nodejs.org/en/download"><code>nodejs.org/en/download</code></a>.</p>
 
 <h3>Odd Numbered Versions of Node.js</h3>
 
-<p>For Node.js versions prior to 27, it is not recommended or supported (by us) to use an odd major version of Node.js (e.g. Node 19, 21, 23, or 25), per guidance on the <a href="https://nodejs.org/en/about/previous-releases">Node.js Releases documentation</a>. Our experience has found that even-numbered major versions are more reliable and we encourage folks to stick with even-numbered releases of Node.js when possible.</p>
+<p>For Node.js versions prior to 27, it is not recommended or supported (by us) to use an odd major version of Node.js (23 or 25), per guidance on the <a href="https://nodejs.org/en/about/previous-releases">Node.js Releases documentation</a>. Our experience has found that even-numbered major versions are more reliable and we encourage folks to stick with even-numbered releases of Node.js when possible.</p>
 
 <p>With <a href="https://nodejs.org/en/blog/announcements/evolving-the-nodejs-release-schedule">Node.js 27, this requirement/recommendation is no longer necessary</a> as Node’s odd-numbered release strategy will be retired.</p>
 
 <h2>Deno</h2>
 
-<p>Eleventy runs great on <a href="https://deno.com/">Deno</a>. We support the latest major version of Deno. This can also be a great way to use <a href="/docs/languages/typescript/">TypeScript</a> and <a href="/docs/languages/jsx/">JSX</a> in your Eleventy projects.</p>
+<p>Build Awesome runs great on <a href="https://deno.com/">Deno</a>. We support the latest major version of Deno. This can also be a great way to use <a href="/docs/languages/typescript/">TypeScript</a> and <a href="/docs/languages/jsx/">JSX</a> in your projects.</p>
 
-<p>You can check whether or not you have Deno installed by running <code>deno --version</code> in a terminal application. (<a href="/docs/terminal-window/"><em>Well, wait—what is a Terminal?</em></a>)</p>
+<p>You can check whether or not you have Deno installed by running <code>deno --version</code> in a terminal application. (<a href="/docs/terminal-window/">Well, wait—what is a Terminal?</a>)</p>
 
-<p>You’ll run Eleventy on Deno using one of these commands:</p>
+<p>You’ll run Build Awesome on Deno using one of these commands:</p>
 
 <syntax-highlight language="shell">
-deno --allow-all npm:@11ty/eleventy
-deno --allow-all npm:@11ty/eleventy --serve
+deno --allow-all npm:@awesome.me/buildawesome
+deno --allow-all npm:@awesome.me/buildawesome --serve
 </syntax-highlight>
 
-<p>Read about our plans to <a href="https://github.com/11ty/eleventy/issues/3278">move away from <code>--allow-all</code> on #3278</a>.</p>
+<p>Read about our plans to <a href="https://github.com/11ty/buildawesome/issues/3278">move away from <code>--allow-all</code> on #3278</a>.</p>
 
 <h3>Deno v2.6+</h3>
 
 <p>If you're on <a href="https://deno.com/blog/v2.6">Deno 2.6</a> or higher you can also use <code>deno x</code> (which includes an implied <code>--allow-all</code> and <code>npm:</code> by default):</p>
 
 <syntax-highlight language="shell">
-deno x @11ty/eleventy
-deno x @11ty/eleventy --serve
+deno x @awesome.me/buildawesome
+deno x @awesome.me/buildawesome --serve
 </syntax-highlight>
 
 <p>Alternatively, you can use <code>dx</code> (after running <code>deno x --install-alias</code>):</p>
 <syntax-highlight language="shell">
-dx @11ty/eleventy
-dx @11ty/eleventy --serve
+dx @awesome.me/buildawesome
+dx @awesome.me/buildawesome --serve
 </syntax-highlight>
 
 <h2>Web Browsers</h2>
 
-<div class="elv-callout elv-callout-info"><div class="elv-callout-c">We’re working on a feature to run Eleventy v4 in your web browser (this won’t require any installation or terminal windows). Stay tuned!</div></div>
+<div class="elv-callout elv-callout-info"><div class="elv-callout-c">We’re working on a feature to run Build Awesome in your web browser (this won’t require any installation or terminal windows). Stay tuned!</div></div>
diff --git a/src/docs/languages/custom.md b/src/docs/languages/custom.md
index 908db966c0..e41941310b 100644
--- a/src/docs/languages/custom.md
+++ b/src/docs/languages/custom.md
@@ -23,13 +23,13 @@ Eleventy now allows the addition of custom template extensions, meaning that you
 `clowd` is a pretend templating language that we’ve just created. It uses the `.clowd` file extension. The purpose of the language is to translate any occurrences of the word `cloud` to the word `butt` instead.
 
 {% set codeContent %}
-export default function (eleventyConfig) {
+export default function ($config) {
 	// Add as a valid extension to process
 	// Alternatively, add this to the list of formats you pass to the `--formats` CLI argument
-	eleventyConfig.addTemplateFormats("clowd");
+	$config.addTemplateFormats("clowd");
 
 	// "clowd" here means that the extension will apply to any .clowd file
-	eleventyConfig.addExtension("clowd", {
+	$config.addExtension("clowd", {
 		compile: async (inputContent) => {
 			// Replace any instances of cloud with butt
 			let output = inputContent.replace(/cloud/gi, "butt");
@@ -58,11 +58,11 @@ For a more realistic sample, here’s an example of Eleventy looking for all `.s
 // Don’t forget to `npm install sass`!
 import * as sass from "sass";
 
-export default function (eleventyConfig) {
-	eleventyConfig.addTemplateFormats("scss");
+export default function ($config) {
+	$config.addTemplateFormats("scss");
 
 	// Creates the extension for use
-	eleventyConfig.addExtension("scss", {
+	$config.addExtension("scss", {
 		outputFileExtension: "css", // optional, default: "html"
 
 		// `compile` is called once per .scss file in the input directory
@@ -90,7 +90,7 @@ The above extension would process a file located at `subdir/test.scss` to the ou
 You can pass in both the file’s `inputPath` and the Eleventy includes folder to provide a set of directories to look for when using Sass’ `@use`, `@forward`, and `@import` features. Read more about [`loadPaths` on the Sass documentation](https://sass-lang.com/documentation/js-api/interfaces/Options#loadPaths).
 
 <!-- TODO -->
-{% codetitle "eleventy.config.js" %}
+{% codetitle "buildawesome.config.js" %}
 
 ```diff-js
 // some configuration omitted…
@@ -170,13 +170,13 @@ This functionality is more-or-less identical to the [`compileOptions` `permalink
 {% addedin "2.0.0-canary.19" %} If `key` is the _only_ property in the options object, we treat the extension as an alias and use the existing upstream template syntax.
 
 {% set codeContent %}
-export default function (eleventyConfig) {
-	eleventyConfig.addExtension("11ty.jsx", {
+export default function ($config) {
+	$config.addExtension("11ty.jsx", {
 		key: "11ty.js",
 	});
 
 	// Or, you can pass an array of extensions in {{ "2.0.0-canary.19" | coerceVersion }} or newer.
-	eleventyConfig.addExtension(["11ty.jsx", "11ty.ts", "11ty.tsx"], {
+	$config.addExtension(["11ty.jsx", "11ty.ts", "11ty.tsx"], {
 		key: "11ty.js",
 	});
 };
@@ -198,8 +198,8 @@ In these example, we switch from the Eleventy default `markdown-it` to `marked`
 {% set codeContent %}
 import { marked } from "marked";
 
-export default function (eleventyConfig) {
-	eleventyConfig.addExtension("md", {
+export default function ($config) {
+	$config.addExtension("md", {
 		compile: function (inputContent, inputPath) {
 			let html = marked.parse(inputContent);
 
@@ -228,12 +228,12 @@ You can override a template language once. Any attempts to override an more than
 
 If you want to add support for universal filters and shortcodes in your custom template language, you can do so with the following configuration API methods. Related [GitHub #3310](https://github.com/11ty/eleventy/issues/3310).
 
-* `eleventyConfig.getFilter(name)` {% addedin "0.10.0" %}
-* `eleventyConfig.getFilters()` {% addedin "3.0.0-alpha.15" %}
-* `eleventyConfig.getShortcode(name)` {% addedin "3.0.0-alpha.15" %}
-* `eleventyConfig.getShortcodes()` {% addedin "3.0.0-alpha.15" %}
-* `eleventyConfig.getPairedShortcode(name)` {% addedin "3.0.0-alpha.15" %}
-* `eleventyConfig.getPairedShortcodes()` {% addedin "3.0.0-alpha.15" %}
+* `$config.getFilter(name)` {% addedin "0.10.0" %}
+* `$config.getFilters()` {% addedin "3.0.0-alpha.15" %}
+* `$config.getShortcode(name)` {% addedin "3.0.0-alpha.15" %}
+* `$config.getShortcodes()` {% addedin "3.0.0-alpha.15" %}
+* `$config.getPairedShortcode(name)` {% addedin "3.0.0-alpha.15" %}
+* `$config.getPairedShortcodes()` {% addedin "3.0.0-alpha.15" %}
 
 ## Full Options List
 
@@ -273,7 +273,7 @@ Shortcodes and Filters both provide access to `page` and `eleventy` (via `this.p
 	compile: function(compileFn) {
 		return function(data) {
 			// Binds this.page and this.eleventy to your render context (and any future additions added later)
-			let renderFn = eleventyConfig.augmentFunctionContext(compileFn, {
+			let renderFn = $config.augmentFunctionContext(compileFn, {
 				source: data,
 
 				// Overwrite existing values?
@@ -449,7 +449,7 @@ _Optional_. This has the same signature as the `compile` function and expects a
 
 This provides another way to implement Sass’ underscore convention to skip writing the file to the output directory:
 
-{% codetitle "eleventy.config.js" %}
+{% codetitle "buildawesome.config.js" %}
 
 ```js
 	// … some configuration truncated
diff --git a/src/docs/languages/ejs.md b/src/docs/languages/ejs.md
index 031b928d52..370a3128b8 100644
--- a/src/docs/languages/ejs.md
+++ b/src/docs/languages/ejs.md
@@ -43,8 +43,8 @@ Add to your configuration file:
 {% set codeContent %}
 import ejsPlugin from "@11ty/eleventy-plugin-ejs";
 
-export default function (eleventyConfig) {
-	eleventyConfig.addPlugin(ejsPlugin);
+export default function ($config) {
+	$config.addPlugin(ejsPlugin);
 }
 {% endset %}
 {% include "snippets/configDefinition.njk" %}
@@ -56,8 +56,8 @@ Use more `ejs` options ([full options list](https://github.com/mde/ejs#options))
 import ejs from "ejs";
 import ejsPlugin from "@11ty/eleventy-plugin-ejs";
 
-export default function (eleventyConfig) {
-	eleventyConfig.addPlugin(ejsPlugin, {
+export default function ($config) {
+	$config.addPlugin(ejsPlugin, {
 		async: false, // default
 
 		// use <? ?> instead of <% %>
diff --git a/src/docs/languages/haml.md b/src/docs/languages/haml.md
index 52a074abe9..f6cca9e665 100644
--- a/src/docs/languages/haml.md
+++ b/src/docs/languages/haml.md
@@ -43,8 +43,8 @@ Add to your configuration file:
 {% set codeContent %}
 import hamlPlugin from "@11ty/eleventy-plugin-haml";
 
-export default function (eleventyConfig) {
-	eleventyConfig.addPlugin(hamlPlugin);
+export default function ($config) {
+	$config.addPlugin(hamlPlugin);
 }
 {% endset %}
 {% include "snippets/configDefinition.njk" %}
@@ -55,8 +55,8 @@ Use more options:
 import haml from "hamljs";
 import hamlPlugin from "@11ty/eleventy-plugin-haml";
 
-export default function (eleventyConfig) {
-	eleventyConfig.addPlugin(hamlPlugin, {
+export default function ($config) {
+	$config.addPlugin(hamlPlugin, {
 		// Override the `haml` library instance
 		eleventyLibraryOverride: haml,
 	});
diff --git a/src/docs/languages/handlebars.md b/src/docs/languages/handlebars.md
index a17496e9a6..b0d2c31825 100644
--- a/src/docs/languages/handlebars.md
+++ b/src/docs/languages/handlebars.md
@@ -45,8 +45,8 @@ Add to your configuration file (ESM version shown):
 {% set codeContent %}
 import handlebarsPlugin from "@11ty/eleventy-plugin-handlebars";
 
-export default function (eleventyConfig) {
-	eleventyConfig.addPlugin(handlebarsPlugin);
+export default function ($config) {
+	$config.addPlugin(handlebarsPlugin);
 }
 {% endset %}
 {% include "snippets/configDefinition.njk" %}
@@ -58,8 +58,8 @@ Use more options:
 import handlebars from "handlebars";
 import handlebarsPlugin from "@11ty/eleventy-plugin-handlebars";
 
-export default function (eleventyConfig) {
-	eleventyConfig.addPlugin(handlebarsPlugin, {
+export default function ($config) {
+	$config.addPlugin(handlebarsPlugin, {
 		// Override the `ejs` library instance
 		eleventyLibraryOverride: handlebars,
 	});
@@ -102,8 +102,8 @@ Shortcodes are basically reusable bits of content. Handlebars makes use of exist
 {% callout "warn", "md" %}Asynchronous shortcodes are not supported by Handlebars. Read more at [this Handlebars issue](https://github.com/wycats/handlebars.js/issues/717).{% endcallout %}
 
 {% set codeContent %}
-export default function(eleventyConfig) {
-  eleventyConfig.addShortcode("user", function(name, twitterUsername) {
+export default function($config) {
+  $config.addShortcode("user", function(name, twitterUsername) {
     return `<div class="user">
 <div class="user_name">${name}</div>
 <div class="user_twitter">@${twitterUsername}</div>
@@ -139,8 +139,8 @@ export default function(eleventyConfig) {
 {% callout "warn", "md" %}Asynchronous shortcodes are not supported by Handlebars. Read more at [this Handlebars issue](https://github.com/wycats/handlebars.js/issues/717).{% endcallout %}
 
 {% set codeContent %}
-export default function(eleventyConfig) {
-  eleventyConfig.addPairedShortcode("user", function(bioContent, name, twitterUsername) {
+export default function($config) {
+  $config.addPairedShortcode("user", function(bioContent, name, twitterUsername) {
     return `<div class="user">
 <div class="user_name">${name}</div>
 <div class="user_twitter">@${twitterUsername}</div>
diff --git a/src/docs/languages/html.md b/src/docs/languages/html.md
index b7c784d6a3..7bf33fc647 100644
--- a/src/docs/languages/html.md
+++ b/src/docs/languages/html.md
@@ -27,10 +27,10 @@ Take care with the HTML template type when using the same <code>--input</code> a
 If you run Eleventy more than once, it’ll try to process your output files too which may result in duplicate template errors.
 
 {%- set codeBlock %}{% raw %}
-$ npx @11ty/eleventy --input=. --output=. --formats=md,html
+$ npx @awesome.me/buildawesome --input=. --output=. --formats=md,html
 Writing ./README/index.html from ./README.md
 
-$ npx @11ty/eleventy --input=. --output=. --formats=md,html
+$ npx @awesome.me/buildawesome --input=. --output=. --formats=md,html
 {% endraw %}{%- endset %}
 {{ codeBlock | highlight("bash") | safe }}
 
diff --git a/src/docs/languages/javascript.md b/src/docs/languages/javascript.md
index 09ca73b634..fb8b02cf9f 100644
--- a/src/docs/languages/javascript.md
+++ b/src/docs/languages/javascript.md
@@ -258,8 +258,8 @@ export default Test;
 A JavaScript Template Function allows you to extend your JavaScript templates with extra functionality. If you add any Universal Filters or Shortcodes, they will be exposed as JavaScript Template Functions.
 
 {% set codeContent %}
-export default function(eleventyConfig) {
-  eleventyConfig.addJavaScriptFunction("myFunction", function(a, b) { /* … */ });
+export default function($config) {
+  $config.addJavaScriptFunction("myFunction", function(a, b) { /* … */ });
 };
 {% endset %}
 {% include "snippets/configDefinition.njk" %}
@@ -279,8 +279,8 @@ This works the same as any `async` JavaScript function or function that returns
 This is the same as the example above but adds `async` before the `function`.
 
 {% set codeContent %}
-export default function(eleventyConfig) {
-  eleventyConfig.addJavaScriptFunction("myAsyncFunction", async function(a, b) { /* … */ });
+export default function($config) {
+  $config.addJavaScriptFunction("myAsyncFunction", async function(a, b) { /* … */ });
 };
 {% endset %}
 {% include "snippets/configDefinition.njk" %}
@@ -318,15 +318,15 @@ export default (data) => {
 Any universal filters or shortcodes will also be available as JavaScript Template Functions.
 
 {% set codeContent %}
-export default function(eleventyConfig) {
+export default function($config) {
   // Universal filters (Adds to Liquid, Nunjucks, 11ty.js)
-  eleventyConfig.addFilter("myFilter", function(myVariable) { /* … */ });
+  $config.addFilter("myFilter", function(myVariable) { /* … */ });
 
   // Universal Shortcodes (Adds to Liquid, Nunjucks, 11ty.js)
-  eleventyConfig.addShortcode("user", function(firstName, lastName) { /* … */ });
+  $config.addShortcode("user", function(firstName, lastName) { /* … */ });
 
   // Universal Paired Shortcodes (Adds to Liquid, Nunjucks, 11ty.js)
-  eleventyConfig.addPairedShortcode("pairedUser", function(content, firstName, lastName) { /* … */ });
+  $config.addPairedShortcode("pairedUser", function(content, firstName, lastName) { /* … */ });
 };
 {% endset %}
 {% include "snippets/configDefinition.njk" %}
@@ -353,8 +353,8 @@ export default function (data) {
 If you aren’t using an arrow function, JavaScript Functions (and Nunjucks, Liquid Shortcodes) will have access to Eleventy [`page` data values](/docs/data-eleventy-supplied/#page-variable-contents) without needing to pass them in as arguments.
 
 {% set codeContent %}
-export default function (eleventyConfig) {
-	eleventyConfig.addJavaScriptFunction("myFunction", function () {
+export default function ($config) {
+	$config.addJavaScriptFunction("myFunction", function () {
 		// Available in 0.11.0 and above
 		console.log(this.page);
 
diff --git a/src/docs/languages/jsx.md b/src/docs/languages/jsx.md
index 38f9863313..cc06f67e6e 100644
--- a/src/docs/languages/jsx.md
+++ b/src/docs/languages/jsx.md
@@ -23,14 +23,14 @@ layout: layouts/langs.njk
 
 {% addedin "3.0.0-alpha.11" %}Here we use [`tsx`]({{ externalLinks.tsxNodeUse }}) to process JSX files. If you’re looking for TypeScript only, there are [simpler methods in Node.js](/docs/languages/typescript/).
 
-<div class="codetitle">eleventy.config.js</div>
+<div class="codetitle">buildawesome.config.js</div>
 {%- set codeBlock %}
 import "tsx/esm";
 import { renderToStaticMarkup } from "react-dom/server";
 
-export default function (eleventyConfig) {
+export default function ($config) {
 	// We can add support for TypeScript too, at the same time:
-	eleventyConfig.addExtension(["11ty.jsx", "11ty.ts", "11ty.tsx"], {
+	$config.addExtension(["11ty.jsx", "11ty.ts", "11ty.tsx"], {
 		key: "11ty.js",
 		compile: function () {
 			return async function (data) {
@@ -42,7 +42,7 @@ export default function (eleventyConfig) {
 
 	// Add to --formats via Configuration
 	// or via CLI: --formats=11ty.jsx,11ty.ts,11ty.tsx
-	eleventyConfig.addTemplateFormats(["11ty.jsx", "11ty.ts", "11ty.tsx"]);
+	$config.addTemplateFormats(["11ty.jsx", "11ty.ts", "11ty.tsx"]);
 }
 {%- endset %}
 {{ codeBlock | highlight("js") | safe }}
@@ -61,15 +61,15 @@ If you’d like an approach that works with CommonJS and Eleventy 2.0, you can u
 
 Your config file might look like this:
 
-{% codetitle "eleventy.config.js (CommonJS)" %}
+{% codetitle "buildawesome.config.js (CommonJS)" %}
 {%- set codeBlock %}
 const { register } = require("esbuild-register/dist/node");
 
 register();
 
-module.exports = function(eleventyConfig) {
+module.exports = function($config) {
 	// We can add support for TypeScript too, at the same time:
-	eleventyConfig.addExtension(["11ty.jsx", "11ty.ts", "11ty.tsx"], {
+	$config.addExtension(["11ty.jsx", "11ty.ts", "11ty.tsx"], {
 		key: "11ty.js",
 	});
 };
@@ -79,6 +79,6 @@ module.exports = function(eleventyConfig) {
 Now run Eleventy and tell it to process `11ty.jsx` and `11ty.tsx` files:
 
 {%- set codeBlock %}
-npx @11ty/eleventy --formats=11ty.jsx,11ty.tsx
+npx @awesome.me/buildawesome --formats=11ty.jsx,11ty.tsx
 {%- endset %}
 {{ codeBlock | highlight("bash") | safe }}
\ No newline at end of file
diff --git a/src/docs/languages/liquid.md b/src/docs/languages/liquid.md
index 262fd7688f..b10b5a84a0 100644
--- a/src/docs/languages/liquid.md
+++ b/src/docs/languages/liquid.md
@@ -39,8 +39,8 @@ Rather than constantly fixing outdated documentation, [find `getLiquidOptions` i
 Surprising to JavaScript developers—in [LiquidJS both `""` and `0` are truthy values](https://liquidjs.com/tutorials/truthy-and-falsy.html)! If you’d like to switch to use more JS-familiar conventions, use the Liquid option `jsTruthy: true` in your Eleventy config:
 
 {% set codeContent %}
-export default function (eleventyConfig) {
-	eleventyConfig.setLiquidOptions({
+export default function ($config) {
+	$config.setLiquidOptions({
 		jsTruthy: true,
 	});
 };
@@ -52,8 +52,8 @@ export default function (eleventyConfig) {
 It’s recommended to use the Configuration API to override the default options above.
 
 {% set codeContent %}
-export default function (eleventyConfig) {
-	eleventyConfig.setLiquidOptions({
+export default function ($config) {
+	$config.setLiquidOptions({
 		dynamicPartials: false,
 		strictFilters: false, // renamed from `strict_filters` in Eleventy 1.0
 	});
@@ -70,7 +70,7 @@ As an escape mechanism for advanced usage, pass in your own instance of the Liqu
 {% set codeContent %}
 import { Liquid } from "liquidjs";
 
-export default function (eleventyConfig) {
+export default function ($config) {
 	let options = {
 		extname: ".liquid",
 		dynamicPartials: false,
@@ -78,7 +78,7 @@ export default function (eleventyConfig) {
 		root: ["_includes"],
 	};
 
-	eleventyConfig.setLibrary("liquid", new Liquid(options));
+	$config.setLibrary("liquid", new Liquid(options));
 };
 {% endset %}
 {% include "snippets/configDefinition.njk" %}
@@ -121,15 +121,15 @@ Read more about [LiquidJS Filter syntax](https://liquidjs.com/tutorials/register
 Note that Liquid supports asynchronous filters out of the box (without any additional code or API method changes).
 
 {% set codeContent %}
-export default function(eleventyConfig) {
+export default function($config) {
   // Liquid Filter
-  eleventyConfig.addLiquidFilter("myLiquidFilter", function(myVariable) { /* … */ });
+  $config.addLiquidFilter("myLiquidFilter", function(myVariable) { /* … */ });
 
   // Async-friendly too
-  eleventyConfig.addLiquidFilter("myAsyncLiquidFilter", async function(myVariable) { /* … */ });
+  $config.addLiquidFilter("myAsyncLiquidFilter", async function(myVariable) { /* … */ });
 
   // Universal filters (Adds to Liquid, Nunjucks, 11ty.js)
-  eleventyConfig.addFilter("myFilter", function(myVariable) { /* … */ });
+  $config.addFilter("myFilter", function(myVariable) { /* … */ });
 };
 {% endset %}
 {% include "snippets/configDefinition.njk" %}
@@ -147,9 +147,9 @@ export default function(eleventyConfig) {
 ### Multiple Filter Arguments
 
 {% set codeContent %}
-export default function (eleventyConfig) {
+export default function ($config) {
 	// Liquid Filter
-	eleventyConfig.addLiquidFilter(
+	$config.addLiquidFilter(
 		"concatThreeStrings",
 		function (arg1, arg2, arg3) {
 			return arg1 + arg2 + arg3;
@@ -174,13 +174,13 @@ Shortcodes are basically reusable bits of content. You can add Liquid specific s
 ### Shortcode
 
 {% set codeContent %}
-export default function(eleventyConfig) {
+export default function($config) {
   // Liquid Shortcode
   // These can be async functions too
-  eleventyConfig.addLiquidShortcode("user", function(name, twitterUsername) { /* … */ });
+  $config.addLiquidShortcode("user", function(name, twitterUsername) { /* … */ });
 
   // Universal Shortcodes (Adds to Liquid, Nunjucks, 11ty.js)
-  eleventyConfig.addShortcode("user", function(name, twitterUsername) {
+  $config.addShortcode("user", function(name, twitterUsername) {
     return `<div class="user">
 <div class="user_name">${name}</div>
 <div class="user_twitter">@${twitterUsername}</div>
@@ -217,13 +217,13 @@ export default function(eleventyConfig) {
 ### Paired Shortcode
 
 {% set codeContent %}
-export default function(eleventyConfig) {
+export default function($config) {
   // Liquid Shortcode
   // These can be async functions too
-  eleventyConfig.addPairedLiquidShortcode("user2", function(bioContent, name, twitterUsername) { /* … */ });
+  $config.addPairedLiquidShortcode("user2", function(bioContent, name, twitterUsername) { /* … */ });
 
   // Universal Shortcodes (Adds to Liquid, Nunjucks, 11ty.js)
-  eleventyConfig.addPairedShortcode("user2", function(bioContent, name, twitterUsername) {
+  $config.addPairedShortcode("user2", function(bioContent, name, twitterUsername) {
     return `<div class="user">
 <div class="user_name">${name}</div>
 <div class="user_twitter">@${twitterUsername}</div>
@@ -264,15 +264,15 @@ Nebraska beaches. {% enduser2 %}
 Liquid is already promise-based internally so `async` functions with `await` work fine out of the box.
 
 {% set codeContent %}
-export default function (eleventyConfig) {
-	eleventyConfig.addLiquidShortcode(
+export default function ($config) {
+	$config.addLiquidShortcode(
 		"user",
 		async function (name, twitterUsername) {
 			return await fetchAThing();
 		}
 	);
 
-	eleventyConfig.addPairedShortcode(
+	$config.addPairedShortcode(
 		"user2",
 		async function (content, name, twitterUsername) {
 			return await fetchAThing();
@@ -300,12 +300,12 @@ Zach likes to take long walks on Nebraska beaches. {% enduser2 %}
 Eleventy’s includes its own parameter parsing implementation for shortcodes. To swap to a more robust, Liquid-native solution, use the `setLiquidParameterParsing` Configuration API method. This will likely be enabled by default in a future major version of Eleventy. Related [GitHub #2679](https://github.com/11ty/eleventy/issues/2679).
 
 {% set codeContent %}
-export default function (eleventyConfig) {
+export default function ($config) {
 	// Current default:
-	// eleventyConfig.setLiquidParameterParsing("legacy");
+	// $config.setLiquidParameterParsing("legacy");
 
 	// Liquid-native
-	eleventyConfig.setLiquidParameterParsing("builtin");
+	$config.setLiquidParameterParsing("builtin");
 };
 {% endset %}
 {% include "snippets/configDefinition.njk" %}
@@ -315,8 +315,8 @@ export default function (eleventyConfig) {
 If you aren’t using an arrow function, Liquid Shortcodes (and Nunjucks and 11ty.js JavaScript Functions) will have access to Eleventy [`page` data values](/docs/data-eleventy-supplied/#page-variable-contents) without needing to pass them in as arguments.
 
 {% set codeContent %}
-export default function (eleventyConfig) {
-	eleventyConfig.addLiquidShortcode("myShortcode", function () {
+export default function ($config) {
+	$config.addLiquidShortcode("myShortcode", function () {
 		// Available in 0.11.0 and above
 		console.log(this.page);
 
diff --git a/src/docs/languages/markdown.md b/src/docs/languages/markdown.md
index 80ba7ba53b..1f8353b256 100644
--- a/src/docs/languages/markdown.md
+++ b/src/docs/languages/markdown.md
@@ -52,14 +52,14 @@ Pass in your own instance of the Markdown library using the Configuration API. S
 {% set codeContent %}
 import markdownIt from "markdown-it";
 
-export default function (eleventyConfig) {
+export default function ($config) {
 	let options = {
 		html: true,
 		breaks: true,
 		linkify: true,
 	};
 
-	eleventyConfig.setLibrary("md", markdownIt(options));
+	$config.setLibrary("md", markdownIt(options));
 };
 {% endset %}
 {% include "snippets/configDefinition.njk" %}
@@ -69,8 +69,8 @@ export default function (eleventyConfig) {
 Run your own callback on the provided Library instance (the default _or_ any provided by `setLibrary` above).
 
 {% set codeContent %}
-export default function (eleventyConfig) {
-	eleventyConfig.amendLibrary("md", (mdLib) => mdLib.enable("code"));
+export default function ($config) {
+	$config.amendLibrary("md", (mdLib) => mdLib.enable("code"));
 };
 {% endset %}
 {% include "snippets/configDefinition.njk" %}
@@ -85,8 +85,8 @@ Pass in your own `markdown-it` plugins using the `amendLibrary` (Eleventy &gt;=
 {%- set codeBlock %}
 import { full as emoji } from "markdown-it-emoji";
 
-export default function (eleventyConfig) {
-	eleventyConfig.amendLibrary("md", (mdLib) => mdLib.use(emoji));
+export default function ($config) {
+	$config.amendLibrary("md", (mdLib) => mdLib.use(emoji));
 };
 {%- endset %}
 {{ codeBlock | highlight("js") | safe }}
@@ -132,8 +132,8 @@ After [listening to community feedback](https://github.com/11ty/eleventy/issues/
 To re-enable Indented Code Blocks in Eleventy 2.0 (or newer), use the [`amendLibrary` approach](#optional-amend-the-library-instance). Make sure you read through the warning documented below to understand the ramifications.
 
 ```js
-module.exports = function (eleventyConfig) {
-	eleventyConfig.amendLibrary("md", (mdLib) => mdLib.enable("code"));
+module.exports = function ($config) {
+	$config.amendLibrary("md", (mdLib) => mdLib.enable("code"));
 };
 ```
 
@@ -146,7 +146,7 @@ When using [Indented Code Blocks](#indented-code-blocks), any content that follo
 
 ```js
 // 🛑 Bad, don’t do this
-eleventyConfig.addShortcode("badShortcode", function () {
+$config.addShortcode("badShortcode", function () {
 	return `
     This is a code block in a markdown file!
 `;
@@ -157,7 +157,7 @@ eleventyConfig.addShortcode("badShortcode", function () {
 
 ```js
 // ✅ This will return expected output
-eleventyConfig.addShortcode("goodShortcode", function () {
+$config.addShortcode("goodShortcode", function () {
 	return `
 This will not be a code block in a markdown file.
 `;
@@ -168,7 +168,7 @@ If you still wish to indent your template literals, you can use [outdent](https:
 
 ```js
 // ✅ This is also acceptable
-eleventyConfig.addShortcode("alsoGoodShortcode", function () {
+$config.addShortcode("alsoGoodShortcode", function () {
 	return outdent`
     This will not be a code block in a markdown file.
 `;
@@ -183,12 +183,12 @@ eleventyConfig.addShortcode("alsoGoodShortcode", function () {
 ```js
 const markdownIt = require("markdown-it");
 
-module.exports = function (eleventyConfig) {
+module.exports = function ($config) {
 	let options = {
 		// … truncated for brevity
 	};
 
-	eleventyConfig.setLibrary("md", markdownIt(options).disable("code"));
+	$config.setLibrary("md", markdownIt(options).disable("code"));
 };
 ```
 
@@ -205,8 +205,8 @@ module.exports = function (eleventyConfig) {
 The truth is, **you can** return markdown inside shortcodes (as long as the file is transforming markdown, either as a `.md` file extension or [with `templateEngineOverride`](/docs/template-overrides/)). However, there is one small wrinkle that might catch you off guard.
 
 {% set codeContent %}
-export default function(eleventyConfig) {
-	eleventyConfig.addPairedShortcode("myShortcode", function (content) {
+export default function($config) {
+	$config.addPairedShortcode("myShortcode", function (content) {
 		// Method A: ✅ This works fine
 		return content;
 
diff --git a/src/docs/languages/mdx.md b/src/docs/languages/mdx.md
index d697dddaa8..feeefcaf3b 100644
--- a/src/docs/languages/mdx.md
+++ b/src/docs/languages/mdx.md
@@ -25,15 +25,15 @@ layout: layouts/langs.njk
 
 The following configuration will read `*.mdx` files with full compatibility for [front matter](../data-frontmatter.md) (in `.mdx` files!). _[GitHub #3760](https://github.com/11ty/eleventy/issues/3760)._
 
-<div class="codetitle">eleventy.config.js</div>
+<div class="codetitle">buildawesome.config.js</div>
 {%- set codeBlock %}
 import {pathToFileURL} from "node:url";
 import {evaluate} from "@mdx-js/mdx";
 import {renderToStaticMarkup} from "react-dom/server";
 import * as runtime from "react/jsx-runtime";
 
-export default function(eleventyConfig) {
-	eleventyConfig.addExtension("mdx", {
+export default function($config) {
+	$config.addExtension("mdx", {
 		compile: async (str, inputPath) => {
 			const { default: mdxContent } = await evaluate(str, {
 				...runtime,
@@ -53,11 +53,11 @@ export default function(eleventyConfig) {
 Now run Eleventy and tell it to process `mdx` files:
 
 {%- set codeBlock %}
-npx @11ty/eleventy --formats=mdx
+npx @awesome.me/buildawesome --formats=mdx
 {%- endset %}
 {{ codeBlock | highlight("bash") | safe }}
 
-Alternatively, you can add `eleventyConfig.addTemplateFormats("mdx")` to your configuration file.
+Alternatively, you can add `$config.addTemplateFormats("mdx")` to your configuration file.
 
 ### Example
 
@@ -83,15 +83,15 @@ Read more on the [What is MDX? docs](https://mdxjs.com/docs/what-is-mdx/).
 
 {% addedin "3.0.0-alpha.11" %}MDX also provides a Node.js loader ([`@mdx-js/node-loader`](https://mdxjs.com/packages/node-loader/) on npm). This approach may be marginally faster but will **not** include support for Front Matter in `.mdx` files.
 
-<div class="codetitle">eleventy.config.js</div>
+<div class="codetitle">buildawesome.config.js</div>
 {%- set codeBlock %}
 import {register} from 'node:module';
 import {renderToStaticMarkup} from 'react-dom/server'
 
 register('@mdx-js/node-loader', import.meta.url);
 
-export default function(eleventyConfig) {
-	eleventyConfig.addExtension("mdx", {
+export default function($config) {
+	$config.addExtension("mdx", {
 		key: "11ty.js",
 		compile: () => {
 			return async function(data) {
diff --git a/src/docs/languages/mustache.md b/src/docs/languages/mustache.md
index 4f0aa908bd..c701a583cc 100644
--- a/src/docs/languages/mustache.md
+++ b/src/docs/languages/mustache.md
@@ -40,8 +40,8 @@ Add to your configuration file:
 {% set codeContent %}
 import mustachePlugin from "@11ty/eleventy-plugin-mustache";
 
-export default function (eleventyConfig) {
-	eleventyConfig.addPlugin(mustachePlugin);
+export default function ($config) {
+	$config.addPlugin(mustachePlugin);
 }
 {% endset %}
 {% include "snippets/configDefinition.njk" %}
@@ -52,8 +52,8 @@ Use more options:
 import mustache from "mustache";
 import mustachePlugin from "@11ty/eleventy-plugin-mustache";
 
-export default function (eleventyConfig) {
-	eleventyConfig.addPlugin(mustachePlugin, {
+export default function ($config) {
+	$config.addPlugin(mustachePlugin, {
 		// Override the `mustache` library instance
 		eleventyLibraryOverride: mustache,
 	});
diff --git a/src/docs/languages/nunjucks.md b/src/docs/languages/nunjucks.md
index ffe6fb63e2..0997795fa4 100644
--- a/src/docs/languages/nunjucks.md
+++ b/src/docs/languages/nunjucks.md
@@ -37,8 +37,8 @@ We use [Nunjucks defaults for all environment options](https://mozilla.github.io
 It’s recommended to use the Configuration API to override the default Nunjucks options.
 
 {% set codeContent %}
-export default function (eleventyConfig) {
-	eleventyConfig.setNunjucksEnvironmentOptions({
+export default function ($config) {
+	$config.setNunjucksEnvironmentOptions({
 		throwOnUndefined: true,
 		autoescape: false, // warning: don’t do this!
 	});
@@ -55,12 +55,12 @@ While it is preferred and simpler to use the Options-specific API method above (
 {% set codeContent %}
 import Nunjucks from "nunjucks";
 
-export default function (eleventyConfig) {
+export default function ($config) {
 	let nunjucksEnvironment = new Nunjucks.Environment(
 		new Nunjucks.FileSystemLoader("_includes")
 	);
 
-	eleventyConfig.setLibrary("njk", nunjucksEnvironment);
+	$config.setLibrary("njk", nunjucksEnvironment);
 };
 {% endset %}
 {% include "snippets/configDefinition.njk" %}
@@ -87,15 +87,15 @@ Filters are used to transform or modify content. You can add Nunjucks specific f
 Read more about [Nunjucks Filter syntax](https://mozilla.github.io/nunjucks/templating.html#filters).
 
 {% set codeContent %}
-export default function(eleventyConfig) {
+export default function($config) {
   // Nunjucks Filter
-  eleventyConfig.addNunjucksFilter("myNjkFilter", function(value) { /* … */ });
+  $config.addNunjucksFilter("myNjkFilter", function(value) { /* … */ });
 
   // Nunjucks Asynchronous Filter (read on below)
-  eleventyConfig.addNunjucksAsyncFilter("myAsyncNjkFilter", function(value, callback) { /* … */ });
+  $config.addNunjucksAsyncFilter("myAsyncNjkFilter", function(value, callback) { /* … */ });
 
   // Universal filters (Adds to Liquid, Nunjucks, and 11ty.js)
-  eleventyConfig.addFilter("myFilter", function(value) { /* … */ });
+  $config.addFilter("myFilter", function(value) { /* … */ });
 };
 {% endset %}
 {% include "snippets/configDefinition.njk" %}
@@ -113,9 +113,9 @@ export default function(eleventyConfig) {
 ### Multiple Filter Arguments
 
 {% set codeContent %}
-export default function (eleventyConfig) {
+export default function ($config) {
 	// Nunjucks Filter
-	eleventyConfig.addNunjucksFilter(
+	$config.addNunjucksFilter(
 		"concatThreeStrings",
 		function (arg1, arg2, arg3) {
 			return arg1 + arg2 + arg3;
@@ -138,8 +138,8 @@ export default function (eleventyConfig) {
 By default, almost all templating engines are synchronous. Nunjucks supports some asynchronous behavior, like filters. Here’s how that works:
 
 {% set codeContent %}
-export default function (eleventyConfig) {
-	eleventyConfig.addNunjucksAsyncFilter(
+export default function ($config) {
+	$config.addNunjucksAsyncFilter(
 		"myAsyncFilter",
 		function (value, callback) {
 			setTimeout(function () {
@@ -156,8 +156,8 @@ The last argument here is the callback function, the first argument of which is
 Here’s a Nunjucks example with 2 arguments:
 
 {% set codeContent %}
-export default function (eleventyConfig) {
-	eleventyConfig.addNunjucksAsyncFilter(
+export default function ($config) {
+	$config.addNunjucksAsyncFilter(
 		"myAsyncFilter",
 		function (value1, value2, callback) {
 			setTimeout(function () {
@@ -178,12 +178,12 @@ Shortcodes are reusable bits of content. You can add Nunjucks specific shortcode
 ### Single Shortcode
 
 {% set codeContent %}
-export default function(eleventyConfig) {
+export default function($config) {
   // Nunjucks Shortcode
-  eleventyConfig.addNunjucksShortcode("user", function(name, twitterUsername) { /* … */ });
+  $config.addNunjucksShortcode("user", function(name, twitterUsername) { /* … */ });
 
   // Universal Shortcodes (Adds to Liquid, Nunjucks, 11ty.js)
-  eleventyConfig.addShortcode("user", function(name, twitterUsername) {
+  $config.addShortcode("user", function(name, twitterUsername) {
     return `<div class="user">
 <div class="user_name">${name}</div>
 <div class="user_twitter">@${twitterUsername}</div>
@@ -215,12 +215,12 @@ export default function(eleventyConfig) {
 ### Paired Shortcode
 
 {% set codeContent %}
-export default function(eleventyConfig) {
+export default function($config) {
   // Nunjucks Shortcode
-  eleventyConfig.addPairedNunjucksShortcode("user", function(bioContent, name, twitterUsername) { /* … */ });
+  $config.addPairedNunjucksShortcode("user", function(bioContent, name, twitterUsername) { /* … */ });
 
   // Universal Shortcodes (Adds to Liquid, Nunjucks, 11ty.js)
-  eleventyConfig.addPairedShortcode("user", function(bioContent, name, twitterUsername) {
+  $config.addPairedShortcode("user", function(bioContent, name, twitterUsername) {
     return `<div class="user">
 <div class="user_name">${name}</div>
 <div class="user_twitter">@${twitterUsername}</div>
@@ -260,9 +260,9 @@ Note that you can put any Nunjucks tags or content inside the `{% raw %}{% user
 Creates a single argument object to pass to the shortcode.
 
 {% set codeContent %}
-export default function(eleventyConfig) {
+export default function($config) {
 	// Nunjucks Shortcode
-	eleventyConfig.addNunjucksShortcode("user", function (user) {
+	$config.addNunjucksShortcode("user", function (user) {
 		return `<div class="user">
 <div class="user_name">${user.name}</div>
 ${user.twitter ? `<div class="user_twitter">@${user.twitter}</div>` : ""}
@@ -319,15 +319,15 @@ Importantly, this syntax means that any of the arguments can be optional (withou
 Note that the configuration methods here to add asynchronous shortcodes are different than their synchronous counterparts. This is just another gentle reminder here that these API methods are pretty verbose and it’s probably easier to add a [Universal shortcode](/docs/shortcodes/) instead.
 
 {% set codeContent %}
-export default function (eleventyConfig) {
-	eleventyConfig.addNunjucksAsyncShortcode(
+export default function ($config) {
+	$config.addNunjucksAsyncShortcode(
 		"user",
 		async function (name, twitterUsername) {
 			return await fetchAThing();
 		}
 	);
 
-	eleventyConfig.addPairedNunjucksAsyncShortcode(
+	$config.addPairedNunjucksAsyncShortcode(
 		"user2",
 		async function (content, name, twitterUsername) {
 			return await fetchAThing();
@@ -393,8 +393,8 @@ You can access `page`, `eleventy`, `ctx`, and `env` in filters and shortcodes. R
 Nunjucks provides a custom way to [add globals](https://mozilla.github.io/nunjucks/api.html#addglobal) to templates. These can be any arbitrary JavaScript: functions, variables, etc. Note that this is not async-friendly (Nunjucks does not support `await` inside of templates).
 
 {% set codeContent %}
-export default function (eleventyConfig) {
-	eleventyConfig.addNunjucksGlobal("fortythree", 43);
+export default function ($config) {
+	$config.addNunjucksGlobal("fortythree", 43);
 };
 {% endset %}
 {% include "snippets/configDefinition.njk" %}
@@ -408,8 +408,8 @@ export default function (eleventyConfig) {
 {% endraw %}
 
 {% set codeContent %}
-export default function (eleventyConfig) {
-	eleventyConfig.addNunjucksGlobal("fortytwo", function () {
+export default function ($config) {
+	$config.addNunjucksGlobal("fortytwo", function () {
 		return 42;
 	});
 };
diff --git a/src/docs/languages/pug.md b/src/docs/languages/pug.md
index c137567c35..1ce811a8d2 100644
--- a/src/docs/languages/pug.md
+++ b/src/docs/languages/pug.md
@@ -42,8 +42,8 @@ Add to your configuration file:
 {% set codeContent %}
 import pugPlugin from "@11ty/eleventy-plugin-pug";
 
-export default function (eleventyConfig) {
-	eleventyConfig.addPlugin(pugPlugin);
+export default function ($config) {
+	$config.addPlugin(pugPlugin);
 }
 {% endset %}
 {% include "snippets/configDefinition.njk" %}
@@ -57,8 +57,8 @@ Set compile/render options using the Configuration API. See all [Pug options](ht
 {% set codeContent %}
 import pugPlugin from "@11ty/eleventy-plugin-pug";
 
-export default function (eleventyConfig) {
-	eleventyConfig.addPlugin(pugPlugin, {
+export default function ($config) {
+	$config.addPlugin(pugPlugin, {
 		debug: true
 	});
 }
diff --git a/src/docs/languages/sass.md b/src/docs/languages/sass.md
index 99bf230ffe..703bb4fcf4 100644
--- a/src/docs/languages/sass.md
+++ b/src/docs/languages/sass.md
@@ -40,8 +40,8 @@ Next add your configuration:
 import path from "node:path";
 import * as sass from "sass";
 
-export default function (eleventyConfig) {
-	eleventyConfig.addExtension("scss", {
+export default function ($config) {
+	$config.addExtension("scss", {
 		outputFileExtension: "css",
 
 		// opt-out of Eleventy Layouts
@@ -76,10 +76,10 @@ export default function (eleventyConfig) {
 Now run Eleventy and tell it to process `scss` files:
 
 ```sh
-npx @11ty/eleventy --formats=scss
+npx @awesome.me/buildawesome --formats=scss
 ```
 
-Alternatively, you can add `eleventyConfig.addTemplateFormats("scss")` to your configuration file.
+Alternatively, you can add `$config.addTemplateFormats("scss")` to your configuration file.
 
 ## Community Contributions
 
diff --git a/src/docs/languages/typescript.md b/src/docs/languages/typescript.md
index af79470602..82cbc761c3 100644
--- a/src/docs/languages/typescript.md
+++ b/src/docs/languages/typescript.md
@@ -21,17 +21,17 @@ layout: layouts/langs.njk
 
 {% addedin "3.0.0-alpha.11" %}Here we use [Node.js’ type stripping feature](https://nodejs.org/api/typescript.html) (available in Node 22.6+) to process `*.11ty.ts` TypeScript files.
 
-<div class="codetitle">eleventy.config.js</div>
+<div class="codetitle">buildawesome.config.js</div>
 {%- set codeBlock %}
 
-export default function (eleventyConfig) {
-	eleventyConfig.addExtension("11ty.ts", {
+export default function ($config) {
+	$config.addExtension("11ty.ts", {
 		key: "11ty.js",
 	});
 
 	// Add to --formats via Configuration
 	// or via CLI: --formats=11ty.ts
-	eleventyConfig.addTemplateFormats("11ty.ts");
+	$config.addTemplateFormats("11ty.ts");
 }
 {%- endset %}
 {{ codeBlock | highlight("js") | safe }}
@@ -42,16 +42,16 @@ You can optionally use an Array `["11ty.ts", "11ty.cts", "11ty.mts"]` instead of
 
 {% addedin "3.0.0-alpha.11" %}Alternatively, you can use [`tsx`]({{ externalLinks.tsxNodeUse }}) to process `.11ty.jsx`, `.11ty.ts`, and `.11ty.tsx` files.
 
-{% callout "info", "md" %}This approach requires ESM (read more at [Issue #3304](https://github.com/11ty/eleventy/issues/3304)). This means your project `package.json` must contain `"type": "module"` or your configuration file must use the `.mjs` file extension, e.g. `eleventy.config.mjs`. Read more about [CommonJS versus ESM](../cjs-esm.md).{% endcallout %}
+{% callout "info", "md" %}This approach requires ESM (read more at [Issue #3304](https://github.com/11ty/eleventy/issues/3304)). This means your project `package.json` must contain `"type": "module"` or your configuration file must use the `.mjs` file extension, e.g. `buildawesome.config.mjs`. Read more about [CommonJS versus ESM](../cjs-esm.md).{% endcallout %}
 
-<div class="codetitle">eleventy.config.js</div>
+<div class="codetitle">buildawesome.config.js</div>
 {%- set codeBlock %}
 import "tsx/esm";
 import { renderToStaticMarkup } from "react-dom/server";
 
-export default function (eleventyConfig) {
+export default function ($config) {
 	// We can add support for JSX too, at the same time:
-	eleventyConfig.addExtension(["11ty.jsx", "11ty.ts", "11ty.tsx"], {
+	$config.addExtension(["11ty.jsx", "11ty.ts", "11ty.tsx"], {
 		key: "11ty.js",
 		compile: function () {
 			return async function (data) {
@@ -63,19 +63,19 @@ export default function (eleventyConfig) {
 
 	// Add to --formats via Configuration
 	// or via CLI: --formats=11ty.jsx,11ty.ts,11ty.tsx
-	eleventyConfig.addTemplateFormats(["11ty.jsx", "11ty.ts", "11ty.tsx"]);
+	$config.addTemplateFormats(["11ty.jsx", "11ty.ts", "11ty.tsx"]);
 }
 {%- endset %}
 {{ codeBlock | highlight("js") | safe }}
 
-Now Eleventy will find and process `**/*.11ty.{jsx,ts,tsx}` files.
+Now Build Awesome will find and process `**/*.11ty.{jsx,ts,tsx}` files.
 
 ## Using a TypeScript Configuration File
 
 {% addedin "3.0.0-alpha.11" %}Here we use [Node.js’ type stripping feature](https://nodejs.org/api/typescript.html) (available in Node 22.6+) to use a TypeScript configuration file.
 
 {%- set codeBlock %}
-npx @11ty/eleventy --config=eleventy.config.ts
+npx @awesome.me/buildawesome --config=buildawesome.config.ts
 {%- endset %}
 {{ codeBlock | highlight("bash") | safe }}
 
@@ -84,7 +84,7 @@ npx @11ty/eleventy --config=eleventy.config.ts
 You can use `tsx` to process your configuration file too, just run it directly like so:
 
 {%- set codeBlock %}
-npx tsx ./node_modules/.bin/eleventy --config=eleventy.config.ts
+npx tsx ./node_modules/.bin/eleventy --config=buildawesome.config.ts
 {%- endset %}
 {{ codeBlock | highlight("bash") | safe }}
 
@@ -98,15 +98,15 @@ If you’d like an approach that works with CommonJS and Eleventy 2.0, you can u
 
 Your config file might look like this:
 
-{% codetitle "eleventy.config.js (CommonJS)" %}
+{% codetitle "buildawesome.config.js (CommonJS)" %}
 {%- set codeBlock %}
 const { register } = require("esbuild-register/dist/node");
 
 register();
 
-module.exports = function(eleventyConfig) {
+module.exports = function($config) {
 	// We can add support for JSX too, at the same time:
-	eleventyConfig.addExtension(["11ty.jsx", "11ty.ts", "11ty.tsx"], {
+	$config.addExtension(["11ty.jsx", "11ty.ts", "11ty.tsx"], {
 		key: "11ty.js",
 	});
 };
@@ -116,6 +116,6 @@ module.exports = function(eleventyConfig) {
 Now run Eleventy and tell it to process `11ty.ts` and `11ty.tsx` files:
 
 {%- set codeBlock %}
-npx @11ty/eleventy --formats=11ty.ts,11ty.tsx
+npx @awesome.me/buildawesome --formats=11ty.ts,11ty.tsx
 {%- endset %}
 {{ codeBlock | highlight("bash") | safe }}
\ No newline at end of file
diff --git a/src/docs/languages/webc.md b/src/docs/languages/webc.md
index c140bdd767..0c4adf55be 100644
--- a/src/docs/languages/webc.md
+++ b/src/docs/languages/webc.md
@@ -80,8 +80,8 @@ To add support for `.webc` files in Eleventy, add the plugin in your Eleventy co
 {% set codeContent %}
 import pluginWebc from "@11ty/eleventy-plugin-webc";
 
-export default function(eleventyConfig) {
-	eleventyConfig.addPlugin(pluginWebc);
+export default function($config) {
+	$config.addPlugin(pluginWebc);
 };
 {% endset %}
 {% include "snippets/configDefinition.njk" %}
@@ -92,8 +92,8 @@ export default function(eleventyConfig) {
 {% set codeContent %}
 import pluginWebc from "@11ty/eleventy-plugin-webc";
 
-export default function (eleventyConfig) {
-	eleventyConfig.addPlugin(pluginWebc, {
+export default function ($config) {
+	$config.addPlugin(pluginWebc, {
 		// Glob to find no-import global components
 		// (The default changed from `false` in Eleventy WebC v0.7.0)
 		components: "_components/**/*.webc",
@@ -173,8 +173,8 @@ A few drawbacks to the transform method:
 {% set codeContent %}
 import pluginWebc from "@11ty/eleventy-plugin-webc";
 
-export default function (eleventyConfig) {
-	eleventyConfig.addPlugin(pluginWebc, {
+export default function ($config) {
+	$config.addPlugin(pluginWebc, {
 		useTransform: true,
 	});
 };
@@ -982,12 +982,12 @@ This includes [`url`, `slugify`, `log`, and others](/docs/filters/#eleventy-prov
 #### Supply your own Helper
 
 {% set codeContent %}
-export default function (eleventyConfig) {
+export default function ($config) {
 	// via Universal Filter
-	eleventyConfig.addFilter("alwaysRed", () => "Red");
+	$config.addFilter("alwaysRed", () => "Red");
 
 	// or via JavaScript Template Function directly
-	eleventyConfig.addJavaScriptFunction("alwaysBlue", () => "Blue");
+	$config.addJavaScriptFunction("alwaysBlue", () => "Blue");
 
 	// Don’t forget to add the WebC plugin in your config file too!
 };
@@ -1146,8 +1146,8 @@ We accept:
 {% set codeContent %}
 import pluginWebc from "@11ty/eleventy-plugin-webc";
 
-export default function (eleventyConfig) {
-	eleventyConfig.addPlugin(pluginWebc, {
+export default function ($config) {
+	$config.addPlugin(pluginWebc, {
 		// Glob to find no-import global components
 		// This path is relative to the project-root!
 		// The default value is shown:
diff --git a/src/docs/layouts.md b/src/docs/layouts.md
index aa734ed2bc..613df56fee 100644
--- a/src/docs/layouts.md
+++ b/src/docs/layouts.md
@@ -54,11 +54,11 @@ Front matter data set in a content template takes priority over layout front mat
 
 ## Layout Aliasing {% addedin "0.2.8" %}
 
-Configuration API: use `eleventyConfig.addLayoutAlias(from, to)` to add layout aliases. Say you have a bunch of existing content using `layout: post`. If you don’t want to rewrite all of those values, map `post` to a new file like this:
+Configuration API: use `$config.addLayoutAlias(from, to)` to add layout aliases. Say you have a bunch of existing content using `layout: post`. If you don’t want to rewrite all of those values, map `post` to a new file like this:
 
 {% set codeContent %}
-export default function(eleventyConfig) {
-	eleventyConfig.addLayoutAlias("post", "layouts/post.njk");
+export default function($config) {
+	$config.addLayoutAlias("post", "layouts/post.njk");
 };
 {% endset %}
 {% include "snippets/configDefinition.njk" %}
@@ -91,8 +91,8 @@ Omitting the layout file extension (for example `layout: mylayout`) causes Eleve
 You can disable extensionless layouts in your project with the `setLayoutResolution` Configuration API method {% addedin "2.0.0-canary.21" %} (we may swap this to be the default in a future major version of Eleventy):
 
 {% set codeContent %}
-export default function(eleventyConfig) {
-	eleventyConfig.setLayoutResolution(false);
+export default function($config) {
+	$config.setLayoutResolution(false);
 };
 {% endset %}
 {% include "snippets/configDefinition.njk" %}
diff --git a/src/docs/permalinks.md b/src/docs/permalinks.md
index b041f5aa7e..3e7d61ad68 100644
--- a/src/docs/permalinks.md
+++ b/src/docs/permalinks.md
@@ -356,9 +356,9 @@ permalink: /resource
 #### Allow missing file extensions globally using Configuration
 
 {% set codeContent %}
-export default function(eleventyConfig) {
+export default function($config) {
 	// Disable this error for the project.
-	eleventyConfig.configureErrorReporting({ allowMissingExtensions: true })
+	$config.configureErrorReporting({ allowMissingExtensions: true })
 };
 {% endset %}
 {% set tabIdOverride = "permalink-configure-error-reporting" %}
@@ -381,15 +381,15 @@ permalink: /resource
 The following configuration (using [global data via the configuration API](/docs/data-global-custom.md) but you could set this using a [Global Data file](/docs/data-global.md) too) unlocks `/resource`-style URLs on your Eleventy project and works on GitHub Pages, Netlify, Cloudflare Pages, Render, and Azure Static Web Apps. This approach **does _not_ work on Vercel** (due to a [Vercel hosting limitation](https://www.zachleat.com/web/trailing-slash/#results-table)).
 
 {% set codeContent %}
-export default function(eleventyConfig) {
+export default function($config) {
 	// Set global permalinks to resource.html style
-	eleventyConfig.addGlobalData("permalink", () => {
+	$config.addGlobalData("permalink", () => {
 		return (data) =>
 			`${data.page.filePathStem}.${data.page.outputFileExtension}`;
 	});
 
 	// Remove .html from `page.url`
-	eleventyConfig.addUrlTransform((page) => {
+	$config.addUrlTransform((page) => {
 		if (page.url.endsWith(".html")) {
 			return page.url.slice(0, -1 * ".html".length);
 		}
@@ -421,8 +421,8 @@ Compared to the default behavior:
 The following works for `/resource`-style URLs on Vercel but additionally requires [`"trailingSlash": false` in your `vercel.json` file](https://vercel.com/docs/projects/project-configuration#trailingslash).
 
 {% set codeContent %}
-export default function(eleventyConfig) {
-	eleventyConfig.addUrlTransform((page) => {
+export default function($config) {
+	$config.addUrlTransform((page) => {
 		// remove trailing slash from `page.url`
 		if (page.url !== "/" && page.url.endsWith("/")) {
 			return page.url.slice(0, -1);
@@ -471,8 +471,8 @@ Say we want two or more files on the file system (e.g. `about.en.html` and `abou
 This example matches any `.xx.html` URL:
 
 {% set codeContent %}
-export default function (eleventyConfig) {
-	eleventyConfig.addUrlTransform(({ url }) => {
+export default function ($config) {
+	$config.addUrlTransform(({ url }) => {
 		// `url` is guaranteed to be a string here even if you’re using `permalink: false`
 		if (url.match(/\.[a-z]{2}\.html$/i)) {
 			return url.slice(0, -1 * ".en.html".length) + "/";
@@ -518,9 +518,9 @@ dynamicPermalink: false
 Eleventy includes a global configuration option to disable dynamic templating altogether. This will save a few template renders and is probably marginally faster, too.
 
 {% set codeContent %}
-export default function (eleventyConfig) {
+export default function ($config) {
 	// Dynamic permalinks are enabled by default
-	eleventyConfig.setDynamicPermalinks(false);
+	$config.setDynamicPermalinks(false);
 };
 {% endset %}
 {% set tabIdOverride = "permalink-dynamic-permalinks" %}
diff --git a/src/docs/plugins/bundle.md b/src/docs/plugins/bundle.md
index 76811b1847..e7ac86c7d0 100644
--- a/src/docs/plugins/bundle.md
+++ b/src/docs/plugins/bundle.md
@@ -27,8 +27,8 @@ For more larger, more complex use cases you may want to use a more full featured
 This plugin is included with Eleventy core and requires no additional installation. However, the plugin is opt-in and does not include any bundles by default: you must add these yourself via the `addBundle` configuration method.
 
 {% set codeContent %}
-export default function(eleventyConfig) {
-	eleventyConfig.addBundle("css");
+export default function($config) {
+	$config.addBundle("css");
 };
 {% endset %}
 {% include "snippets/configDefinition.njk" %}
@@ -42,8 +42,8 @@ export default function(eleventyConfig) {
 <summary><strong>Full <code>addBundle</code> options list</strong></summary>
 
 {% set codeContent %}
-export default function(eleventyConfig) {
-	eleventyConfig.addBundle("css", {
+export default function($config) {
+	$config.addBundle("css", {
 		// File extension used for bundle file output, defaults to bundle name
 		outputFileExtension: "css",
 
@@ -196,8 +196,8 @@ And to retrieve the code, you do the same with `getBundle` and `getBundleFileUrl
 ### Critical CSS
 
 {% set codeContent %}
-export default function(eleventyConfig) {
-	eleventyConfig.addBundle("css");
+export default function($config) {
+	$config.addBundle("css");
 };
 {% endset %}
 {% include "snippets/configDefinition.njk" %}
@@ -227,8 +227,8 @@ Now we’ll use asset bucketing to divide CSS between the default bucket and a d
 ### SVG Icon Library
 
 {% set codeContent %}
-export default function(eleventyConfig) {
-	eleventyConfig.addBundle("svg");
+export default function($config) {
+	$config.addBundle("svg");
 };
 {% endset %}
 {% include "snippets/configDefinition.njk" %}
@@ -256,8 +256,8 @@ And now you can use `icon-close` in as many SVG instances as you’d like (witho
 ### React Helmet style `<head>` additions
 
 {% set codeContent %}
-export default function(eleventyConfig) {
-	eleventyConfig.addBundle("html");
+export default function($config) {
+	$config.addBundle("html");
 };
 {% endset %}
 {% include "snippets/configDefinition.njk" %}
@@ -284,8 +284,8 @@ export default function(eleventyConfig) {
 import postcss from "postcss";
 import postcssNested from "postcss-nested";
 
-export default function(eleventyConfig) {
-	eleventyConfig.addBundle("css", {
+export default function($config) {
+	$config.addBundle("css", {
 		transforms: [
 			async function(content) {
 				// type contains the bundle name.
diff --git a/src/docs/plugins/directory-output.md b/src/docs/plugins/directory-output.md
index 24c0222008..2c12318f2f 100644
--- a/src/docs/plugins/directory-output.md
+++ b/src/docs/plugins/directory-output.md
@@ -15,21 +15,21 @@ Group and sort Eleventy’s verbose output by directory (and show file size with
 
 ## Installation
 
-- Compatible with Eleventy 1.0.0 and newer.
+- Compatible with Build Awesome/Eleventy 1.0.0 and newer.
 - [`eleventy-plugin-directory-output` on npm](https://www.npmjs.com/package/@11ty/eleventy-plugin-directory-output)
 
 ```
 npm install @11ty/eleventy-plugin-directory-output
 ```
 
-Open up your Eleventy config file (probably `eleventy.config.js`) and use `addPlugin`:
+Open up your Build Awesome config file (probably `buildawesome.config.js`) and use `addPlugin`:
 
 {% set codeContent %}
 import dirOutputPlugin from "@11ty/eleventy-plugin-directory-output";
 
-export default function (eleventyConfig) {
-	eleventyConfig.setQuietMode(true);
-	eleventyConfig.addPlugin(dirOutputPlugin);
+export default function ($config) {
+	$config.setQuietMode(true);
+	$config.addPlugin(dirOutputPlugin);
 };
 {% endset %}
 {% include "snippets/configDefinition.njk" %}
@@ -43,9 +43,9 @@ Read more about [Eleventy plugins.](/docs/plugins/)
 {% set codeContent %}
 import dirOutputPlugin from "@11ty/eleventy-plugin-directory-output";
 
-export default function (eleventyConfig) {
-	eleventyConfig.setQuietMode(true);
-	eleventyConfig.addPlugin(dirOutputPlugin, {
+export default function ($config) {
+	$config.setQuietMode(true);
+	$config.addPlugin(dirOutputPlugin, {
 		// Customize columns
 		columns: {
 			filesize: true, // Use `false` to disable
diff --git a/src/docs/plugins/fetch.md b/src/docs/plugins/fetch.md
index f2a321b02b..8ef615d5d1 100644
--- a/src/docs/plugins/fetch.md
+++ b/src/docs/plugins/fetch.md
@@ -60,7 +60,7 @@ Consider the following example, perhaps in an Eleventy [Global Data File](/docs/
 import Fetch from "@11ty/eleventy-fetch";
 
 export default async function () {
-	let url = "https://api.github.com/repos/11ty/eleventy";
+	let url = "https://api.github.com/repos/11ty/buildawesome";
 
 	let json = await Fetch(url, {
 		duration: "1d", // save for 1 day
@@ -130,7 +130,7 @@ import Fetch from "@11ty/eleventy-fetch";
 
 export default async function () {
 	try {
-		let url = "https://api.github.com/repos/11ty/eleventy";
+		let url = "https://api.github.com/repos/11ty/buildawesome";
 
 		/* This returns a promise */
 		return Fetch(url, {
@@ -328,6 +328,6 @@ Fetch.concurrency = 4; // default is 10
 ### DEBUG mode
 
 {%- set codeBlock %}{% raw %}
-DEBUG=Eleventy:Fetch npx @11ty/eleventy
+DEBUG=Eleventy:Fetch npx @awesome.me/buildawesome
 {% endraw %}{%- endset %}
 {{ codeBlock | highlight("js") | safe }}
diff --git a/src/docs/plugins/html-base.md b/src/docs/plugins/html-base.md
index 22473577d7..a059ab20ed 100644
--- a/src/docs/plugins/html-base.md
+++ b/src/docs/plugins/html-base.md
@@ -14,16 +14,16 @@ A build-time application of `<base>` to HTML (without relying on `<base>`) by mo
 
 - Read about [HTML’s `<base>` element on MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/base)
 
-If you want to deploy your project in a different directory without changing the content, Eleventy provides a [Path Prefix feature to specify the target directory](/docs/config/#deploy-to-a-subdirectory-with-a-path-prefix).
+If you want to deploy your project in a different directory without changing the content, Build Awesome provides a [Path Prefix feature to specify the target directory](/docs/config/#deploy-to-a-subdirectory-with-a-path-prefix).
 
 - via `--pathprefix` on the command line
 - or via `pathPrefix` object key in your configuration file return object
 
-Historically, we then recommended to use the provided [`url` filter](/docs/filters/url/) in your templates to transform any local URL with the path prefix. The downside of this method was that it required you to remember and opt-in every URL transformation in your content!
+Previously, we would then tell folks to use the provided [`url` filter](/docs/filters/url/) in your templates to transform any local URL with the path prefix. The downside of this method was that it required you to remember and opt-in every URL transformation in your content!
 
 ## The New Way: HTML `<base>` Plugin
 
-With this new plugin, you no longer need to use the `url` filter in your HTML content. This plugin adds an [Eleventy Transform](/docs/config/#transforms) that will modify your HTML output and inject your Path Prefix in your template content.
+With this new plugin, you no longer need to use the `url` filter in your HTML content. This plugin adds a [Build Awesome Transform](/docs/config/#transforms) that will modify your HTML output and inject your Path Prefix in your template content.
 
 - Behind the scenes, this plugin transforms URLs found in `a[href]`, `video[src]`, `audio[src]`, `source`, `img[src]`, `[srcset]` and [a whole bunch more](https://github.com/11ty/eleventy-posthtml-urls/blob/6e064c8a03174835eb15afbb5b759fecd696f901/lib/defaultOptions.js#L12-L33) (via [posthtml-urls](https://github.com/11ty/posthtml-urls)).
 
@@ -37,9 +37,9 @@ You can, if you’d like! Some folks have found it to be a bit [unreliable]({{ "
 
 ### Installation
 
-{% addedin "2.0.0-canary.15" %} This plugin is bundled with Eleventy 2.0 (no extra installation is required). It works with all template languages (via an Eleventy Transform) and some of the advanced usage filters require async-friendly template syntax (Nunjucks, Liquid, and JavaScript).
+{% addedin "2.0.0-canary.15" %} This plugin is bundled with Build Awesome (Eleventy) 2.0 (no extra installation is required). It works with all template languages (via a Build Awesome Transform) and some of the advanced usage filters require async-friendly template syntax (Nunjucks, Liquid, and JavaScript).
 
-Open up your Eleventy config file (probably `eleventy.config.js`) and use `addPlugin`:
+Open up your configuration file (probably `buildawesome.config.js`) and use `addPlugin`:
 
 {% include "snippets/plugins/base-install.njk" %}
 
diff --git a/src/docs/plugins/image-datafiles.md b/src/docs/plugins/image-datafiles.md
index 3026d2e5dc..628acfa1cf 100644
--- a/src/docs/plugins/image-datafiles.md
+++ b/src/docs/plugins/image-datafiles.md
@@ -33,14 +33,14 @@ excludeFromSidebar: true
 import path from "node:path";
 import Image from "@11ty/eleventy-img";
 
-export default function (eleventyConfig) {
-	eleventyConfig.addDataExtension("png,jpeg", {
+export default function ($config) {
+	$config.addDataExtension("png,jpeg", {
 		read: false, // Don’t read the input file, argument is now a file path
 		parser: async (imagePath) => {
 			let stats = await Image(imagePath, {
 				widths: ["auto"],
 				formats: ["avif", "webp", "jpeg"],
-				outputDir: path.join(eleventyConfig.dir.output, "img", "built"),
+				outputDir: path.join($config.dir.output, "img", "built"),
 			});
 
 			return {
@@ -52,7 +52,7 @@ export default function (eleventyConfig) {
 	});
 
 	// This works sync or async: images were processed ahead of time in the data cascade
-	eleventyConfig.addShortcode("dataCascadeImage", (stats, alt, sizes) => {
+	$config.addShortcode("dataCascadeImage", (stats, alt, sizes) => {
 		let imageAttributes = {
 			alt,
 			sizes,
diff --git a/src/docs/plugins/image-shortcodes.md b/src/docs/plugins/image-shortcodes.md
index 1032227b31..184ac24f64 100644
--- a/src/docs/plugins/image-shortcodes.md
+++ b/src/docs/plugins/image-shortcodes.md
@@ -31,8 +31,8 @@ The examples below require an [async-friendly shortcodes](/docs/shortcodes/#asyn
 {% set codeContent %}
 import Image from "@11ty/eleventy-img";
 
-export default function (eleventyConfig) {
-	eleventyConfig.addShortcode("image", async function (src, alt, widths = [300, 600], sizes = "") {
+export default function ($config) {
+	$config.addShortcode("image", async function (src, alt, widths = [300, 600], sizes = "") {
 		return Image(src, {
 			widths,
 			formats: ["avif", "jpeg"],
@@ -57,7 +57,7 @@ export default function (eleventyConfig) {
 
 #### More about Shortcodes
 
-- Read more about [`eleventyConfig.addShortcode`](/docs/shortcodes/#asynchronous-shortcodes) and universal shortcodes. Use `addAsyncShortcode` in versions of Eleventy older than v2.0. You can also [add these shortcodes to individual template engines](/docs/shortcodes/#async-friendly-per-engine-shortcodes), if you’d like!
+- Read more about [`$config.addShortcode`](/docs/shortcodes/#asynchronous-shortcodes) and universal shortcodes. Use `addAsyncShortcode` in versions of Eleventy older than v2.0. You can also [add these shortcodes to individual template engines](/docs/shortcodes/#async-friendly-per-engine-shortcodes), if you’d like!
 - **Warning** [Nunjucks macros are not async-friendly](/docs/languages/nunjucks/#warning-macros-are-not-async-friendly). If you make use of Nunjucks macros in your project, do **not** use asynchronous shortcodes for Image optimization. Instead use the [transform](./image.md#html-transform) or [synchronous shortcode](#synchronous-shortcode) methods.
 
 ### Template Usage
@@ -86,8 +86,8 @@ You _can_ use `transformOnRequest` with Eleventy Shortcodes too with a little bi
 import Image from "@11ty/eleventy-img";
 import { eleventyImageOnRequestDuringServePlugin } from "@11ty/eleventy-img";
 
-export default function (eleventyConfig) {
-	eleventyConfig.addShortcode("image", async function (src, alt) {
+export default function ($config) {
+	$config.addShortcode("image", async function (src, alt) {
 		let html = await Image(src, {
 			transformOnRequest: process.env.ELEVENTY_RUN_MODE === "serve",
 			returnType: "html",
@@ -102,7 +102,7 @@ export default function (eleventyConfig) {
 	});
 
 	// Add the dev server middleware manually
-	eleventyConfig.addPlugin(eleventyImageOnRequestDuringServePlugin);
+	$config.addPlugin(eleventyImageOnRequestDuringServePlugin);
 };
 {% endset %}
 {% include "snippets/configDefinition.njk" %}
@@ -114,8 +114,8 @@ If you’re using an Image Shortcode or the WebC component in a project and you
 {% set codeContent %}
 import Image from "@11ty/eleventy-img";
 
-export default function (eleventyConfig) {
-	eleventyConfig.addShortcode("image", async function (src, alt) {
+export default function ($config) {
+	$config.addShortcode("image", async function (src, alt) {
 		let html = await Image(src, {
 			returnType: "html",
 			htmlOptions: {
@@ -137,8 +137,8 @@ export default function (eleventyConfig) {
 {% set codeContent %}
 import Image from "@11ty/eleventy-img";
 
-export default function (eleventyConfig) {
-	eleventyConfig.addShortcode("image", async function (src, alt) {
+export default function ($config) {
+	$config.addShortcode("image", async function (src, alt) {
 		let metadata = await Image(src, {
 			widths: [600],
 			formats: ["jpeg"],
@@ -163,8 +163,8 @@ Uses the [`entities` npm package](https://www.npmjs.com/package/entities).
 import { escapeAttribute } from "entities";
 import Image from "@11ty/eleventy-img";
 
-export default function (eleventyConfig) {
-	eleventyConfig.addShortcode("image", async function (src, alt) {
+export default function ($config) {
+	$config.addShortcode("image", async function (src, alt) {
 		if (alt === undefined) {
 			// You bet we throw an error on missing alt (alt="" works okay)
 			throw new Error(`Missing \`alt\` on myImage from: ${src}`);
@@ -185,3 +185,4 @@ export default function (eleventyConfig) {
 ### Synchronous Shortcode
 
 {% callout "error", "md" %}The new [Eleventy Transform](./image.md#html-transform) is now preferred for situations that are not asynchronous-friendly (Handlebars, macros in Nunjucks, et al). For asynchronous-friendly templates (e.g. Nunjucks, Liquid, JavaScript), the [Asynchronous Shortcode](#asynchronous-shortcode) is another option.{% endcallout %}
+
diff --git a/src/docs/plugins/image-webc.md b/src/docs/plugins/image-webc.md
index 602b118a4a..52900445c7 100644
--- a/src/docs/plugins/image-webc.md
+++ b/src/docs/plugins/image-webc.md
@@ -1,9 +1,5 @@
 ---
 pageTitle: Image (WebC)
-eleventyNavigation:
-  key: Image WebC
-  parent: Image
-  excerpt: ~~Use a WebC component for WebC templates.~~
 excludeFromSidebar: true
 ---
 
@@ -12,78 +8,3 @@ excludeFromSidebar: true
 {% include "image-usage.njk" %}
 
 {% callout "error", "md-block", "Feature Removed" %}Due to and maintenance cost and feature overlap with the [Image HTML Transform](/docs/plugins/image/#html-transform), the `<eleventy-image>` WebC component was retired in Eleventy Image v7. Read more at [GitHub Issue #305](https://github.com/11ty/eleventy-img/issues/305). The [HTML Transform method](/docs/plugins/image/#html-transform) is recommended moving forward. You _can_ also create your own Image component using an approach similar to [Asynchronous Shortcodes](/docs/plugins/image-shortcodes/) using `webc:type="js"`.{% endcallout %}
-
-## Usage
-
-{% addedin "Image v3.1.0" %} Eleventy Image now provides a built-in `<eleventy-image>` WebC component for use in your Eleventy project.
-
-Using Eleventy Image in [WebC](/docs/languages/webc.md) offers all the same great benefits you’re used to from Eleventy Image with an intuitive declarative HTML-only developer experience. WebC components work in `*.webc` files. For similar functionality in other template formats, use the [Liquid/Nunjucks/JavaScript shortcodes](./image-shortcodes.md) above (or even `<eleventy-image>` with the [Render plugin](/docs/plugins/render.md)).
-
-### Configuration
-
-First, add the following to your project’s configuration file:
-
-{% set codeContent %}
-import eleventyWebcPlugin from "@11ty/eleventy-plugin-webc";
-import { eleventyImagePlugin } from "@11ty/eleventy-img";
-
-export default function (eleventyConfig) {
-	// WebC
-	eleventyConfig.addPlugin(eleventyWebcPlugin, {
-		components: [
-			// …
-			// Add as a global WebC component
-			"npm:@11ty/eleventy-img/*.webc",
-		],
-	});
-
-	// Image plugin
-	eleventyConfig.addPlugin(eleventyImagePlugin, {
-		// Set global default options
-		formats: ["webp", "jpeg"],
-		urlPath: "/img/",
-
-		// Notably `outputDir` is resolved automatically
-		// to the project output directory
-
-		defaultAttributes: {
-			loading: "lazy",
-			decoding: "async",
-		},
-	});
-};
-{% endset %}
-{% include "snippets/configDefinition.njk" %}
-
-{% addedin "v3.0.0-alpha.7" %}{% addedin "Image v5.0.0" %}During local development (when using `--serve`), `<eleventy-image>` images are _not_ processed at build time and instead are optimized when requested in the browser. Read more about [`transformOnRequest`](./image.md#optimize-images-on-request).
-
-- _HTML Tip:_ Read more about the special (and very useful) [`loading`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#attr-loading) and [`decoding`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#attr-decoding) HTML attributes.
-
-Now you can use the `<eleventy-image>` WebC component in your templates.
-
-### Template Usage
-
-```html
-<img webc:is="eleventy-image" src="cat.jpg" alt="photo of my tabby cat">
-```
-
-```html
-<eleventy-image src="cat.jpg" alt="photo of my tabby cat"></eleventy-image>
-```
-
-```html
-<!-- Specify widths: -->
-<img webc:is="eleventy-image" width="100, 200" src="cat.jpg" alt="photo of my tabby cat">
-<img webc:is="eleventy-image" :width="[100, 200]" src="cat.jpg" alt="photo of my tabby cat">
-```
-
-```html
-<!-- Specify formats (overriding defaults set via the configuration) -->
-<img webc:is="eleventy-image" formats="avif, png" src="cat.jpg" alt="photo of my tabby cat">
-<img webc:is="eleventy-image" :formats="['avif', 'png']" src="cat.jpg" alt="photo of my tabby cat">
-```
-
-```html
-<!-- Change the url path or output dir (overriding defaults set via the configuration above) -->
-<img webc:is="eleventy-image" url-path="/some-dir/" output-dir="_site/some-dir/" src="cat.jpg" alt="photo of my tabby cat">
-```
\ No newline at end of file
diff --git a/src/docs/plugins/image.md b/src/docs/plugins/image.md
index db30342aa7..5a9c9da7d2 100644
--- a/src/docs/plugins/image.md
+++ b/src/docs/plugins/image.md
@@ -56,8 +56,8 @@ There are a few different ways to use Eleventy image:
 {% set codeContent %}
 import { eleventyImageTransformPlugin } from "@11ty/eleventy-img";
 
-export default function (eleventyConfig) {
-	eleventyConfig.addPlugin(eleventyImageTransformPlugin);
+export default function ($config) {
+	$config.addPlugin(eleventyImageTransformPlugin);
 };
 {% endset %}
 {% include "snippets/configDefinition.njk" %}
@@ -96,8 +96,8 @@ Any of the [configuration options](#options) can be defined when you add the plu
 {% set codeContent %}
 import { eleventyImageTransformPlugin } from "@11ty/eleventy-img";
 
-export default function (eleventyConfig) {
-	eleventyConfig.addPlugin(eleventyImageTransformPlugin, {
+export default function ($config) {
+	$config.addPlugin(eleventyImageTransformPlugin, {
 		// output image formats
 		formats: ["avif", "webp", "jpeg"],
 
@@ -166,7 +166,7 @@ console.assert(stats1 === stats2, "The same promise");
 <details>
 <summary>Example of in-memory cache (returns a new promise with different options)</summary>
 
-{% codetitle "eleventy.config.js" %}
+{% codetitle "buildawesome.config.js" %}
 
 ```js
 import Image from "@11ty/eleventy-img";
diff --git a/src/docs/plugins/inclusive-language.md b/src/docs/plugins/inclusive-language.md
index 52a8447468..5045fed66b 100644
--- a/src/docs/plugins/inclusive-language.md
+++ b/src/docs/plugins/inclusive-language.md
@@ -40,13 +40,13 @@ Available on [npm](https://www.npmjs.com/package/@11ty/eleventy-plugin-inclusive
 npm install @11ty/eleventy-plugin-inclusive-language
 ```
 
-Open up your Eleventy config file (probably `eleventy.config.js`) and use `addPlugin`:
+Open up your Eleventy config file (probably `buildawesome.config.js`) and use `addPlugin`:
 
 {% set codeContent %}
 import inclusiveLangPlugin from "@11ty/eleventy-plugin-inclusive-language";
 
-export default function (eleventyConfig) {
-	eleventyConfig.addPlugin(inclusiveLangPlugin);
+export default function ($config) {
+	$config.addPlugin(inclusiveLangPlugin);
 };
 {% endset %}
 {% include "snippets/configDefinition.njk" %}
@@ -60,8 +60,8 @@ Optionally pass in an options object as the second argument to `addPlugin` to fu
 {% set codeContent %}
 import inclusiveLangPlugin from "@11ty/eleventy-plugin-inclusive-language";
 
-export default function (eleventyConfig) {
-	eleventyConfig.addPlugin(inclusiveLangPlugin, {
+export default function ($config) {
+	$config.addPlugin(inclusiveLangPlugin, {
 		templateFormats: ["md"], // default, add more file extensions here
 
 		// accepts an array or a comma-delimited string
diff --git a/src/docs/plugins/inputpath-to-url.md b/src/docs/plugins/inputpath-to-url.md
index db9c73d1c1..b7b9666aa1 100644
--- a/src/docs/plugins/inputpath-to-url.md
+++ b/src/docs/plugins/inputpath-to-url.md
@@ -89,7 +89,7 @@ The above all render as the following in your output:
 
 Note that the [`inputPathToUrl` filter](/docs/filters/inputpath-to-url/) is available by default and does not require use of `addPlugin`.
 
-Open up your Eleventy config file (probably `eleventy.config.js`) and use `addPlugin`:
+Open up your Eleventy config file (probably `buildawesome.config.js`) and use `addPlugin`:
 
 {% include "snippets/plugins/inputpath.njk" %}
 
diff --git a/src/docs/plugins/is-land.md b/src/docs/plugins/is-land.md
index e4907b088c..85fc1ede9b 100644
--- a/src/docs/plugins/is-land.md
+++ b/src/docs/plugins/is-land.md
@@ -4,7 +4,7 @@ eleventyNavigation:
   title: '<i class="fa-solid fa-sailboat"></i><code>&lt;is-land&gt;</code>'
   pinned: true
   order: 3
-  excerpt: A plugin to smartly and efficiently load and initialize client-side components to your web site.
+  excerpt: A plugin to smartly and efficiently load and initialize client-side components to your website.
 overrideCommunityLinks: true
 ---
 
diff --git a/src/docs/plugins/navigation.md b/src/docs/plugins/navigation.md
index 32e6986f7e..7c1b338b0d 100644
--- a/src/docs/plugins/navigation.md
+++ b/src/docs/plugins/navigation.md
@@ -29,13 +29,13 @@ npm install @11ty/eleventy-navigation
 {%- endset %}
 {{ codeBlock | highlight("bash") | safe }}
 
-Open up your Eleventy config file (probably `eleventy.config.js`) and use `addPlugin`:
+Open up your Eleventy config file (probably `buildawesome.config.js`) and use `addPlugin`:
 
 {% set codeContent %}
 import eleventyNavigationPlugin from "@11ty/eleventy-navigation";
 
-export default function (eleventyConfig) {
-	eleventyConfig.addPlugin(eleventyNavigationPlugin);
+export default function ($config) {
+	$config.addPlugin(eleventyNavigationPlugin);
 };
 {% endset %}
 {% include "snippets/configDefinition.njk" %}
diff --git a/src/docs/plugins/render.md b/src/docs/plugins/render.md
index f800eb457e..5a3b70644e 100644
--- a/src/docs/plugins/render.md
+++ b/src/docs/plugins/render.md
@@ -25,7 +25,7 @@ Everything you’ve added to project’s configuration file will also be availab
 
 ## Installation
 
-This plugin is bundled with Eleventy core so it doesn’t require additional installation. But you do have to add it to your configuration file (probably `eleventy.config.js`) with `addPlugin`:
+This plugin is bundled with Eleventy core so it doesn’t require additional installation. But you do have to add it to your configuration file (probably `buildawesome.config.js`) with `addPlugin`:
 
 {% include "snippets/plugins/renderinstall.njk" %}
 
diff --git a/src/docs/plugins/rss.md b/src/docs/plugins/rss.md
index d853a18c5e..10562b9086 100644
--- a/src/docs/plugins/rss.md
+++ b/src/docs/plugins/rss.md
@@ -47,8 +47,8 @@ npm install @11ty/eleventy-plugin-rss
 {% set codeContent %}
 import { feedPlugin } from "@11ty/eleventy-plugin-rss";
 
-export default function (eleventyConfig) {
-	eleventyConfig.addPlugin(feedPlugin, {
+export default function ($config) {
+	$config.addPlugin(feedPlugin, {
 		type: "atom", // or "rss", "json"
 		outputPath: "/feed.xml",
 		collection: {
@@ -90,13 +90,13 @@ This configuration is the only step for the Virtual Template method. If you need
 
 ### Configuration
 
-Open up your Eleventy config file (probably `eleventy.config.js`) and use `addPlugin`:
+Open up your Eleventy config file (probably `buildawesome.config.js`) and use `addPlugin`:
 
 {% set codeContent %}
 import pluginRss from "@11ty/eleventy-plugin-rss";
 
-export default function (eleventyConfig) {
-	eleventyConfig.addPlugin(pluginRss);
+export default function ($config) {
+	$config.addPlugin(pluginRss);
 };
 {% endset %}
 {% include "snippets/configDefinition.njk" %}
@@ -113,8 +113,8 @@ export default function (eleventyConfig) {
 {% set codeContent %}
 import pluginRss from "@11ty/eleventy-plugin-rss";
 
-export default function (eleventyConfig) {
-	eleventyConfig.addPlugin(pluginRss, {
+export default function ($config) {
+	$config.addPlugin(pluginRss, {
 		posthtmlRenderOptions: {
 			closingSingleTag: "default", // opt-out of <img/>-style XHTML single tags
 		},
@@ -145,11 +145,11 @@ export default function (eleventyConfig) {
 {% set codeContent %}
 import pluginRss from "@11ty/eleventy-plugin-rss";
 
-export default function (eleventyConfig) {
-	eleventyConfig.addLiquidFilter("dateToRfc3339", pluginRss.dateToRfc3339);
+export default function ($config) {
+	$config.addLiquidFilter("dateToRfc3339", pluginRss.dateToRfc3339);
 
 	// New in RSS 1.2.0
-	eleventyConfig.addLiquidFilter("dateToRfc822", pluginRss.dateToRfc822);
+	$config.addLiquidFilter("dateToRfc822", pluginRss.dateToRfc822);
 };
 {% endset %}
 {% include "snippets/configDefinition.njk" %}
diff --git a/src/docs/plugins/syntaxhighlight.md b/src/docs/plugins/syntaxhighlight.md
index d4a56fc1b3..c0c59edd61 100644
--- a/src/docs/plugins/syntaxhighlight.md
+++ b/src/docs/plugins/syntaxhighlight.md
@@ -24,13 +24,13 @@ npm install @11ty/eleventy-plugin-syntaxhighlight
 {% endraw %}{% endset %}
 {{ codeBlock | highlight("bash") | safe }}
 
-Open up your Eleventy config file (probably `eleventy.config.js`) and use `addPlugin`:
+Open up your Eleventy config file (probably `buildawesome.config.js`) and use `addPlugin`:
 
 {% set codeContent %}
 import syntaxHighlight from "@11ty/eleventy-plugin-syntaxhighlight";
 
-export default function (eleventyConfig) {
-	eleventyConfig.addPlugin(syntaxHighlight);
+export default function ($config) {
+	$config.addPlugin(syntaxHighlight);
 };
 {% endset %}
 {% include "snippets/configDefinition.njk" %}
@@ -43,8 +43,8 @@ Optionally pass in an options object as the second argument to `addPlugin` to fu
 {% set codeContent %}
 import syntaxHighlight from "@11ty/eleventy-plugin-syntaxhighlight";
 
-export default function(eleventyConfig) {
-  eleventyConfig.addPlugin(syntaxHighlight, {
+export default function($config) {
+  $config.addPlugin(syntaxHighlight, {
 
     // Line separator for line breaks
     lineSeparator: "\n",
diff --git a/src/docs/plugins/upgrade-help.md b/src/docs/plugins/upgrade-help.md
index 35509c9250..04ffde25e0 100644
--- a/src/docs/plugins/upgrade-help.md
+++ b/src/docs/plugins/upgrade-help.md
@@ -66,14 +66,14 @@ npm install @11ty/eleventy-upgrade-help@3
 
 ### <span class="numberflag"><span class="sr-only">Step</span> 3</span> Add to Configuration File
 
-Add to your configuration file (probably `eleventy.config.js` or `.eleventy.js`):
+Add to your configuration file (probably `buildawesome.config.js` or `eleventy.config.js`):
 
 {% set codeContent %}
 import UpgradeHelper from "@11ty/eleventy-upgrade-help";
 
-export default function (eleventyConfig) {
+export default function ($config) {
 	// If you have other `addPlugin` calls, it’s important that UpgradeHelper is added last.
-	eleventyConfig.addPlugin(UpgradeHelper);
+	$config.addPlugin(UpgradeHelper);
 };
 {% endset %}
 {% include "snippets/configDefinition.njk" %}
diff --git a/src/docs/programmatic.md b/src/docs/programmatic.md
index a7ea1d7204..0c3e60f4e0 100644
--- a/src/docs/programmatic.md
+++ b/src/docs/programmatic.md
@@ -9,13 +9,13 @@ eleventyNavigation:
 
 {% tableofcontents %}
 
-You can run Eleventy in any arbitrary Node script.
+Instead of running Build Awesome from the command line, you can import it and run it from any Node script — useful for custom build tooling, running Build Awesome as part of a larger process, or retrieving your rendered content as data without writing any files.
 
-## Write to the file system
+Don’t forget to [install Build Awesome into your local project first](/docs/#step-2-install-build-awesome)!
 
-Don’t forget to [install Eleventy into your local project first](/docs/#step-2-install-eleventy)!
+## Simplest
 
-Now create a file called `my-node-script.js` with the following contents:
+The constructor takes an options object and every property is optional.
 
 {% include "snippets/programmatic/node-script.njk" %}
 
@@ -25,34 +25,99 @@ Then run your new script from the command line.
 node my-node-script.js
 ```
 
-## Don’t write to the file system
+`write()` is one of a few [build methods](#building-your-site) offered (`toJSON()` is also commonly used).
 
-Using `.write()` will write your output to the file system. If, instead, you want to retrieve the content programmatically without writing, use `.toJSON()` or `.toNDJSON()`.
+## Options
 
-### JSON Output
+All configuration is passed through an `options` object and every property is optional.
+
+| Option       | Type       | Default    | Description                                                                                                        |
+| ------------ | ---------- | ---------- | ------------------------------------------------------------------------------------------------------------------ |
+| `input`      | `string`   | `"."`      | The input directory (or a single input file). Mirrors the [`--input` CLI flag](/docs/usage/).                      |
+| `output`     | `string`   | `"_site"`  | The output directory. Mirrors the [`--output` CLI flag](/docs/usage/).                                             |
+| `configPath` | `string`   | _(none)_   | Path to a configuration file. Equivalent to the [`--config` CLI flag](/docs/usage/).                               |
+| `config`     | `function` | _(none)_   | A [configuration callback](#the-config-callback) that receives the config API object. |
+| `quietMode`  | `boolean`  | `false`    | When `true`, suppresses the build output logging. Equivalent to the [`--quiet` CLI flag](/docs/usage/).            |
+| `dryRun`     | `boolean`  | `false`    | When `true`, runs a full build but does not write anything to the file system.                                     |
+| `runMode`    | `string`   | `"build"`  | One of `"build"`, `"watch"`, or `"serve"`.                                                                          |
+| `pathPrefix` | `string`   | `"/"`      | Prepends this value to all URLs. Equivalent to the [`--pathprefix` CLI option used with the HTML `<base>` plugin](/docs/plugins/html-base/).                         |
+| `loader`     | `string`   | `"auto"`   | Force the module mode: `"esm"`, `"cjs"`, or `"auto"` (detected from your `package.json` `type`).                    |
+
+{% include "snippets/programmatic/fullopts.njk" %}
+
+{% callout "info", "md", "Backwards compatibility note" -%}
+In previous versions, `input` and `output` were passed in as separate arguments (e.g. `new BuildAwesome(input, output, options)`). Starting with Build Awesome v4, the single `options` argument is now recommended. Feel free to browse the [v3 documentation for more information](https://v3.11ty.dev/docs/programmatic/).
+{%- endcallout %}
+
+### The `config` Callback
+
+The `config` option is a function that receives the [Configuration API](/docs/config/) object, letting you configure Build Awesome inline without a separate config file:
+
+Notably, the `config` callback does not replace your configuration file: both run. Importantly, they run in this order:
+
+1. `config` callback function
+1. `configPath` configuration file (can override things set in `config`)
+
+{#
+Missing from above:
+- The default Build Awesome configuration file
+- [`beforeConfig` event fires](/docs/events/#eleventy-before-config)
+- Plugins
+#}
+
+## Building Your Project
+
+Making a new instance of Build Awesome doesn’t process anything: you must call one of these methods to execute a build. Each returns a Promise, so use with `await` or `.then()`.
+
+| Method          | Returns                              | Description                                                                    |
+| --------------- | ------------------------------------ | ------------------------------------------------------------------------------ |
+| `write()`       | `Promise<Array>`                     | Renders and writes output to the file system.     |
+| `toJSON()`      | `Promise<Array>`                     | Renders and returns output as data (no files written). |
+| `watch()`       | `Promise`                            | Runs an initial build, then rebuilds on file changes.                          |
+| `serve(port)`   | `Promise`                            | Starts the [Dev Server](/docs/dev-server/) on the given port.                  |
+
+### Write to the File System
+
+Use `write()` to render your site and write the output files to the [output directory](#input-and-output-directories)—this is the same thing running Build Awesome [from the command line](/docs/usage/) does.
+
+### Don’t Write to the File System
+
+If you want to retrieve the rendered content programmatically _without_ writing anything to disk, use `toJSON()` (or the `dryRun` option documented above).
 
 {% include "snippets/programmatic/json-out.njk" %}
 
+`toJSON()` resolves to an array of entries, one per rendered output. Each entry includes:
+
+| Property     | Description                                                                 |
+| ------------ | --------------------------------------------------------------------------- |
+| `inputPath`  | The template’s source path.                                                 |
+| `outputPath` | Where the file _would_ be written on disk.                                  |
+| `url`        | The output [URL](/docs/data-eleventy-supplied/#page-variable) for the page. |
+| `content`    | The final rendered content.                                                 |
+| `rawInput`   | The template’s raw (unrendered) input.                                      |
+| `data`       | Selected [Data Cascade](/docs/data-cascade/) entries—only present when you add [data filter selectors](#adding-data-to-json-output). |
+
 #### Adding data to JSON output
 
-You can use the `eleventyConfig.dataFilterSelectors` configuration API `Set` to add or remove lodash-style selectors for Data Cascade entries to be included in individual entries from the `toJSON` method.
+By default, the `data` property is not included in `toJSON` entries. Use the `$config.dataFilterSelectors` configuration API `Set` instance to add (or remove) lodash-style selectors for the Data Cascade entries you want included:
 
 {% include "snippets/programmatic/json-out-data.njk" %}
 
-### ndjson Output
+## Advanced
 
-{% include "snippets/programmatic/ndjson-out.njk" %}
+### Setup Methods
 
-## Changing the Input and Output Directories
+In addition to the constructor `options`, you can configure an instance by calling these methods _before_ a build. Each corresponds to a command line flag.
 
-The first argument is the input directory. The second argument is the output directory.
+| Method                        | Description                                                            |
+| ----------------------------- | --------------------------------------------------------------------- |
+| `setFormats(formats)`         | Comma-separated [template formats](/docs/usage/) (`--formats`) to process.          |
+| `disableLogger()`             | Disable Build Awesome’s logging entirely.                             |
 
-{% include "snippets/programmatic/chdirs.njk" %}
+### Handling Errors
 
-## Full Options List
+Wrap your build in a `try`/`catch` to handle errors yourself. When run programmatically (`source: "script"`, the default), Build Awesome throws on error rather than changing the process exit code, so it won’t exit your script for you.
 
-The third argument to Eleventy is an options object.
+### Full Options and Source
 
-_(This documentation section is a work in progress but [you’re welcome to dig into the `Eleventy` class source code in `{% latestVersion versions, config %}` to learn more](https://github.com/11ty/eleventy/blob/{% latestVersion versions, config %}/src/Eleventy.js))_
-
-{% include "snippets/programmatic/fullopts.njk" %}
+_(This documentation covers the most common options. For everything else, [dig into the `Core` class source code](https://github.com/11ty/buildawesome/blob/main/src/Core.js).)_
diff --git a/src/docs/quicktips/cache-api-requests.md b/src/docs/quicktips/cache-api-requests.md
index d52fedbda9..58280285f4 100644
--- a/src/docs/quicktips/cache-api-requests.md
+++ b/src/docs/quicktips/cache-api-requests.md
@@ -25,14 +25,14 @@ npm install @11ty/eleventy-fetch
 
 ## Example
 
-This code is currently in use on the Eleventy web site to display GitHub stars in the footer. Check out the [full source code](https://github.com/11ty/docs/blob/768b97fb27543e3139fe53dfb19cdeafb12e3d1c/_data/github.js).
+This code is currently in use on the Eleventy website to display GitHub stars in the footer. Check out the [full source code](https://github.com/11ty/docs/blob/768b97fb27543e3139fe53dfb19cdeafb12e3d1c/_data/github.js).
 
 {% set codeContent %}
 import Fetch from "@11ty/eleventy-fetch";
 
 export default async function () {
 	// https://developer.github.com/v3/repos/#get
-	let json = await Fetch("https://api.github.com/repos/11ty/eleventy", {
+	let json = await Fetch("https://api.github.com/repos/11ty/buildawesome", {
 		duration: "1d", // 1 day
 		type: "json", // also supports "text" or "buffer"
 	});
@@ -59,7 +59,7 @@ export default async function () {
 	try {
 		// https://developer.github.com/v3/repos/#get
 		let json = await Fetch(
-			"https://api.github.com/repos/11ty/eleventy",
+			"https://api.github.com/repos/11ty/buildawesome",
 			{
 				duration: "1d", // 1 day
 				type: "json", // also supports "text" or "buffer"
diff --git a/src/docs/quicktips/eliminate-js.md b/src/docs/quicktips/eliminate-js.md
index 8102ff413c..96ce3c2576 100644
--- a/src/docs/quicktips/eliminate-js.md
+++ b/src/docs/quicktips/eliminate-js.md
@@ -5,7 +5,7 @@ date: 2019-01-31
 
 Older iterations of this website used a third party JavaScript widget to show the number of GitHub Stars the project currently had. You can see it in action on the [versioned docs for 0.7.1](https://v0-7-1.11ty.dev/docs/) (scroll to the bottom).
 
-This was in fact the only `<script>` tag on the entire `11ty.dev` web site and it was from a third party. Naturally, it needed to be annihilated.
+This was in fact the only `<script>` tag on the entire `11ty.dev` website and it was from a third party. Naturally, it needed to be annihilated.
 
 Let’s change up our architecture to ruthlessly eliminate this client-side JavaScript.
 
@@ -28,7 +28,7 @@ export default async function () {
 	console.log("Fetching new github stargazers count…");
 
 	// GitHub API: https://developer.github.com/v3/repos/#get
-	let res = await fetch("https://api.github.com/repos/11ty/eleventy");
+	let res = await fetch("https://api.github.com/repos/11ty/buildawesome");
 	let json = await res.json();
 
 	// prune the data to return only what we want
@@ -61,7 +61,7 @@ Bonus: I created a [`humanReadableNum` filter](https://github.com/11ty/docs/blob
 
 ## More Examples
 
-You can look in the footer of this page to see examples of this in use on this very web site. I used it for:
+You can look in the footer of this page to see examples of this in use on this very website. I used it for:
 
 - [NPM Download Count](https://github.com/11ty/docs/blob/ac3579909078f860f4af1185c8f7353d56833c22/_data/npm.js)
 - [GitHub Stargazers Count](https://github.com/11ty/docs/blob/ac3579909078f860f4af1185c8f7353d56833c22/_data/github.js)
diff --git a/src/docs/quicktips/inline-css.md b/src/docs/quicktips/inline-css.md
index 58c955571e..cd2d8681b4 100644
--- a/src/docs/quicktips/inline-css.md
+++ b/src/docs/quicktips/inline-css.md
@@ -4,7 +4,7 @@ date: 2018-06-07
 tags: ["related-filters"]
 ---
 
-_Originally posted on [The Simplest Web Site That Could Possibly Work Well on zachleat.com](https://www.zachleat.com/web/that-could-possibly-work/)_
+_Originally posted on [The Simplest Website That Could Possibly Work Well on zachleat.com](https://www.zachleat.com/web/that-could-possibly-work/)_
 
 This tip works well on small sites that don’t have a lot of CSS. Inlining your CSS removes an external request from your critical path and speeds up page rendering times! If your CSS file is small enough, this is a simplification/end-around for [Critical CSS approaches](https://www.smashingmagazine.com/2015/08/understanding-critical-css/).
 
diff --git a/src/docs/quicktips/inline-js.md b/src/docs/quicktips/inline-js.md
index 04716563af..0b3fc310f7 100644
--- a/src/docs/quicktips/inline-js.md
+++ b/src/docs/quicktips/inline-js.md
@@ -4,7 +4,7 @@ date: 2018-06-08
 tags: ["related-filters"]
 ---
 
-_Originally posted on [The Simplest Web Site That Could Possible Work Well on zachleat.com](https://www.zachleat.com/web/that-could-possibly-work/)_
+_Originally posted on [The Simplest Website That Could Possible Work Well on zachleat.com](https://www.zachleat.com/web/that-could-possibly-work/)_
 
 This tip works great if you have small JS utilities that you’d like to have in your `<head>`. For example, this works great with the Filament Group [`loadJS`](https://github.com/filamentgroup/loadJS) or [`loadCSS`](https://github.com/filamentgroup/loadCSS) utilities.
 
@@ -19,8 +19,8 @@ Add the following `jsmin` filter to your Eleventy Config file:
 {% set codeContent %}
 import { minify } from "terser";
 
-export default function (eleventyConfig) {
-	eleventyConfig.addFilter("jsmin", async function (code) {
+export default function ($config) {
+	$config.addFilter("jsmin", async function (code) {
 		try {
 			const minified = await minify(code);
 			return minified.code;
diff --git a/src/docs/quicktips/local-plugin.md b/src/docs/quicktips/local-plugin.md
index 729441e9e1..a756699c3a 100644
--- a/src/docs/quicktips/local-plugin.md
+++ b/src/docs/quicktips/local-plugin.md
@@ -9,22 +9,22 @@ First, create a plugin file. We recommend creating a `config` or `_config` folde
 
 <div class="codetitle codetitle-right-md">config/local-plugin.js</div>
 {% set codeContent %}
-export default function(eleventyConfig) {
-	// Move any code from `eleventy.config.js` here.
-	// Use eleventyConfig as you would in your top-level config file
+export default function($config) {
+	// Move any code from `buildawesome.config.js` here.
+	// Use $config as you would in your top-level config file
 }
 {% endset %}
 {% include "snippets/esmCjsTabs.njk" %}
 
-{% callout "info" %}Any variables defined in your <code>eleventy.config.js</code> file will <em>not</em> be available to your plugin. Consider moving those variables into your plugin file, or <a href="/docs/plugins/#plugin-configuration-options">passing them in as options</a>.{% endcallout %}
+{% callout "info" %}Any variables defined in your <code>buildawesome.config.js</code> file will <em>not</em> be available to your plugin. Consider moving those variables into your plugin file, or <a href="/docs/plugins/#plugin-configuration-options">passing them in as options</a>.{% endcallout %}
 
 Next, use the `addPlugin` method:
 
 {% set codeContent %}
 import localPlugin from "./config/local-plugin.js";
 
-export default function(eleventyConfig) {
-	eleventyConfig.addPlugin(localPlugin);
+export default function($config) {
+	$config.addPlugin(localPlugin);
 }
 {% endset %}
 {% include "snippets/configDefinition.njk" %}
\ No newline at end of file
diff --git a/src/docs/search.njk b/src/docs/search.njk
index de0da99314..903282bb36 100644
--- a/src/docs/search.njk
+++ b/src/docs/search.njk
@@ -5,7 +5,7 @@ searchTitle: Search The Eleventy Documentation
 <h1>Search the Eleventy Documentation</h1>
 
 <form action="https://duckduckgo.com/" method="get" class="search" id="eleventy-search">
-	<div class="fl">
+	<div class="fl fl--balance">
 		<div class="util-grow">
 			<label for="search-term" class="sr-only">Search Terms</label>
 			<input type="search" name="q" id="search-term" class="search-txt" autocomplete="off" autofocus>
diff --git a/src/docs/server-browsersync.md b/src/docs/server-browsersync.md
index 3aba8b17ee..1af8beec54 100644
--- a/src/docs/server-browsersync.md
+++ b/src/docs/server-browsersync.md
@@ -18,8 +18,8 @@ Starting with Eleventy 2.0, the [Eleventy Dev Server](/docs/dev-server/) is now
 Useful if you want to change or override the default Browsersync configuration. Find the Eleventy defaults in [`EleventyServe.js`](https://github.com/11ty/eleventy/blob/master/src/EleventyServe.js). Take special note that Eleventy does not use Browsersync’s watch options and trigger reloads manually after our own internal watch methods are complete. See full options list on the [Browsersync documentation](https://browsersync.io/docs/options).
 
 {% set codeContent %}
-export default function(eleventyConfig) {
-	eleventyConfig.setBrowserSyncConfig({
+export default function($config) {
+	$config.setBrowserSyncConfig({
 		notify: true,
 	});
 };
@@ -31,8 +31,8 @@ export default function(eleventyConfig) {
 New in [`browser-sync@2.27.1`](https://github.com/BrowserSync/browser-sync/issues/1882#issuecomment-867767056) {% addedin "1.0.0" %}. Opt-out of the JavaScript snippet normally injected by Browsersync. This disables Browsersync live-reloading.
 
 {% set codeContent %}
-export default function(eleventyConfig) {
-	eleventyConfig.setBrowserSyncConfig({
+export default function($config) {
+	$config.setBrowserSyncConfig({
 		snippet: false,
 	});
 };
diff --git a/src/docs/server-vite.md b/src/docs/server-vite.md
index 0817e511f0..237feac52c 100644
--- a/src/docs/server-vite.md
+++ b/src/docs/server-vite.md
@@ -34,8 +34,8 @@ npm install @11ty/eleventy-plugin-vite
 {% set codeContent %}
 import EleventyVitePlugin from "@11ty/eleventy-plugin-vite";
 
-export default function (eleventyConfig) {
-	eleventyConfig.addPlugin(EleventyVitePlugin);
+export default function ($config) {
+	$config.addPlugin(EleventyVitePlugin);
 };
 {% endset %}
 {% include "snippets/configDefinition.njk" %}
@@ -49,8 +49,8 @@ View the [full list of Vite Configuration options](https://vite.dev/config/).
 {% set codeContent %}
 import EleventyVitePlugin from "@11ty/eleventy-plugin-vite";
 
-export default function (eleventyConfig) {
-	eleventyConfig.addPlugin(EleventyVitePlugin, {
+export default function ($config) {
+	$config.addPlugin(EleventyVitePlugin, {
     tempFolderName: ".11ty-vite", // Default name of the temp folder
 
     // Options passed to the Eleventy Dev Server
diff --git a/src/docs/services/builtwith.md b/src/docs/services/builtwith.md
index 61311bbfcc..468956b043 100644
--- a/src/docs/services/builtwith.md
+++ b/src/docs/services/builtwith.md
@@ -9,7 +9,7 @@ communityLinksKey: api-builtwith
 
 {% tableofcontents %}
 
-A runtime service to return the metadata (hosting provider) about any given web site URL. Source code at [`11ty/api-built-with` on GitHub](https://github.com/11ty/api-built-with).
+A runtime service to return the metadata (hosting provider) about any given website URL. Source code at [`11ty/api-built-with` on GitHub](https://github.com/11ty/api-built-with).
 
 With support for:
 
diff --git a/src/docs/services/generator.md b/src/docs/services/generator.md
index 8a88858df8..9e59bbb8fb 100644
--- a/src/docs/services/generator.md
+++ b/src/docs/services/generator.md
@@ -9,7 +9,7 @@ communityLinksKey: api-generator
 
 {% tableofcontents %}
 
-A runtime service to return the image logo of the `<meta name="generator">` used on any given web site. For example, if a web site is built with Eleventy, this service will return the image logo for 11ty.
+A runtime service to return the image logo of the `<meta name="generator">` used on any given website. For example, if a website is built with Eleventy, this service will return the image logo for 11ty.
 
 Supports: [11ty / Eleventy](/), [Hugo](https://gohugo.io/), [Gatsby](https://www.gatsbyjs.com/), [WordPress](https://wordpress.com/), [Silex](https://www.silex.me/), [Jekyll](https://jekyllrb.com/), [Docusaurus](https://docusaurus.io/), [Gridsome](https://gridsome.org/), [VuePress](https://vuepress.vuejs.org/), [Hexo](https://hexo.io/), [Astro](https://astro.build/).
 
diff --git a/src/docs/shortcodes.md b/src/docs/shortcodes.md
index f65a32e040..a7168dd681 100644
--- a/src/docs/shortcodes.md
+++ b/src/docs/shortcodes.md
@@ -24,7 +24,7 @@ Here are a few examples:
 {% include "snippets/shortcodes/intro.njk" %}
 
 {% set codeContent %}
-export default function (eleventyConfig) {
+export default function ($config) {
   // Shortcodes added in this way are available in:
   // * Markdown
   // * Liquid
@@ -32,13 +32,13 @@ export default function (eleventyConfig) {
   // * JavaScript
   // * Handlebars (not async)
 
-  eleventyConfig.addShortcode("user", function(firstName, lastName) { /* … */ });
+  $config.addShortcode("user", function(firstName, lastName) { /* … */ });
 
   // Async-friendly in {{ "2.0.0-canary.24" | coerceVersion }}
-  eleventyConfig.addShortcode("user", async function(myName) { /* … */ });
+  $config.addShortcode("user", async function(myName) { /* … */ });
 
   // Direct async method available
-  eleventyConfig.addAsyncShortcode("user", async function(myName) { /* … */ });
+  $config.addAsyncShortcode("user", async function(myName) { /* … */ });
 };
 {% endset %}
 {% include "snippets/configDefinition.njk" %}
@@ -65,7 +65,7 @@ The shortcodes we saw above were nice, I suppose. But really, they are not all t
 When adding paired shortcodes using the Configuration API, the first argument to your shortcode callback is the nested content.
 
 {% set codeContent %}
-export default function (eleventyConfig) {
+export default function ($config) {
   // Shortcodes added in this way are available in:
   // * Markdown
   // * Liquid
@@ -73,13 +73,13 @@ export default function (eleventyConfig) {
   // * JavaScript
   // * Handlebars (sync only)
 
-  eleventyConfig.addPairedShortcode("user", function(content, firstName, lastName) { /* … */ });
+  $config.addPairedShortcode("user", function(content, firstName, lastName) { /* … */ });
 
   // Async support for `addPairedShortcode` is new in Eleventy {{ "2.0.0-canary.24" | coerceVersion }}
-  eleventyConfig.addPairedShortcode("user", async function(content, myName) { /* … */ });
+  $config.addPairedShortcode("user", async function(content, myName) { /* … */ });
 
   // Async method available
-  eleventyConfig.addPairedAsyncShortcode("user", async function(content, myName) { /* … */ });
+  $config.addPairedAsyncShortcode("user", async function(content, myName) { /* … */ });
 };
 {% endset %}
 {% include "snippets/configDefinition.njk" %}
@@ -109,9 +109,9 @@ A few Eleventy-specific data properties are available to shortcode callbacks.
 - `this.ctx` (Nunjucks-specific) {% addedin "3.0.0-canary.5" %}
 
 {% set codeContent %}
-export default function (eleventyConfig) {
+export default function ($config) {
   // Make sure you’re not using an arrow function here: () => {}
-  eleventyConfig.addShortcode("myShortcode", function () {
+  $config.addShortcode("myShortcode", function () {
     // this.page
     // this.eleventy
   });
@@ -125,13 +125,13 @@ export default function (eleventyConfig) {
 
 There are many popular libraries to cache or memoize functions (filters, shortcodes, etc): [`memoize`](https://www.npmjs.com/package/memoize) (ESM-only) is one such package. You can use `memoize` (or any [other memoization library](https://www.npmjs.com/search?q=memoize)) to cache things in your Eleventy Configuration file.
 
-<div class="codetitle">eleventy.config.js</div>
+<div class="codetitle">buildawesome.config.js</div>
 
 {%- set codeBlock %}{% raw %}
 import memoize from "memoize";
 
-export default function(eleventyConfig) {
-	eleventyConfig.addShortcode("htmlEntities", memoize(str => {
+export default function($config) {
+	$config.addShortcode("htmlEntities", memoize(str => {
 		return encode(str);
 	}));
 };
@@ -143,18 +143,18 @@ export default function(eleventyConfig) {
 You can also specify different functionality for shortcodes in each engine, if you’d like. Using the `addShortcode` or `addPairedShortcode` function is equivalent to adding the shortcode to every supported template engine.
 
 {% set codeContent %}
-export default function (eleventyConfig) {
+export default function ($config) {
   // Liquid
-  eleventyConfig.addLiquidShortcode("user", function(firstName, lastName) {});
-  eleventyConfig.addPairedLiquidShortcode("user", function(content, firstName, lastName) {});
+  $config.addLiquidShortcode("user", function(firstName, lastName) {});
+  $config.addPairedLiquidShortcode("user", function(content, firstName, lastName) {});
 
   // Nunjucks
-  eleventyConfig.addNunjucksShortcode("user", function(firstName, lastName) {});
-  eleventyConfig.addPairedNunjucksShortcode("user", function(content, firstName, lastName) {});
+  $config.addNunjucksShortcode("user", function(firstName, lastName) {});
+  $config.addPairedNunjucksShortcode("user", function(content, firstName, lastName) {});
 
   // JavaScript Template Function (New in 0.7.0)
-  eleventyConfig.addJavaScriptFunction("user", function(firstName, lastName) {});
-  eleventyConfig.addJavaScriptFunction("user", function(content, firstName, lastName) {}); // Faux-paired shortcode
+  $config.addJavaScriptFunction("user", function(firstName, lastName) {});
+  $config.addJavaScriptFunction("user", function(content, firstName, lastName) {}); // Faux-paired shortcode
 };
 {% endset %}
 {% include "snippets/configDefinition.njk" %}
@@ -168,20 +168,20 @@ Markdown files are pre-processed as Liquid templates by default—any shortcodes
 Learn more about these on the individual template engine pages for [Nunjucks](/docs/languages/nunjucks/#asynchronous-shortcodes), [Liquid](/docs/languages/liquid/#asynchronous-shortcodes), and [`11ty.js` JavaScript](/docs/languages/javascript/#asynchronous-javascript-template-functions).
 
 {% set codeContent %}
-export default function (eleventyConfig) {
+export default function ($config) {
   // Async-friendly
   // Liquid is already async-friendly
-  eleventyConfig.addLiquidShortcode("user", async function() {});
-  eleventyConfig.addPairedLiquidShortcode("user", async function(content) {});
+  $config.addLiquidShortcode("user", async function() {});
+  $config.addPairedLiquidShortcode("user", async function(content) {});
 
   // Nunjucks Async
-  eleventyConfig.addNunjucksAsyncShortcode("user", async function() {});
-  eleventyConfig.addPairedNunjucksAsyncShortcode("user", async function(content) {});
+  $config.addNunjucksAsyncShortcode("user", async function() {});
+  $config.addPairedNunjucksAsyncShortcode("user", async function(content) {});
 
   // JavaScript Template function
   // (make sure you `await` these when using in templates!)
-  eleventyConfig.addJavaScriptFunction("user", async function() {});
-  eleventyConfig.addJavaScriptFunction("user", async function(content) {}); // Faux-paired shortcode
+  $config.addJavaScriptFunction("user", async function() {});
+  $config.addJavaScriptFunction("user", async function(content) {}); // Faux-paired shortcode
 };
 {% endset %}
 {% include "snippets/configDefinition.njk" %}
diff --git a/src/docs/sidebar-docs.md b/src/docs/sidebar-docs.md
index 2367f52cab..4fa61ed1c1 100644
--- a/src/docs/sidebar-docs.md
+++ b/src/docs/sidebar-docs.md
@@ -1,6 +1,7 @@
 ---
 eleventyNavigation:
   key: Eleventy Documentation
+  title: Build Awesome Documentation
   url: /docs/
 permalink: false
 ---
\ No newline at end of file
diff --git a/src/docs/sidebar-why.md b/src/docs/sidebar-why.md
index a8e54b25f9..6a808f3380 100644
--- a/src/docs/sidebar-why.md
+++ b/src/docs/sidebar-why.md
@@ -2,8 +2,9 @@
 eleventyNavigation:
   parent: Introduction
   key: Why Eleventy?
+  title: Why Build Awesome?
   pinned: true
   order: 1
-  url: '/#why-should-you-use-eleventy'
+  url: '/#why-should-you-use-build-awesome'
 permalink: false
 ---
\ No newline at end of file
diff --git a/src/docs/single-page-applications.webc b/src/docs/single-page-applications.webc
index aa89dc48c4..87d0171d70 100644
--- a/src/docs/single-page-applications.webc
+++ b/src/docs/single-page-applications.webc
@@ -32,7 +32,7 @@ Single Page Application frameworks in the last few years have pivoted away from
 
 Single Page Application advocates argue these large, costly bundles enable performance gains for future navigations, seamless media playback during transition, and fancy transition animations. While we can debate (and even agree on some of) those points (recognizing also that they will fade into irrelevance as the web platform progresses), take a moment to consider **whether or not this trade-off should be made for you as a default**.
 
-The **data supports the case that Single Page Applications are a bad default for the web** too. An analysis of Core Web Vitals across 9.3 million web sites in February 2023 [shows that only 26% of sites built using the most popular Single Page Application framework (Next.js) have good Core Web Vitals](https://lookerstudio.google.com/u/0/reporting/55bc8fad-44c2-4280-aa0b-5f3f0cd3d2be/page/M6ZPC?s=lD9m_MQgyGU), far lower than the web at large (40%).
+The **data supports the case that Single Page Applications are a bad default for the web** too. An analysis of Core Web Vitals across 9.3 million websites in February 2023 [shows that only 26% of sites built using the most popular Single Page Application framework (Next.js) have good Core Web Vitals](https://lookerstudio.google.com/u/0/reporting/55bc8fad-44c2-4280-aa0b-5f3f0cd3d2be/page/M6ZPC?s=lD9m_MQgyGU), far lower than the web at large (40%).
 
 With all of that said—it is possible to integrate existing third-party tools with Eleventy to solve single page application requirements—but importantly it isn’t the _default choice_ in Eleventy nor should it be the default choice when building things for the web.
 </template>
diff --git a/src/docs/starter.md b/src/docs/starter.md
index 0cdc7a6677..b1b95c594c 100644
--- a/src/docs/starter.md
+++ b/src/docs/starter.md
@@ -8,7 +8,7 @@ eleventyNavigation:
 # Starter Projects
 
 <div class="sites-vert sites-vert--lg">
-  <div class="lo-grid" style="--fl-gap-v: 5em;">
+  <div class="lo-grid" style="--fl-gap-v: 5em; --fl-gap-h: 2vw;">
 {%- for site in starters | sortObjectByOrder %}
 {%- if site.official %}
 {%- set siteData = speedlifyStarters.data[site.demo] or speedlifyStarters.data[site.url] %}
@@ -20,7 +20,7 @@ eleventyNavigation:
 [Add your own starter project](https://github.com/11ty/docs/tree/main/src/_data/starters). Community contributions are shown in random order.
 
 <div class="sites-vert sites-vert--lg">
-  <div class="lo-grid" style="--fl-gap-v: 5em;">
+  <div class="lo-grid" style="--fl-gap-v: 5em; --fl-gap-h: 2vw;">
 {%- for site in starters | sortObjectByOrder %}
 {%- if site.disabled != true and site.featured %}
 {%- set siteData = speedlifyStarters.data[site.demo] or speedlifyStarters.data[site.url] %}
diff --git a/src/docs/terminal-window.md b/src/docs/terminal-window.md
index cea9006a1b..f3a32102d2 100644
--- a/src/docs/terminal-window.md
+++ b/src/docs/terminal-window.md
@@ -9,13 +9,13 @@ eleventyNavigation:
 
 {% tableofcontents %}
 
-Eleventy runs in a [Terminal application](https://en.wikipedia.org/wiki/Terminal_emulator). If you’re not familiar with Terminal applications, they’re used to run typed commands (and programs) on your computer. A Terminal application is mostly synonymous with terms like Command Line Interface (CLI) or shell prompt.
+Build Awesome runs in a [Terminal application](https://en.wikipedia.org/wiki/Terminal_emulator) (Don’t want to learn this? Build Awesome Pro bypasses this altogether!). If you’re not familiar with Terminal applications, they’re used to run typed commands (and programs) on your computer. A Terminal application is mostly synonymous with terms like Command Line Interface (CLI) or shell prompt.
 
 Here’s how to open a Terminal in various operating systems:
 
 ## macOS
 
-macOS includes an application called `Terminal` which can be used to run Eleventy. Depending on your version of macOS, it likely lives in `/Applications/Utilities/Terminal`. It may also be called `Terminal.app` if your operating system is configured to show file extensions.
+macOS includes an application called `Terminal` which can be used to run Build Awesome. Depending on your version of macOS, it likely lives in `/Applications/Utilities/Terminal`. It may also be called `Terminal.app` if your operating system is configured to show file extensions.
 
 - [Open or quit Terminal on Mac on the _Apple Terminal User Guide_](https://support.apple.com/guide/terminal/open-or-quit-terminal-apd5265185d-f365-44cb-8b09-71a064a42125/mac)
 
diff --git a/src/docs/testimonials.md b/src/docs/testimonials.md
index 650002fcbe..0f0a0bf413 100644
--- a/src/docs/testimonials.md
+++ b/src/docs/testimonials.md
@@ -7,7 +7,7 @@ excludeFromSidebar: true
 
 # Testimonials
 
-Don’t just take my word for it. 🌈 Listen to what these happy developers are saying about Eleventy:
+Don’t just take my word for it. 🌈 Listen to what these happy developers are saying about Build Awesome and Eleventy:
 
 {% for testimonial in testimonials | shuffle %}
 
diff --git a/src/docs/transforms.md b/src/docs/transforms.md
index 11e9751c3d..79ae3408f8 100644
--- a/src/docs/transforms.md
+++ b/src/docs/transforms.md
@@ -14,9 +14,9 @@ Transforms can modify a template’s output. For example, use a transform to for
 {% callout "info", "md" %}The provided transform function **must** return the original or transformed content.{% endcallout %}
 
 {% set codeContent %}
-export default function(eleventyConfig) {
+export default function($config) {
 	// Can be sync or async
-	eleventyConfig.addTransform("transform-name", async function (content) {
+	$config.addTransform("transform-name", async function (content) {
 		console.log(this.page.inputPath);
 
 		// Caution: this could be `false` (from permalink)
@@ -40,9 +40,9 @@ Access to [Eleventy’s `page` variable](/docs/data-eleventy-supplied/#page-vari
 Transforms are executed in order of insertion in your configuration file.
 
 ```js
-eleventyConfig.addTransform("first", () => {});
-eleventyConfig.addTransform("second", () => {});
-eleventyConfig.addTransform("third", () => {});
+$config.addTransform("first", () => {});
+$config.addTransform("second", () => {});
+$config.addTransform("third", () => {});
 ```
 
 ### Plugins
@@ -50,11 +50,11 @@ eleventyConfig.addTransform("third", () => {});
 Transforms added via plugins are inserted via the [second configuration stage for plugins](/docs/plugins/#creating-a-plugin).
 
 ```js
-eleventyConfig.addPlugin(eleventyConfig => {
-	eleventyConfig.addTransform("third", () => {});
+$config.addPlugin($config => {
+	$config.addTransform("third", () => {});
 });
-eleventyConfig.addTransform("first", () => {});
-eleventyConfig.addTransform("second", () => {});
+$config.addTransform("first", () => {});
+$config.addTransform("second", () => {});
 ```
 
 ## Examples
@@ -64,8 +64,8 @@ eleventyConfig.addTransform("second", () => {});
 {% set codeContent %}
 import htmlmin from "html-minifier-terser";
 
-export default function (eleventyConfig) {
-	eleventyConfig.addTransform("htmlmin", function (content) {
+export default function ($config) {
+	$config.addTransform("htmlmin", function (content) {
 		// String conversion to handle `permalink: false`
 		if ((this.page.outputPath || "").endsWith(".html")) {
 			let minified = htmlmin.minify(content, {
diff --git a/src/docs/tutorials.webc b/src/docs/tutorials.webc
index b8ede8fe49..9a433b4ad2 100644
--- a/src/docs/tutorials.webc
+++ b/src/docs/tutorials.webc
@@ -17,7 +17,7 @@ feedUrl: /docs/quicktips/feed.xml
 	<site-card @url="https://learneleventyfromscratch.com/" @name="Learn Eleventy from Scratch" @date="2020-05"></site-card>
 	<site-card @url="https://tatianamac.com/posts/beginner-eleventy-tutorial-parti/" @name="Beginner’s Guide to Eleventy" @date="2020-04-02"></site-card>
 	<site-card @url="https://sia.codes/posts/itsiest-bitsiest-eleventy-tutorial/" @name="Itsiest, Bitsiest Eleventy Tutorial" @date="2021-05-24"></site-card>
-	<site-card @url="https://www.zachleat.com/web/eleventy-tutorial-level-1/" @name="Making a simple web site with the simplest static site generator" @date="2018-01-24"></site-card>
+	<site-card @url="https://www.zachleat.com/web/eleventy-tutorial-level-1/" @name="Making a simple website with the simplest static site generator" @date="2018-01-24"></site-card>
 </sites-list>
 
 <p>And for folks wanting to <strong>start building a blog</strong>:</p>
diff --git a/src/docs/usage.md b/src/docs/usage.md
index ffab93061b..43f3b82001 100644
--- a/src/docs/usage.md
+++ b/src/docs/usage.md
@@ -9,18 +9,18 @@ eleventyNavigation:
 # Command Line Usage
 
 {% callout "info", "md-block", "Prerequisites" %}
-1. Eleventy runs in a Terminal application. [_Well, wait—what is a Terminal?_](/docs/terminal-window/)
-1. Have you already [installed Eleventy](/docs/#step-2-install-eleventy)?
+1. Build Awesome runs in a Terminal application. [Well, wait—what is a Terminal?](/docs/terminal-window/)
+1. Have you already [installed Build Awesome](/docs/#step-2-install-build-awesome)?
 {% endcallout %}
 
-Here’s the first command you can enter in your Terminal application to run Eleventy:
+Here’s the first command you can enter in your Terminal application to run Build Awesome:
 
 {% set usageCode %}
 # Searches the current directory, outputs to ./_site
-npx @11ty/eleventy
+npx @awesome.me/buildawesome
 
-# `npx @11ty/eleventy` is the same as:
-npx @11ty/eleventy --input=. --output=_site
+# `npx @awesome.me/buildawesome` is the same as:
+npx @awesome.me/buildawesome --input=. --output=_site
 {% endset %}
 <script type="module" src="/js/seven-minute-tabs.js"></script>
 <seven-minute-tabs class="tabs-flush tabs-right" persist sync autoheight>
@@ -40,13 +40,13 @@ A hypothetical `template.md` in the current directory would be rendered to `_sit
 
 {% set usageFormatsCode %}
 # Use only a subset of template types
-npx @11ty/eleventy --formats=md,html,ejs
+npx @awesome.me/buildawesome --formats=md,html,ejs
 
 # Don’t process any formats
-npx @11ty/eleventy --formats=
+npx @awesome.me/buildawesome --formats=
 
 # Find out the most up-to-date list of commands (there are more)
-npx @11ty/eleventy --help
+npx @awesome.me/buildawesome --help
 {% endset %}
 <seven-minute-tabs class="tabs-flush tabs-right" persist sync autoheight>
 	<div role="tablist" aria-label="Choose your Package Manager">
@@ -61,18 +61,18 @@ npx @11ty/eleventy --help
 
 * The default for `--formats=` changed in {{ "3.0.0-alpha.7" | coerceVersion }} from an alias of `*` to an empty set.
 
-### Re-run Eleventy when you save
+### Build when you save
 
 {% set usageServeCode %}
 # Add a web server to apply changes and
 # refresh automatically. We’ll also --watch for you.
-npx @11ty/eleventy --serve
+npx @awesome.me/buildawesome --serve
 
 # Change the web server’s port—use localhost:8081
-npx @11ty/eleventy --serve --port=8081
+npx @awesome.me/buildawesome --serve --port=8081
 
 # Watch and re-run when files change, without the web server.
-npx @11ty/eleventy --watch
+npx @awesome.me/buildawesome --watch
 {% endset %}
 <seven-minute-tabs class="tabs-flush tabs-right" persist sync autoheight>
 	<div role="tablist" aria-label="Choose your Package Manager">
@@ -89,7 +89,7 @@ npx @11ty/eleventy --watch
 
 {% set usageQuietCode %}
 # Shhhhh—Don’t log so much to the console
-npx @11ty/eleventy --quiet
+npx @awesome.me/buildawesome --quiet
 {% endset %}
 <seven-minute-tabs class="tabs-flush tabs-right" persist sync autoheight>
 	<div role="tablist" aria-label="Choose your Package Manager">
@@ -107,8 +107,8 @@ npx @11ty/eleventy --quiet
 Runs without writing to the file system. Useful when [debugging](/docs/debugging/).
 
 {% set usageDryCode %}
-# Run Eleventy but don’t write any files
-npx @11ty/eleventy --dryrun
+# Run but don’t write any files
+npx @awesome.me/buildawesome --dryrun
 {% endset %}
 <seven-minute-tabs class="tabs-flush tabs-right" persist sync autoheight>
 	<div role="tablist" aria-label="Choose your Package Manager">
@@ -124,8 +124,8 @@ npx @11ty/eleventy --dryrun
 ### `--config` to Change the Config file name
 
 {% set usageCfgCode %}
-# Override the default eleventy project config filename (.eleventy.js)
-npx @11ty/eleventy --config=myeleventyconfig.js
+# Override the default configuration filename (buildawesome.config.js)
+npx @awesome.me/buildawesome --config=myconfig.js
 {% endset %}
 <seven-minute-tabs class="tabs-flush tabs-right" persist sync autoheight>
 	<div role="tablist" aria-label="Choose your Package Manager">
@@ -140,19 +140,16 @@ npx @11ty/eleventy --config=myeleventyconfig.js
 
 Read more about [Configuration files](/docs/config.md).
 
-{% addedin "v3.0.0-alpha.18" %}If your specified `--config` file does not exist, Eleventy will throw an error.
+{% addedin "v3.0.0-alpha.18" %}If your specified `--config` file does not exist, Build Awesome will throw an error.
 
 ### `--to` can output JSON {% addedin "1.0.0" %}
 
 {% set usageJsonCode %}
 # Output a JSON structure (does not write to the file system)
-npx @11ty/eleventy --to=json
-
-# Output a Newline Deliminated JSON structure (does not write to the file system)
-npx @11ty/eleventy --to=ndjson
+npx @awesome.me/buildawesome --to=json
 
 # Default behavior (Output to file system)
-npx @11ty/eleventy --to=fs
+npx @awesome.me/buildawesome --to=fs
 {% endset %}
 <seven-minute-tabs class="tabs-flush tabs-right" persist sync autoheight>
 	<div role="tablist" aria-label="Choose your Package Manager">
@@ -165,21 +162,19 @@ npx @11ty/eleventy --to=fs
 	<div id="usage-json-yarn" role="tabpanel">{{ usageJsonCode | packageManagerCodeTransform("yarn") | highlight("bash") | safe }}</div>
 </seven-minute-tabs>
 
-Read more about [ndjson](https://github.com/ndjson/ndjson-spec).
-
 ### `--incremental` for Partial Incremental Builds
 
 {% set usageIncrementalCode %}
 # *Repeat* builds only operate on files that have changed
-npx @11ty/eleventy --watch --incremental
-npx @11ty/eleventy --serve --incremental
+npx @awesome.me/buildawesome --watch --incremental
+npx @awesome.me/buildawesome --serve --incremental
 
 # Skip the initial full build with `--ignore-initial`
-npx @11ty/eleventy --serve --incremental --ignore-initial
+npx @awesome.me/buildawesome --serve --incremental --ignore-initial
 
 # Pass in a template path, watch/serve not required
 # Added in {{ "3.0.0-alpha.14" | coerceVersion }}
-npx @11ty/eleventy --incremental=myfile.md
+npx @awesome.me/buildawesome --incremental=myfile.md
 {% endset %}
 <seven-minute-tabs class="tabs-flush tabs-right" persist sync autoheight>
 	<div role="tablist" aria-label="Choose your Package Manager">
@@ -194,17 +189,17 @@ npx @11ty/eleventy --incremental=myfile.md
 
 Read more about [incremental builds](/docs/usage/incremental/). Related [GitHub #3324](https://github.com/11ty/eleventy/issues/3324)
 
-### `--ignore-initial` to run Eleventy without an Initial Build {% addedin "2.0.0-canary.25" %}
+### `--ignore-initial` to skip the Initial Build {% addedin "2.0.0-canary.25" %}
 
-Be wary of any file changes that happened while Eleventy wasn’t running!
+Be wary of any file changes that happened while Build Awesome wasn’t running!
 
 {% set usageInitialCode %}
-# Don’t build when Eleventy starts, only build on file changes
-npx @11ty/eleventy --watch --ignore-initial
-npx @11ty/eleventy --serve --ignore-initial
+# Don’t build when Build Awesome starts, only listen for future file changes
+npx @awesome.me/buildawesome --watch --ignore-initial
+npx @awesome.me/buildawesome --serve --ignore-initial
 
 # Works great with Incremental
-npx @11ty/eleventy --serve --incremental --ignore-initial
+npx @awesome.me/buildawesome --serve --incremental --ignore-initial
 {% endset %}
 <seven-minute-tabs class="tabs-flush tabs-right" persist sync autoheight>
 	<div role="tablist" aria-label="Choose your Package Manager">
@@ -217,9 +212,9 @@ npx @11ty/eleventy --serve --incremental --ignore-initial
 	<div id="usage-initial-yarn" role="tabpanel">{{ usageInitialCode | packageManagerCodeTransform("yarn") | highlight("bash") | safe }}</div>
 </seven-minute-tabs>
 
-### Deeper insight into Eleventy Internals
+### Deeper insight into Internals
 
-You can use the `DEBUG` [environment variable](./environment-vars.md) to enable the [special debug log output](./debugging.md), allowing deeper insight into Eleventy’s internals. For simplicity this example is using the [`cross-env`](https://github.com/kentcdodds/cross-env) package.
+You can use the `DEBUG` [environment variable](./environment-vars.md) to enable the [special debug log output](./debugging.md), allowing deeper insight into Build Awesome’s internals. For simplicity this example is using the [`cross-env`](https://github.com/kentcdodds/cross-env) package.
 
 <seven-minute-tabs class="tabs-flush tabs-right" persist sync autoheight>
 	<div role="tablist" aria-label="Choose your Package Manager">
@@ -227,12 +222,12 @@ You can use the `DEBUG` [environment variable](./environment-vars.md) to enable
 		<a href="#usage-debugging-pnpm" role="tab" data-tabs-persist="pkgmgr:pnpm">pnpm</a>
 		<a href="#usage-debugging-yarn" role="tab" data-tabs-persist="pkgmgr:yarn">yarn</a>
 	</div>
-	<div id="usage-debugging-npm" role="tabpanel">{{ "npx cross-env DEBUG=Eleventy:\* npx @11ty/eleventy --dryrun" | highlight("bash") | safe }}</div>
-	<div id="usage-debugging-pnpm" role="tabpanel">{{ "pnpm exec cross-env DEBUG=Eleventy:\* pnpm exec @11ty/eleventy --dryrun" | highlight("bash") | safe }}</div>
-	<div id="usage-debugging-yarn" role="tabpanel">{{ "yarn exec cross-env DEBUG=Eleventy:\* yarn exec @11ty/eleventy --dryrun" | highlight("bash") | safe }}</div>
+	<div id="usage-debugging-npm" role="tabpanel">{{ "npx cross-env DEBUG=BuildAwesome:\* npx @awesome.me/buildawesome --dryrun" | highlight("bash") | safe }}</div>
+	<div id="usage-debugging-pnpm" role="tabpanel">{{ "pnpm exec cross-env DEBUG=BuildAwesome:\* pnpm exec @awesome.me/buildawesome --dryrun" | highlight("bash") | safe }}</div>
+	<div id="usage-debugging-yarn" role="tabpanel">{{ "yarn exec cross-env DEBUG=BuildAwesome:\* yarn exec @awesome.me/buildawesome --dryrun" | highlight("bash") | safe }}</div>
 </seven-minute-tabs>
 
-Learn more about [Eleventy’s Debug Mode log output](./debugging.md).
+Learn more about [Debug Mode log output](./debugging.md).
 
 ### Using the Same Input and Output
 
@@ -240,7 +235,7 @@ Yes, you can use the same `input` and `output` directories, like so:
 
 {% set usageSameDirsCode %}
 # Parse and write Markdown to HTML, respecting directory structure.
-npx @11ty/eleventy --input=. --output=. --formats=md
+npx @awesome.me/buildawesome --input=. --output=. --formats=md
 {% endset %}
 <seven-minute-tabs class="tabs-flush tabs-right" persist sync autoheight>
 	<div role="tablist" aria-label="Choose your Package Manager">
@@ -253,13 +248,13 @@ npx @11ty/eleventy --input=. --output=. --formats=md
 	<div id="usage-same-yarn" role="tabpanel">{{ usageSameDirsCode | packageManagerCodeTransform("yarn") | highlight("bash") | safe }}</div>
 </seven-minute-tabs>
 
-{% callout "warn" %}Careful with <code>--formats=html</code> here! If you run Eleventy more than once, we will attempt to process your new output files as input files (which will throw errors). Read more at the <a href="/docs/languages/html/#using-the-same-input-and-output-directories">HTML template docs</a>.{% endcallout %}
+{% callout "warn" %}Careful with <code>--formats=html</code> here! If you run Build Awesome more than once, we will attempt to process your new output files as input files (which will throw errors). Read more at the <a href="/docs/languages/html/#using-the-same-input-and-output-directories">HTML template docs</a>.{% endcallout %}
 
 <!--
 ### Example: Process a Single File
 
 ```bash
-npx @11ty/eleventy --input=README.md --output=.
+npx @awesome.me/buildawesome --input=README.md --output=.
 ```
 
 Writes to `./README/index.html`.
diff --git a/src/docs/versions.md b/src/docs/versions.md
index b13eac314e..c0a1c22c53 100644
--- a/src/docs/versions.md
+++ b/src/docs/versions.md
@@ -6,6 +6,66 @@ eleventyNavigation:
 ---
 # Release History
 
+{% callout "info", "Eleventy and Build Awesome" %}
+You may see **11ty** or **Eleventy** mentioned and you might be asking yourself: what is the [difference between **Build Awesome** and Eleventy](/blog/build-awesome/)?
+{% endcallout %}
+
+<table>
+  <thead>
+    <tr>
+      <th>Name</th>
+      <th>Version</th>
+			<th>URL</th>
+			<th>Status</th>
+			<th>Year</th>
+    </tr>
+  </thead>
+  <tbody>
+    <tr>
+      <td><a href="/pro/">Build Awesome Pro</a></td>
+      <td></td>
+      <td><a href="/pro/"><code>build.awesome.me/pro/</code></a></td>
+      <td><em>Coming soon</em></td>
+      <td>2027</td>
+    </tr>
+    <tr>
+      <td>Build Awesome</td>
+      <td><code>v4</code></td>
+      <td><a href="https://build.awesome.me/docs/"><code>build.awesome.me</code></a></td>
+      <td>Pre-release</td>
+			<td>2025+</td>
+    </tr>
+    <tr>
+      <td>Eleventy</td>
+      <td><code>v3</code></td>
+      <td><a href="https://www.11ty.dev/docs/"><code>www.11ty.dev</code></a></td>
+      <td>Stable, Latest</td>
+			<td>2023+</td>
+    </tr>
+    <tr>
+      <td>Eleventy</td>
+      <td><code>v2</code></td>
+      <td><a href="https://v2.11ty.dev/docs/"><code>v2.11ty.dev</code></a></td>
+      <td>Legacy</td>
+			<td>2023</td>
+    </tr>
+    <tr>
+      <td>Eleventy</td>
+      <td><code>v1</code></td>
+      <td><a href="https://v1.11ty.dev/docs/"><code>v1.11ty.dev</code></a></td>
+      <td>Legacy</td>
+			<td>2021–2022</td>
+    </tr>
+    <tr>
+      <td>Eleventy</td>
+      <td><code>v0</code></td>
+      <td><a href="https://v0.11ty.dev/docs/"><code>v0.11ty.dev</code></a></td>
+      <td>Legacy</td>
+			<td>2017–2021</td>
+    </tr>
+  </tbody>
+</table>
+
 You can also browse the latest releases on:
 - [<i class="fa-brands fa-npm"></i>`npm`](https://www.npmjs.com/package/@11ty/eleventy?activeTab=versions)
 - [GitHub](https://github.com/11ty/eleventy/releases).
@@ -13,16 +73,6 @@ You can also browse the latest releases on:
 - [`node-modules.dev`](https://node-modules.dev/grid/depth#install=@11ty/eleventy)
 - [`socket.dev`](https://socket.dev/npm/package/@11ty/eleventy)
 
-## Major Branches
-
-<ul>
-	<li><a href="https://build.awesome.me/docs/"><code>build.awesome.me</code> for <code>v4</code> (Currently in alpha)</li>
-	<li><a href="https://www.11ty.dev/docs/"><code>www.11ty.dev</code></a> for <code>v3</code> (Latest Stable)</li>
-	<li><a href="https://v2.11ty.dev/docs/"><code>v2.11ty.dev</code></a></li>
-	<li><a href="https://v1.11ty.dev/docs/"><code>v1.11ty.dev</code></a></li>
-	<li><a href="https://v0.11ty.dev/docs/"><code>v0.11ty.dev</code></a></li>
-</ul>
-
 ## Full Release History
 
 _×{{ versions.length }} releases total since [November 26, 2017](https://github.com/11ty/eleventy/commit/00ad9192605d5d501de6aae193701c5a2297ef2c)_
diff --git a/src/docs/virtual-templates.md b/src/docs/virtual-templates.md
index 761c5a4706..6094ea44b5 100644
--- a/src/docs/virtual-templates.md
+++ b/src/docs/virtual-templates.md
@@ -14,7 +14,7 @@ The [RSS plugin offers a virtual template](/docs/plugins/rss.md#virtual-template
 ## API
 
 ```js
-eleventyConfig.addTemplate(virtualPath, content, data = {});
+$config.addTemplate(virtualPath, content, data = {});
 ```
 
 * `virtualPath`: used to determine the template language and data cascade for this template. This path is relative to your project’s input directory.
@@ -26,14 +26,14 @@ eleventyConfig.addTemplate(virtualPath, content, data = {});
 ### Markdown, HTML (via Liquid) Layout
 
 {% set codeContent %}
-export default function(eleventyConfig) {
+export default function($config) {
 	// Create content templates Files
-	eleventyConfig.addTemplate("virtual.md", `# Hello`, {
+	$config.addTemplate("virtual.md", `# Hello`, {
         	layout: "virtual.html"
 	});
 
 	// Works great with Layouts too
-	eleventyConfig.addTemplate("_includes/virtual.html", `<!-- Layout -->{% raw %}{{ content }}{% endraw %}`);
+	$config.addTemplate("_includes/virtual.html", `<!-- Layout -->{% raw %}{{ content }}{% endraw %}`);
 };
 {% endset %}
 {% include "snippets/configDefinition.njk" %}
@@ -43,9 +43,9 @@ export default function(eleventyConfig) {
 Any of the JavaScript shapes on [`11ty.js` templates](/docs/languages/javascript.md) are also supported here.
 
 {% set codeContent %}
-export default function(eleventyConfig) {
+export default function($config) {
 	// Create content templates Files
-	eleventyConfig.addTemplate("virtual.11ty.js", function(data) {
+	$config.addTemplate("virtual.11ty.js", function(data) {
 		return `<h1>Hello</h1>`;
 	});
 };
diff --git a/src/docs/watch-serve.md b/src/docs/watch-serve.md
index 9268dc2eef..01e049b274 100644
--- a/src/docs/watch-serve.md
+++ b/src/docs/watch-serve.md
@@ -30,8 +30,8 @@ For most use cases, the default behavior of this server should handle most thing
 The `addWatchTarget` config method allows you to manually add a file or directory for Eleventy to watch. When the file or the files in this directory change Eleventy will trigger a build. This is useful if Eleventy is not aware of your project-specific external dependencies.
 
 {% set codeContent %}
-export default function(eleventyConfig) {
-	eleventyConfig.addWatchTarget("./src/scss/");
+export default function($config) {
+	$config.addWatchTarget("./src/scss/");
 };
 {% endset %}
 {% include "snippets/configDefinition.njk" %}
@@ -47,9 +47,9 @@ We do automatically look for dependencies in your configuration file based on Ja
 To reset your configuration for a specific watch target, use the `resetConfig` option.
 
 {% set codeContent %}
-export default function(eleventyConfig) {
+export default function($config) {
 	// You probably don’t need this
-	eleventyConfig.addWatchTarget("./_config/**", {
+	$config.addWatchTarget("./_config/**", {
 		resetConfig: true
 	});
 };
@@ -68,17 +68,17 @@ Eleventy will ignore changes to files or folders listed in your `.gitignore` fil
 
 ### Configuration API {% addedin "2.0.0-canary.18" %}
 
-Previously, [the configuration API ignores for template processing](/docs/ignores/#configuration-api) were also used as ignores for watching (e.g. `eleventyConfig.ignores.add("README.md")`).
+Previously, [the configuration API ignores for template processing](/docs/ignores/#configuration-api) were also used as ignores for watching (e.g. `$config.ignores.add("README.md")`).
 
 New in {{ "2.0.0-canary.18" | coerceVersion }}, watch target ignores now have their own dedicated API:
 
 {% set codeContent %}
-export default function(eleventyConfig) {
+export default function($config) {
 	// Do not rebuild when README.md changes (You can use a glob here too)
-	eleventyConfig.watchIgnores.add("README.md");
+	$config.watchIgnores.add("README.md");
 
 	// Or delete entries too
-	eleventyConfig.watchIgnores.delete("README.md");
+	$config.watchIgnores.delete("README.md");
 };
 {% endset %}
 {% include "snippets/configDefinition.njk" %}
@@ -87,24 +87,24 @@ The `watchIgnores` Set starts with a default `**/node_modules/**` entry.
 
 ## Watch JavaScript Dependencies {% addedin "0.7.0" %}
 
-When in `--watch` mode, Eleventy will spider the dependencies of your [JavaScript Templates](/docs/languages/javascript/) (`.11ty.js`), [JavaScript Data Files](/docs/data-js/) (`.11tydata.js` or `_data/**/*.js`), or Configuration File (usually `eleventy.config.js`) to watch those files too. Files in `node_modules` directories are ignored. This feature is _enabled by default_.
+When in `--watch` mode, Build Awesome will spider the dependencies of your [JavaScript Templates](/docs/languages/javascript/) (`.11ty.js`), [JavaScript Data Files](/docs/data-js/) (`.11tydata.js` or `_data/**/*.js`), or Configuration File (usually `buildawesome.config.js`) to watch those files too. Files in `node_modules` directories are ignored. This feature is _enabled by default_.
 
 {% set codeContent %}
-export default function(eleventyConfig) {
+export default function($config) {
 	// Enabled by default
-	eleventyConfig.setWatchJavaScriptDependencies(false);
+	$config.setWatchJavaScriptDependencies(false);
 };
 {% endset %}
 {% include "snippets/configDefinition.njk" %}
 
 ## Add delay before re-running {% addedin "0.11.0" %}
 
-A hardcoded amount of time Eleventy will wait before triggering a new build when files have changes during `--watch` or `--serve` modes. You probably won’t need this, but is useful in some edge cases with other task runners (Gulp, Grunt, etc).
+A hardcoded amount of time Build Awesome will wait before triggering a new build when files have changes during `--watch` or `--serve` modes. You probably won’t need this, but is useful in some edge cases with other task runners (Gulp, Grunt, etc).
 
 {% set codeContent %}
-export default function(eleventyConfig) {
+export default function($config) {
 	// default is 0
-	eleventyConfig.setWatchThrottleWaitTime(100); // in milliseconds
+	$config.setWatchThrottleWaitTime(100); // in milliseconds
 };
 {% endset %}
 {% include "snippets/configDefinition.njk" %}
@@ -114,8 +114,8 @@ export default function(eleventyConfig) {
 Advanced [`chokidar` options](https://github.com/paulmillr/chokidar) can be defined using the `setChokidarConfig` configuration API method:
 
 {% set codeContent %}
-export default function(eleventyConfig) {
-	eleventyConfig.setChokidarConfig({
+export default function($config) {
+	$config.setChokidarConfig({
 		usePolling: true,
 		interval: 500,
 	});
diff --git a/src/firehose-feed.11ty.js b/src/firehose-feed.11ty.js
index 69ed8af64d..d5b172d3c6 100644
--- a/src/firehose-feed.11ty.js
+++ b/src/firehose-feed.11ty.js
@@ -18,7 +18,7 @@ export default class {
 			title: "The Eleventy Firehose",
 			subtitle: "One centralized feed of Eleventy activity across the web.",
 			language: "en",
-			url: `https://www.11ty.dev${PERMALINK}`,
+			url: `https://build.awesome.me${PERMALINK}`,
 		});
 	}
 }
diff --git a/src/firehose.11ty.js b/src/firehose.11ty.js
index 3e8fa488cc..9c4751ff44 100644
--- a/src/firehose.11ty.js
+++ b/src/firehose.11ty.js
@@ -2,6 +2,8 @@
 import { escapeText } from "entities/escape";
 import activity from "../config/activity.js";
 
+const html = String.raw;
+
 function getSlugFromTitle(str) {
 	if (str.startsWith("GitHub Releases [")) {
 		return "github";
@@ -30,10 +32,10 @@ export async function data() {
 }
 
 export async function render({ entries }) {
-	return `
-<h1>Eleventy Firehose</h1>
+	return html`
+<h1>Build Awesome Firehose</h1>
 
-<p>This page shows activity from the <a href="/blog/">Eleventy Blog</a>, <a href="/docs/quicktips/">Quick Tips</a>, <a href="https://11ty.dev/youtube">YouTube channel</a>, <a href="https://11ty.dev/mastodon">Mastodon account</a>, and <em>all</em> GitHub releases (all of <a href="https://github.com/11ty/"><code>11ty</code> org</a> repositories).</p>
+<p>This page shows activity from the <a href="https://www.11ty.dev/blog/">Eleventy Blog</a>, <a href="/docs/quicktips/">Quick Tips</a>, <a href="https://build.awesome.me/youtube">YouTube channel</a>, <a href="https://build.awesome.me/mastodon">Mastodon account</a>, and <em>all</em> GitHub releases (all of <a href="https://github.com/11ty/"><code>11ty</code> org</a> repositories).</p>
 
 <ul>
 	<li><strong><a href="/firehose/firehose.rss">Subscribe to the Firehose RSS feed.</a></strong></li>
diff --git a/src/imports/logo-cloud.webc b/src/imports/logo-cloud.webc
index aeafe6c722..f29a65be54 100644
--- a/src/imports/logo-cloud.webc
+++ b/src/imports/logo-cloud.webc
@@ -16,7 +16,7 @@ permalink: /imports/logo-cloud.html
 <li><img webc:is="indieweb-avatar" url="https://sentry.io/">Sentry</li>
 <li><img webc:is="indieweb-avatar" url="https://developer.chrome.com/">Chrome Developers</li>
 <li><img webc:is="indieweb-avatar" url="https://css-tricks.com/">CSS Tricks</li>
-<li><img webc:is="indieweb-avatar" url="https://www.webpagetest.org/">WebPageTest</li>
+<li><img webc:is="indieweb-avatar" url="https://www.catchpoint.com/webpagetest">WebPageTest</li>
 <li><img webc:is="indieweb-avatar" url="https://www.a11yproject.com/">A11Y Project</li>
 <li><img webc:is="indieweb-avatar" url="https://eslint.org/">ESLint</li>
 <li><img webc:is="indieweb-avatar" url="https://www.noaa.gov/"><abbr title="National Oceanic and Atmospheric Administration">NOAA</abbr></li>
@@ -27,16 +27,14 @@ permalink: /imports/logo-cloud.html
 <li><img webc:is="indieweb-avatar" url="https://www.numerique.gouv.fr/">France (gov)</li>
 <li><img webc:is="indieweb-avatar" url="https://www.louvre.fr/">The Louvre Museum</li>
 <li><img webc:is="indieweb-avatar" url="https://www.fastmail.com/">Fastmail</li>
-<li><img webc:is="indieweb-avatar" url="https://stackoverflow.com/">Stack Overflow</li>
+<li><img webc:is="indieweb-avatar" url="https://stackoverflow.co/">Stack Overflow</li>
+<li><img webc:is="indieweb-avatar" url="https://webawesome.com/">Web Awesome</li>
 <li><img webc:is="indieweb-avatar" url="https://lit.dev/" width="120">Lit</li>
-<li><img webc:is="indieweb-avatar" url="https://glitch.com/">Glitch</li>
+<li><img webc:is="indieweb-avatar" url="https://blog.glitch.com/">Glitch</li>
 <li><img webc:is="indieweb-avatar" url="https://stackblitz.com/">Stackblitz</li>
 <li><img webc:is="indieweb-avatar" url="https://openwebdocs.org/">Open Web Docs</li>
 <li><img webc:is="indieweb-avatar" url="https://foursquare.com/">Foursquare</li>
 <li><img webc:is="indieweb-avatar" url="https://jamstack.org/">jamstack.org</li>
-<li><img webc:is="indieweb-avatar" url="https://www.greenpeace.org/">Greenpeace</li>
-<li><img webc:is="indieweb-avatar" url="https://www.csis.org/"><abbr title="Center for Strategic & International Studies">CSIS</abbr></li>
-<li><img webc:is="indieweb-avatar" url="https://www.springernature.com/">Springer Nature</li>
 <li><img webc:is="indieweb-avatar" url="https://mochajs.org/">Mocha</li>
 <li><img webc:is="indieweb-avatar" url="https://revealjs.com/">reveal.js</li>
 <li><img webc:is="indieweb-avatar" url="https://panic.com/">Panic</li>
@@ -55,3 +53,9 @@ permalink: /imports/logo-cloud.html
 <li><img webc:is="indieweb-avatar" url="https://www.ca.gov/">California (gov)</li>
 <li><img webc:is="indieweb-avatar" url="https://ux.redhat.com">Red Hat</li>
 <li><img webc:is="indieweb-avatar" url="https://www.pie.design/">Just Eat Takeaway</li>
+<!--- <li><img webc:is="indieweb-avatar" url="https://covidtracking.com/">Covid Tracking</li> --->
+<li><img webc:is="indieweb-avatar" url="https://www.getty.edu/">Getty</li>
+<li><img webc:is="indieweb-avatar" url="https://www.greenpeace.org/">Greenpeace</li>
+<li><img webc:is="indieweb-avatar" url="https://www.csis.org/"><abbr title="Center for Strategic & International Studies">CSIS</abbr></li>
+<li><img webc:is="indieweb-avatar" url="https://www.springernature.com/">Springer Nature</li>
+<li><img webc:is="indieweb-avatar" url="https://thewhitestonefoundation.org/">The Whitestone Foundation</li>
diff --git a/src/index.webc b/src/index.webc
index d009057734..a75fed127a 100644
--- a/src/index.webc
+++ b/src/index.webc
@@ -1,9 +1,9 @@
 ---js
 // <script>
-let headerTitle = "Eleventy is a simpler <code>static</code> site generator";
-let layout = "layouts/main.njk";
+let headerTitle = "Build Awesome is a simpler website generator";
+let layout = "layouts/docs.njk";
 
-let searchTitle = "Eleventy is a simpler static site generator";
+let searchTitle = "Build Awesome is a simpler website generator";
 
 let eleventyImport = {
 	collections: ["blog"]
@@ -11,7 +11,7 @@ let eleventyImport = {
 
 let eleventyComputed = {
 	social: {
-		description: () => "Eleventy is a simpler static site generator."
+		description: () => "Build Awesome (Eleventy) is a simpler website generator."
 	},
 };
 // </script>
@@ -41,21 +41,38 @@ export function randomTestimonialLink(testimonials) {
 	let random = randompick(featuredOnly);
 	let slug = slugify(random.name);
 
-	return `What is <a href="/docs/testimonials/#${slug}">${testimonialNameHtml(random)} saying about Eleventy?</a>`;
+	return `What is <a href="/docs/testimonials/#${slug}">${testimonialNameHtml(random)} saying about Build Awesome and Eleventy?</a>`;
 }
 </script>
 
-<!--- css-only components --->
-<possum variant="home" webc:nokeep></possum>
+<!--- <h1>Build Awesome helps you build better websites.</h1> --->
 
-<!--- this is a workaround for the layout used in the header --->
-<flex-luthor webc:nokeep></flex-luthor>
+<p>Build Awesome is a developer tool to help you build <a href="/docs/performance/"><strong>fast websites</strong> even faster</a>.</p>
+
+<ul>
+	<li>It’s <strong>secure</strong> and <strong>resilient</strong>: static websites let you skip the runtime and keep your uptime.</li>
+	<li>It’s <strong>lightweight</strong>: we’ve <a href="/blog/dependency-watch/">decreased our dependency count</a> with every major release since 2018.</li>
+	<li>It’s <strong>scalable</strong>: deploy with the most efficient architecture for the modern agent-heavy web.</li>
+	<li>It’s <strong>stable</strong>: stop getting burned upgrading your dependencies. We want your website to deploy <em>without headaches</em> for years to come.</li>
+	<li>It’s <a href="#why-should-you-use-build-awesome"><strong>trusted</strong></a> by folks at <img webc:is="indieweb-avatar" url="https://www.nasa.gov/"><abbr title="National Aeronautics and Space Administration">NASA</abbr> <img webc:is="indieweb-avatar" url="https://home.web.cern.ch/">Cern <img webc:is="indieweb-avatar" url="https://tc39.es/">TC39 <img webc:is="indieweb-avatar" url="https://about.google/">Google <img webc:is="indieweb-avatar" url="https://www.microsoft.com/">Microsoft <img webc:is="indieweb-avatar" url="https://www.cloudflare.com/">Cloudflare <img webc:is="indieweb-avatar" url="https://www.mozilla.org/">Mozilla (and more).</li>
+</ul>
+
+<p><strong>You should have a website</strong> and Build Awesome can help you create your very own home on the web. <a href="/docs/">Get started!</a></p>
+
+<template webc:type="11ty" 11ty:type="njk" webc:raw webc:nokeep>
+{% include "pro-cta.njk" %}
+</template>
+
+<!--- <ul>
+	<li>Build Awesome: runs on your computer.</li>
+	<li>Build Awesome Pro: run on our computers. (coming soon!)</li>
+</li> --->
 
 <quick-start></quick-start>
 
 <div webc:bucket="async">
-	<h2>Try Eleventy in Your Browser</h2>
-	<p>Next try editing one of the three files in this Eleventy project. Change the <code>title</code> in front matter on a blog post and watch the list update on the index page!</p>
+	<h2>Try Build Awesome in Your Browser</h2>
+	<p>Now try editing one of the three files in this project. You can make use of <a href="/docs/data-frontmatter/">Front Matter</a>, <a href="/docs/languages/liquid/">Liquid</a> and <a href="/docs/languages/markdown/">Markdown</a> template syntax. Change the <code>title</code> in front matter on a blog post and watch the list update on the index page!</p>
 	<is-land on:interaction="touchstart,click,focusin" import="/js/eleventy-editor.js">
 		<eleventy-editor focus group="group1" label="Edit index.md" data-editor-filename="index.md">
 			<syntax-highlight language="liquid" :copy-button-enabled="false">---
@@ -74,7 +91,7 @@ You can type here!
 - [{{ post.data.title }}]({{ post.url}})
 {%- endfor %}
 
-_Built with {{ eleventy.generator }}_</syntax-highlight>
+_Built with {{ buildawesome.generator }}_</syntax-highlight>
 		</eleventy-editor>
 
 		<eleventy-editor group="group1" label="Edit post1.md" data-editor-filename="post1.md">
@@ -97,62 +114,62 @@ tags: posts
 	<h2>News from the Blog</h2>
 	<ul @html="getHighlightedBlogPostContent(collections.blog)"></ul>
 
-	<h2>Why should you use Eleventy?</h2>
+	<h2>Why should you use Build Awesome?</h2>
 	<ul>
 		<li>
-			Eleventy has <a href="/docs/performance/"><strong>fast builds and even faster web sites</strong></a>.
+			Build Awesome has <a href="/docs/performance/"><strong>fast builds and even faster websites</strong></a>.
 			<is-land on:visible on:media="(prefers-reduced-motion: no-preference)">
 				<build-comparison></build-comparison>
 			</is-land>
 		</li>
 		<li>
-			Eleventy is <strong>production ready</strong> and trusted by:
+			Build Awesome is <strong>production ready</strong> and trusted by:
 			<is-land on:visible on:save-data="false">
 				<logo-cloud></logo-cloud>
 			</is-land>
-			<small>Eleventy has been downloaded <span @text="commaNumber($data.npm.downloads)"></span> times and is used on <a href="https://github.com/11ty/eleventy/network/dependents?package_id=UGFja2FnZS00NjY3NjEyNjg%3D">88,000+ repositories on GitHub</a></a>.</small>
+			<small>Build Awesome has been downloaded <span @text="commaNumber($data.npm.downloads)"></span> times and is used on <a href="https://github.com/11ty/eleventy/network/dependents?package_id=UGFja2FnZS00NjY3NjEyNjg%3D">88,000+ repositories on GitHub</a></a>.</small>
 		</li>
 		<li>
-			Eleventy offers <strong>full control over your project’s output</strong>. <a href="https://www.youtube.com/watch?v=b4frtsT4Cgo">We don’t inject our own markup into your pages</a>.
+			Build Awesome offers <strong>full control over your project’s output</strong>. <a href="https://www.youtube.com/watch?v=b4frtsT4Cgo">We don’t inject our own markup into your pages</a>.
 		</li>
 		<li>
-			Eleventy has a <a href="/docs/community/">lovely community of folks</a> that really care about what they build. <em @html="randomTestimonialLink(testimonials)"></em>
+			Build Awesome has a <a href="/docs/community/">lovely community of folks</a> that really care about what they build. <em @html="randomTestimonialLink(testimonials)"></em>
 		</li>
 		<li>
-			<a href="/blog/stability/">Eleventy is <strong>stable</strong></a>. We’ve shipped <span @text="versions.length"></span> releases going back to the first version in December 2017 and only three of those releases have had Eleventy-specific changes requiring developer changes.
+			<a href="/blog/stability/">Build Awesome and it’s predecessor Eleventy are <strong>stable</strong></a>. We’ve shipped <span @text="versions.length"></span> releases going back to the first version in December 2017 and only three of those releases have required developer intervention.
 			<blockquote>
 				<p>a11yproject.com launched with version 1.0.0 of Eleventy. […] It's been a little under three years and I haven't had to make any adjustments to its dependencies, and it can still install and run from a cold start with no complications. When I update the site to use version 2.0.0 I'll actually be removing dependencies, and not adding more. […] That's rare and special.—<a href="https://social.ericwbailey.website/@eric/109914908787346813"><img webc:is="indieweb-avatar" url="https://ericwbailey.design/"> Eric Bailey</a></p>
 			</blockquote>
 		</li>
 		<li>
-			Eleventy <strong>doesn’t track you</strong>. We <a href="https://www.zachleat.com/web/site-generator-review/#telemetry">don’t have or use telemetry nor require you to opt-out of data collection</a>.
+			Build Awesome <strong>doesn’t track you</strong>. We <a href="https://www.zachleat.com/web/site-generator-review/#telemetry">don’t have or use telemetry nor require you to opt-out of data collection</a>.
 		</li>
 		<li>
-			Eleventy is <strong><a href="/docs/glossary/#zero-config" class="buzzword">zero-config</a></strong> to start and can be extended with flexible configuration options.
+			Build Awesome is <strong><a href="/docs/glossary/#zero-config" class="buzzword">zero-config</a></strong> to start and can be extended with flexible configuration options.
 		</li>
 		<li>
-			Eleventy <strong>works with multiple template languages</strong>. You can pick one or use them all together in a single project: <lists webc:nokeep><template webc:type="11ty" 11ty:type="njk,md" webc:raw webc:nokeep>{% templatelangs templatetypes, page %}</template></lists>
+			Build Awesome <strong>works with multiple template languages</strong>. You can pick one or use them all together in a single project: <lists webc:nokeep><template webc:type="11ty" 11ty:type="njk,md" webc:raw webc:nokeep>{% templatelangs templatetypes, page %}</template></lists>
 		</li>
 		<li>
-			Eleventy uses <strong>independent template languages</strong>. We don’t want to hold your content hostage with a custom format. If you decide to use a different syntax later, having your content decoupled in this way will make migration easier.
+			Build Awesome uses <strong>independent template languages</strong>. We don’t want to hold your content hostage with a custom format. If you decide to use a different syntax later, having your content decoupled in this way will make migration easier.
 		</li>
 		<li>
-			Eleventy does <strong>not require that you use a JavaScript framework</strong>—that means <em>zero client-side JavaScript by default across the board</em>. We’re <strong>thinking long-term</strong> to opt-out of the framework rat race. The tool chain, modules, and components you use in your front end stack are decoupled from this tool. Work from a solid foundation of <a href="/docs/glossary/#pre-rendered-templates-by-default" class="buzzword">pre-rendered templates</a> that suit your project’s <a href="/docs/glossary/#progressive-enhancement" class="buzzword">progressive enhancement</a> baseline requirements.
+			Build Awesome does <strong>not require that you use a JavaScript framework</strong>—that means <em>zero client-side JavaScript by default across the board</em>. We’re <strong>thinking long-term</strong> to opt-out of the framework rat race. The tool chain, modules, and components you use in your front end stack are decoupled from this tool. Work from a solid foundation of <a href="/docs/glossary/#pre-rendered-templates-by-default" class="buzzword">pre-rendered templates</a> that suit your project’s <a href="/docs/glossary/#progressive-enhancement" class="buzzword">progressive enhancement</a> baseline requirements.
 		</li>
 		<li>
-			Eleventy <strong>works with your project’s existing directory structure</strong>. The tool doesn’t require an <code>app</code> directory or a <code>pages</code> directory. Use the structure that you want.
+			Build Awesome <strong>works with your project’s existing directory structure</strong>. The tool doesn’t require an <code>app</code> directory or a <code>pages</code> directory. Use the structure that you want.
 		</li>
 		<li>
-			Eleventy allows <strong>incremental adoption</strong>. We only <a href="/docs/config/#template-formats">look for the files</a> and <a href="/docs/config/#input-directory">directories</a> you specify. Further, with even more precision you can <a href="/docs/ignores/">opt-out or ignore specific files</a> in your project. You don’t need to start an Eleventy project from scratch. Eleventy is flexible enough to allow conversion of only a few templates at a time. Migrate as fast or as slow as you’d like.
+			Build Awesome allows <strong>incremental adoption</strong>. We only <a href="/docs/config/#template-formats">look for the files</a> and <a href="/docs/config/#input-directory">directories</a> you specify. Further, with even more precision you can <a href="/docs/ignores/">opt-out or ignore specific files</a> in your project. You don’t need to start a Build Awesome project from scratch. Build Awesome is flexible enough to allow conversion of only a few templates at a time. Migrate as fast or as slow as you’d like.
 		</li>
 	</ul>
 
-	<p><a href="/docs/"><strong>Get started with Eleventy today!</strong></a> or read more about <a href="https://www.zachleat.com/web/introducing-eleventy/">Eleventy’s project goals</a>.</p>
+	<p><a href="/docs/"><strong>Get started with Build Awesome today!</strong></a> or read more about its predecessor <a href="https://www.zachleat.com/web/introducing-eleventy/">Eleventy’s project goals (from 2018)</a>.</p>
 
 	<giant-docs-button></giant-docs-button>
 	<giant-docs-button-subtext></giant-docs-button-subtext>
 
-	<h2>Built With Eleventy</h2>
+	<h2>Built Awesome</h2>
 
 	<sites-list>
 		<site-card :show-icons="true" webc:for="(key, site) in shuffle($data.builtwith)" webc:if="!site.disabled && site.featured" :featured="site.featured" :url="site.demo || site.url" :iconUrl="site.iconUrl" :name="site.name" :date="false"></site-card>
@@ -164,11 +181,11 @@ tags: posts
 		</facepile>
 	</is-land>
 
-	<p>A random sample taken from <a href="/authors/"><code><span @text="Object.keys($data.authors).length"></span></code> authors</a>. Check out the <a href="/speedlify/">fastest of their <code><span @text="getsize(objectFilterNot(builtwith, 'disabled'))" webc:nokeep></span></code> web sites</a>.</p>
+	<p>A random sample taken from <a href="/authors/"><code><span @text="Object.keys($data.authors).length"></span></code> authors</a>. Check out the <a href="/speedlify/">fastest of their <code><span @text="getsize(objectFilterNot(builtwith, 'disabled'))" webc:nokeep></span></code> websites</a>.</p>
 
 	<h2>Don’t take my word for it <emoji @char="🌈" @alt="Rainbow"></emoji></h2>
 
-	<p>Listen to what these <a href="/docs/testimonials/">happy developers</a> are saying about Eleventy:</p>
+	<p>Listen to what these <a href="/docs/testimonials/">happy developers</a> are saying about Build Awesome and Eleventy:</p>
 
 	<testimonials-list :@testimonials="testimonials"></testimonials-list>
 
@@ -176,7 +193,7 @@ tags: posts
 
 	<h2>Alternatives</h2>
 
-	<p>This project aims to directly compete with all other static site generators. We encourage you to try out a few others:</p>
+	<p>This project aims to directly compete with all other website generators. We encourage you to try out a few others:</p>
 
 	<lists webc:nokeep>
 		<ul class="inlinelist">
diff --git a/src/js/eleventy-editor.js b/src/js/eleventy-editor.js
index 341ff1aa5d..b6114c7642 100644
--- a/src/js/eleventy-editor.js
+++ b/src/js/eleventy-editor.js
@@ -129,7 +129,7 @@ class Editor extends HTMLElement {
 .${Editor.classes.plaintext} {
 	display: flex;
 	font-size: inherit;
-	font-family: Roboto Mono, monospace;
+	font-family: Menlo,Monaco,Consolas,Courier New,monospace;
 	line-height: 1.5;
 	border: none;
 }
@@ -178,7 +178,7 @@ class Editor extends HTMLElement {
 }
 .toolbar,
 .${Editor.classes.plaintext} {
-	font-family: Roboto Mono, monospace;
+	font-family: Menlo,Monaco,Consolas,Courier New,monospace;
 	line-height: 1.428571428571; /* 20px /14 */
 }
 .toolbar {
@@ -261,20 +261,20 @@ html {
 		let inputs = this.getInputsForGroup(groupName);
 		let configFn = await this.getConfiguration();
 		let elev = new Eleventy({
-			async config(eleventyConfig) {
+			async config($config) {
 				if(configFn) {
-					await configFn(eleventyConfig);
+					await configFn($config);
 				}
 
-				eleventyConfig.addEngine("liquid", Liquid);
-				eleventyConfig.addEngine("md", Markdown);
-				// eleventyConfig.addEngine("njk", Nunjucks);
+				$config.addEngine("liquid", Liquid);
+				$config.addEngine("md", Markdown);
+				// $config.addEngine("njk", Nunjucks);
 
-				// eleventyConfig.setMarkdownTemplateEngine(false);
-				// eleventyConfig.setHtmlTemplateEngine(false);
+				// $config.setMarkdownTemplateEngine(false);
+				// $config.setHtmlTemplateEngine(false);
 
 				for(let {inputFilename, content} of inputs) {
-					eleventyConfig.addTemplate(inputFilename, content);
+					$config.addTemplate(inputFilename, content);
 				}
 			}
 		});
diff --git a/src/opensearch.xml b/src/opensearch.xml
index c7c49b3eff..9e949926eb 100644
--- a/src/opensearch.xml
+++ b/src/opensearch.xml
@@ -2,15 +2,15 @@
 <OpenSearchDescription
 	xmlns="http://a9.com/-/spec/opensearch/1.1/"
 	xmlns:moz="http://www.mozilla.org/2006/browser/search/">
-	<ShortName>11ty</ShortName>
-	<LongName>Eleventy</LongName>
-	<Description>Search for things on the Eleventy website</Description>
+	<ShortName>Build Awesome</ShortName>
+	<LongName>Build Awesome (11ty)</LongName>
+	<Description>Search for things on the Build Awesome website</Description>
 	<InputEncoding>UTF-8</InputEncoding>
 	<!-- <Image width="16" height="16"
-	type="image/png">https://www.11ty.dev/img/favicon-16.png</Image> -->
-	<Image width="96" height="96" type="image/png">https://www.11ty.dev/img/favicon.png</Image>
-	<Url type="text/html" method="get" template="https://www.11ty.dev/docs/search/?q={searchTerms}" />
+	type="image/png">https://build.awesome.me/img/favicon-16.png</Image> -->
+	<Image width="96" height="96" type="image/png">https://build.awesome.me/img/favicon.png</Image>
+	<Url type="text/html" method="get" template="https://build.awesome.me/docs/search/?q={searchTerms}" />
 	<Url type="application/opensearchdescription+xml" rel="self"
-		template="https://www.11ty.dev/opensearch.xml" />
-	<moz:SearchForm>https://www.11ty.dev/</moz:SearchForm>
+		template="https://build.awesome.me/opensearch.xml" />
+	<moz:SearchForm>https://build.awesome.me/</moz:SearchForm>
 </OpenSearchDescription>
\ No newline at end of file
diff --git a/src/pro/pro.md b/src/pro/pro.md
new file mode 100644
index 0000000000..66dcd4bb02
--- /dev/null
+++ b/src/pro/pro.md
@@ -0,0 +1,53 @@
+---js
+// <script>
+let headerTitle = "Build Awesome Pro";
+let searchTitle = "Build Awesome Pro is the easiest way to launch and maintain a web site";
+let layout = "layouts/docs.njk";
+
+let eleventyComputed = {
+	social: {
+		description: () => "Build Awesome Pro is a web site builder with visual editing and collaboration and zero lock-in."
+	},
+};
+// </script>
+---
+# Build Awesome Pro
+
+**Build Awesome Pro** is a new service we’re building to help anyone launch and maintain a web site—<strong>no installation required</strong>. It’s a web site builder boasting visual editing and collaboration, <em>zero lock-in</em> (ever), while ultimately helping to fund continued <a href="/docs/">Build Awesome (Eleventy)</a> maintenance for the entire community.</p>
+
+{% callout "brand", "html", "" %}
+<div class="util-flex util-center">
+	<a class="btn-brand --disabled"><i class="fa-brands fa-build-awesome"></i>Build Awesome Pro <span class="btn-tag">Coming Soon!</span></a>
+	<a href="/docs/">Or install locally (free)<i class="fa-solid fa-arrow-right util-icon-sm"></i></a>
+</div>
+{% endcallout %}
+
+Look, we even made a fun video and a [Kickstarter]({{ config.kickstarterUrl }}) to introduce the thing:
+
+{# autoplay disabled #}
+<iframe loading="lazy" class="video-player" src="https://player.vimeo.com/video/1168551192?h=6ba669b3ff&amp;badge=0&amp;autopause=0&amp;player_id=0&amp;app_id=58479&amp;dnt=1" frameborder="0" allow="autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media; web-share" referrerpolicy="strict-origin-when-cross-origin" title="Now on Kickstarter: Build Awesome — Collaborate on Websites That Last"></iframe>
+
+_You can also watch it on [YouTube](https://www.youtube.com/watch?v=G4Xm4lLmRgg)_.
+
+Our [Kickstarter]({{ config.kickstarterUrl }}) was funded successfully by **{{ kickstarterStats.backers }} lovely folks** ({{ kickstarterStats.percentFunded }}% funded). If one of those people is you: **thank you**!
+
+## Features
+
+<ul class="lo-grid m-8" style="--lo-grid-repeat: 2; --lo-c-minwidth: 14em; --fl-gap-h: 8vw; --fl-gap-v: 2em;">
+	<li><strong>No installation required.</strong> Build Awesome Pro runs on our servers — Build Awesome (free) runs on yours. Skip the terminal and get straight to building.</li>
+	<li><strong>Publish on the go.</strong> Return to the office? No thank you! Add new content from any device with a web browser.</li>
+	<li><strong>Visual editing.</strong> Edit your site’s content and preview your changes live.</li>
+	<li><strong>Collaboration.</strong> Work on your site together with your community and colleagues.</li>
+	<li><strong>Zero lock-in, ever.</strong> Your site is built on open standards and the open-source Build Awesome (Eleventy) tool. Take your content and leave any time you like—it’s yours.</li>
+	<li><strong>Funds the open-source project.</strong> Every Build Awesome Pro subscription helps fund continued Build Awesome (Eleventy) maintenance for the entire community.</li>
+</ul>
+
+{% callout "info", "html", "" %}
+<div class="util-flex util-center">
+	<a href="{{ config.kickstarterUrl }}" class="btn-brand">Late pricing is still available for the <i class="fa-brands fa-kickstarter"></i>Kickstarter <span class="btn-tag">Funded!</span></a>
+</div>
+{% endcallout %}
+
+## Build Awesome Timeline
+
+{% include "related-build-awesome.njk" %}
\ No newline at end of file
diff --git a/src/styleguide.webc b/src/styleguide.webc
index 3e75ab96c7..e77cce5264 100644
--- a/src/styleguide.webc
+++ b/src/styleguide.webc
@@ -1,5 +1,5 @@
 ---
-headerTitle: 11ty.dev Style Guide
+headerTitle: Docs Style Guide
 layout: layouts/docs.njk
 ---
 <style>
@@ -153,7 +153,7 @@ layout: layouts/docs.njk
 
 <h4>Number Flags in Headings</h4>
 <div class="styleguide-component">
-<h2><span class="numberflag"><span class="sr-only">Step</span> 1</span> Notice how the border disappears under the flag</h2>
+<h2><span class="numberflag"><span class="sr-only">Step</span> 1</span> No border under flag</h2>
 <h3><span class="numberflag"><span class="sr-only">Step</span> 2</span> Do a thing</h3>
 <h4><span class="numberflag"><span class="sr-only">Step</span> 3</span> Do a thing</h4>
 <h5><span class="numberflag"><span class="sr-only">Step</span> 4</span> Do a thing</h5>
@@ -183,6 +183,7 @@ layout: layouts/docs.njk
 {% callout "box", "html", "Super long custom label that we want to wrap nicely—does it?" %}Unstyled box with an inline <code>Code block</code>{% endcallout %}
 {% callout %}Default message with an inline <code>Code block</code>{% endcallout %}
 {% callout "info" %}Default info message with an inline <code>Code block</code>{% endcallout %}
+{% callout "brand" %}Brand message with an inline <code>Code block</code>{% endcallout %}
 {% callout "warn" %}Default warning message with an inline <code>Code block</code>{% endcallout %}
 {% callout "error" %}Default error message with an inline <code>Code block</code>{% endcallout %}
 {% callout "demo" %}Default demo with an inline <code>Code block</code>. Default demo with an inline <code>Code block</code>. Default demo with an inline <code>Code block</code>.{% endcallout %}
@@ -190,18 +191,6 @@ layout: layouts/docs.njk
 
 </template>
 
-<h3>Sticky info block</h3>
-
-Use the <code>elv-callout-sticky</code> class to affix to the top of the viewport while scrolling.
-
-<!-- <div class="styleguide-component">
-    <div class="elv-callout elv-callout-info">This documentation is for an upcoming version of Eleventy. Go to the <a href="/docs/">latest stable version of Eleventy docs</a> or check out the <a href="/docs/versions/">full release history.</a></div>
-</div>
-
-<div class="styleguide-component">
-    <div class="elv-callout elv-callout-warn">This documentation is for an older version. Go to the <a href="/docs/">newest Eleventy docs</a> or check out the <a href="/docs/versions/">full release history.</a></div>
-</div> -->
-
 <h3>OpenGraph card</h3>
 
 <a href="https://www.meetup.com/JAMstack-Toronto/events/281278073/" class="elv-externalexempt opengraph-card">
diff --git a/src/super-professional-business-network/index.njk b/src/super-professional-business-network/index.njk
index c143ecc7a8..afb8ce0a4c 100644
--- a/src/super-professional-business-network/index.njk
+++ b/src/super-professional-business-network/index.njk
@@ -4,7 +4,7 @@ layout: layouts/docs.njk
 ---
 <h1>Eleventy Super Professional Business Network {% emoji "💼" %}</h1>
 
-<p>Welcome to all people that are willing to spend money in exchange for business services! The <strong>Eleventy Super Professional Business Network</strong> is a very professional network of web developers in the Eleventy community that are available for hire! You can see the Eleventy web sites they have built and click the business button to do very professional business with them. <em>The order below is random.</em></p>
+<p>Welcome to all people that are willing to spend money in exchange for business services! The <strong>Eleventy Super Professional Business Network</strong> is a very professional network of web developers in the Eleventy community that are available for hire! You can see the Eleventy websites they have built and click the business button to do very professional business with them. <em>The order below is random.</em></p>
 
 <div class="business-network">
 {%- for author in authors | filterBusinessPeople | shuffle %}
@@ -15,7 +15,7 @@ layout: layouts/docs.njk
       <a href="{{ author.business_url }}" class="business-network-name nowrap">{% indieavatar author.business_url, "avatar-large" %}{{ author.business_name or author.name }}</a>
     </div>
     <div class="business-network-hire">
-      <a href="{{ author.business_url }}" class="btn-primary btn-primary-nogrow benchnine rainbow-active rainbow-active-noanim elv-externalexempt">Let’s Do Business</a>
+      <a href="{{ author.business_url }}" class="btn-primary btn-primary-nogrow brand-typeface rainbow-active rainbow-active-noanim elv-externalexempt">Let’s Do Business</a>
     </div>
   </div>
   <div>
diff --git a/vercel.json b/vercel.json
index 676d63729b..cef4258e6a 100644
--- a/vercel.json
+++ b/vercel.json
@@ -1,5 +1,5 @@
 {
-	"trailingSlash": true,
+  "trailingSlash": true,
   "redirects": [
     { "source": "/survey/", "destination": "https://forms.gle/v8mjUuf5cyRZy2GG7", "statusCode": 301 },
     { "source": "/survey/2025/", "destination": "https://forms.gle/v8mjUuf5cyRZy2GG7", "statusCode": 301 },
@@ -21,10 +21,23 @@
     { "source": "/docs/plugins/partial-hydration/", "destination": "/docs/plugins/is-land/", "statusCode": 301 },
     { "source": "/docs/templates/", "destination": "/docs/projects/", "statusCode": 301 },
     { "source": "/docs/plugins/official/", "destination": "/docs/plugins/", "statusCode": 301 },
-    { "source": "/docs/memoize/", "destination": "/docs/filters/#memoize-filters", "statusCode": 301 }
+    { "source": "/docs/memoize/", "destination": "/docs/filters/#memoize-filters", "statusCode": 301 },
+
+    { "source": "/speedlify/", "destination": "https://www.11ty.dev/speedlify/", "permanent": false },
+    { "source": "/blog/", "destination": "https://www.11ty.dev/blog/", "permanent": false },
+    { "source": "/blog/:path*", "destination": "https://www.11ty.dev/blog/:path*", "permanent": false }
   ],
-	"headers": [
-		{
+  "headers": [
+    {
+      "source": "/(.*)",
+      "headers": [
+        {
+          "key": "X-Robots-Tag",
+          "value": "noindex, nofollow"
+        }
+      ]
+    },
+    {
       "source": "/api/(.*)",
       "headers": [
         {
@@ -33,7 +46,7 @@
         }
       ]
     },
-		{
+    {
       "source": "/blog/feed.xml",
       "headers": [
         {
@@ -46,5 +59,5 @@
         }
       ]
     }
-	]
+  ]
 }
\ No newline at end of file