diff --git a/.astro/types.d.ts b/.astro/types.d.ts
index f964fe0..03d7cc4 100644
--- a/.astro/types.d.ts
+++ b/.astro/types.d.ts
@@ -1 +1,2 @@
 /// <reference types="astro/client" />
+/// <reference path="content.d.ts" />
\ No newline at end of file
diff --git a/astro.config.ts b/astro.config.ts
index c6e0d01..6b457e4 100644
--- a/astro.config.ts
+++ b/astro.config.ts
@@ -11,5 +11,9 @@ export default defineConfig({
 	},
 	integrations: [konamiEmojiBlast()],
 	output: "server",
+	redirects: {
+		"/how-to-attend-squiggleconf-for-free":
+			"/articles/how-to-attend-squiggleconf-for-free",
+	},
 	site: "https://2025.squiggleconf.com",
 });
diff --git a/src/components/ArticlesList.astro b/src/components/ArticlesList.astro
new file mode 100644
index 0000000..b6da642
--- /dev/null
+++ b/src/components/ArticlesList.astro
@@ -0,0 +1,42 @@
+---
+import BodyText from "~/components/BodyText.astro";
+import Heading from "./Heading.astro";
+import ContentArea from "./ContentArea.astro";
+
+export interface ArticleListInfo {
+	title: string;
+	slug: string;
+	description: string;
+}
+
+interface Props {
+	articles: ArticleListInfo[];
+}
+---
+
+<ContentArea class="articles-list">
+	<ul>
+		{
+			Astro.props.articles.map((article) => (
+				<li>
+					<a href={article.slug}>
+						<Heading level="h2">{article.title}</Heading>
+					</a>
+					<BodyText>{article.description}</BodyText>
+				</li>
+			))
+		}
+	</ul>
+</ContentArea>
+
+<style>
+	ul {
+		padding: 5rem 0;
+		list-style-type: none;
+	}
+
+	h2 {
+		font-size: var(--fontSizeMedium);
+		margin-bottom: 0.5rem;
+	}
+</style>
diff --git a/src/components/Header.astro b/src/components/Header.astro
index 4bdca86..75364c9 100644
--- a/src/components/Header.astro
+++ b/src/components/Header.astro
@@ -20,7 +20,8 @@ function hrefProps(pathname: string) {
 		<details id="details">
 			<summary aria-label="Toggle header">≡</summary>
 			<div class="header-contents-mobile">
-				<a {...hrefProps("/")}>Home</a>
+				<a {...hrefProps("/about")}>About</a>
+				<a {...hrefProps("/articles")}>Articles</a>
 				<a {...hrefProps("/cfp")}>CFP</a>
 				<a {...hrefProps(links.shop)}>Shop</a>
 				<a {...hrefProps("/travel")}>Travel</a>
@@ -38,7 +39,8 @@ function hrefProps(pathname: string) {
 	<ContentArea class="header-content-area-wide" width="wide">
 		<a class="logo" href="/"><Logo year /></a>
 		<div class="header-links">
-			<a {...hrefProps("/")}>Home</a>
+			<a {...hrefProps("/about")}>About</a>
+			<a {...hrefProps("/articles")}>Articles</a>
 			<a {...hrefProps("/cfp")}>CFP</a>
 			<a {...hrefProps(links.shop)}>Shop</a>
 			<a {...hrefProps("/travel")}>Travel</a>
@@ -146,7 +148,7 @@ function hrefProps(pathname: string) {
 		display: flex;
 		align-items: center;
 		font-weight: var(--fontWeightLight);
-		gap: 2rem;
+		gap: clamp(1rem, 1.5vw, 2rem);
 	}
 
 	.header-link-inactive {
diff --git a/src/pages/articles.astro b/src/pages/articles.astro
new file mode 100644
index 0000000..6cfb66b
--- /dev/null
+++ b/src/pages/articles.astro
@@ -0,0 +1,28 @@
+---
+import ArticlesList from "~/components/ArticlesList.astro";
+import Hero from "~/components/hero/Hero.astro";
+import HeroContentsStandard from "~/components/hero/HeroContentsStandard.astro";
+import PageLayout from "~/layouts/PageLayout.astro";
+
+const description =
+	"Assorted guides, information, updates, and other useful articles from the SquiggleConf team.";
+---
+
+<PageLayout description={description} title="Articles">
+	<Hero>
+		<HeroContentsStandard heading="Articles">
+			{description}
+		</HeroContentsStandard>
+	</Hero>
+
+	<ArticlesList
+		articles={[
+			{
+				description:
+					"13 different ways you can get a free ticket to SquiggleConf 2025. Free!",
+				slug: "/articles/how-to-attend-squiggleconf-for-free",
+				title: "How to Attend SquiggleConf for Free",
+			},
+		]}
+	/>
+</PageLayout>
diff --git a/src/pages/how-to-attend-squiggleconf-for-free.astro b/src/pages/articles/how-to-attend-squiggleconf-for-free.astro
similarity index 100%
rename from src/pages/how-to-attend-squiggleconf-for-free.astro
rename to src/pages/articles/how-to-attend-squiggleconf-for-free.astro