wy86rbj5i: Load Manrope and Cormorant Garamond and add type classes

2026-10-19 21:48:51 -06:00
parent 6fa500ff80
commit dfc0cac95a
3 changed files with 61 additions and 4 deletions
@@ -0,0 +1,39 @@
+/* Reusable type classes (spec "Typography", ADR 0001 section 4).
+   Manrope is the body font on <body>. Cormorant Garamond is for titles only. */
+
+/* Wordmark: the text MINNECT. */
+.type-wordmark {
+  font-family: var(--font-sans), system-ui, sans-serif;
+  font-weight: 800;
+  letter-spacing: 0.26em;
+}
+
+/* Eyebrow label. */
+.type-eyebrow {
+  font-size: 11px;
+  font-weight: 700;
+  text-transform: uppercase;
+  letter-spacing: 0.18em;
+  color: var(--ink-3);
+}
+
+/* Serif title: feed title, panel titles, featured expert names, sheet titles,
+   text-only post slides on mobile. Add .type-title-italic for the italic 500 cut. */
+.type-title {
+  font-family: var(--font-serif), Georgia, serif;
+  font-weight: 500;
+}
+.type-title-strong { font-weight: 600; }
+.type-title-italic { font-style: italic; font-weight: 500; }
+
+/* Post body. */
+.type-post-body {
+  font-size: 15px;
+  line-height: 1.7;
+}
+
+/* Meta text (times, counts). */
+.type-meta {
+  font-size: 12.5px;
+  color: var(--ink-3);
+}