goose.art
extremely claude-assisted go game based on atproto! working on cleaning up and giving a more unique design, still has a bit of a slop vibe to it.
Add traditional typography with handmade accents
- Body text: Iowan Old Style (warm, readable serif)
- Headings: Hoefler Text (elegant traditional serif)
- Site title: Zapfino (calligraphic accent font)
- Add font CSS variables for consistent typography
- Update main h1 to use accent font with larger size
- Fallback to similar system fonts for compatibility
Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
+27
-4
+23
-1
src/app.css
+23
-1
src/app.css
···
40
40
--color-link: var(--sky-slate);
41
41
--color-link-hover: var(--sky-apricot-dark);
42
42
43
-
font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
43
+
/* Typography */
44
+
--font-body: 'Iowan Old Style', 'Palatino', 'Book Antiqua', 'Georgia', serif;
45
+
--font-heading: 'Hoefler Text', 'Baskerville', 'Garamond', 'Times New Roman', serif;
46
+
--font-accent: 'Zapfino', 'Snell Roundhand', 'Bradley Hand', cursive;
47
+
48
+
font-family: var(--font-body);
44
49
line-height: 1.6;
45
50
color: var(--color-text);
46
51
}
···
257
262
text-decoration: none;
258
263
}
259
264
265
+
h1, h2, h3, h4, h5, h6 {
266
+
font-family: var(--font-heading);
267
+
font-weight: 600;
268
+
letter-spacing: -0.01em;
269
+
}
270
+
271
+
h1 {
272
+
font-weight: 700;
273
+
letter-spacing: -0.02em;
274
+
}
275
+
260
276
button {
261
277
font-family: inherit;
278
+
}
279
+
280
+
/* Accent/Display text class for special elements */
281
+
.display-text {
282
+
font-family: var(--font-accent);
283
+
font-weight: 400;
262
284
}
263
285
264
286
/* Modal styles */
+4
-3
src/routes/+page.svelte
+4
-3
src/routes/+page.svelte
···
570
570
}
571
571
572
572
h1 {
573
-
font-size: 2.75rem;
573
+
font-family: var(--font-accent);
574
+
font-size: 3.5rem;
574
575
margin: 0;
575
576
color: var(--sky-slate-dark);
576
-
font-weight: 700;
577
-
letter-spacing: -0.02em;
577
+
font-weight: 400;
578
+
letter-spacing: 0.02em;
578
579
}
579
580
580
581
.subtitle {