diff --git a/src/app/conf/2025/layout.tsx b/src/app/conf/2025/layout.tsx
index 57d1d206e6..e4d8750355 100644
--- a/src/app/conf/2025/layout.tsx
+++ b/src/app/conf/2025/layout.tsx
@@ -6,6 +6,7 @@ import { GraphQLConf, HostedByGraphQLFoundation } from "@/icons"
 import NextLink from "next/link"
 import { NewFontsStyleTag } from "../../fonts"
 import "../../colors.css"
+import "../../typography.css"
 
 export const metadata = {
   description:
diff --git a/src/app/typography.css b/src/app/typography.css
new file mode 100644
index 0000000000..ebefc65ced
--- /dev/null
+++ b/src/app/typography.css
@@ -0,0 +1,102 @@
+.typography-d1,
+.typography-h1,
+.typography-h2,
+.typography-h3 {
+  line-height: 1.2;
+}
+
+.typography-body-lg,
+.typography-body-md,
+.typography-body-sm,
+.typography-body-xs {
+  line-height: 1.5;
+}
+
+.typography-d1 {
+  font-size: 96px;
+}
+@media (min-width: 1024px) {
+  .typography-d1 {
+    font-size: 48px;
+  }
+}
+
+.typography-h1 {
+  font-size: 40px;
+}
+@media (min-width: 1024px) {
+  .typography-h1 {
+    font-size: 72px;
+  }
+}
+
+.typography-h2 {
+  font-size: 32px;
+}
+@media (min-width: 768px) {
+  .typography-h2 {
+    font-size: 48px;
+  }
+}
+
+.typography-h3 {
+  font-size: 24px;
+}
+@media (min-width: 768px) {
+  .typography-h3 {
+    font-size: 32px;
+  }
+}
+
+.typography-body-lg {
+  font-size: 16px;
+}
+@media (min-width: 768px) {
+  .typography-body-lg {
+    font-size: 20px;
+  }
+}
+
+.typography-body-md {
+  font-size: 14px;
+}
+@media (min-width: 768px) {
+  .typography-body-md {
+    font-size: 16px;
+  }
+}
+
+.typography-body-sm {
+  font-size: 12px;
+}
+@media (min-width: 768px) {
+  .typography-body-sm {
+    font-size: 14px;
+  }
+}
+
+.typography-body-xs {
+  font-size: 10px;
+}
+@media (min-width: 768px) {
+  .typography-body-xs {
+    font-size: 12px;
+  }
+}
+
+.typography-button,
+.typography-tagline {
+  font-size: 16px;
+  line-height: 1;
+}
+
+.typography-tagline {
+  text-transform: uppercase;
+}
+
+.typography-menu {
+  font-family: var(--font-mono);
+  font-size: 14px;
+  line-height: 1;
+  text-transform: uppercase;
+}