Commit
add fraunces display serif for landing headings
commit
0538dba
3 changed files with +12 and −4
Jump to a changed file
- src/app/layout.tsx +9 −2
- src/components/landing-hero.tsx +2 −2
- tailwind.config.ts +1 −0
modified src/app/layout.tsx +9 −2
| @@ -1,5 +1,5 @@ | ||
| 1 | 1 | import type { Metadata } from 'next'; |
| 2 | -import { Inter, JetBrains_Mono } from 'next/font/google'; | |
| 2 | +import { Fraunces, Inter, JetBrains_Mono } from 'next/font/google'; | |
| 3 | 3 | import { SiteHeader } from '@/components/site-header'; |
| 4 | 4 | import { ThemeProvider } from '@/components/theme-provider'; |
| 5 | 5 | import { Toaster } from '@/components/ui/sonner'; |
| @@ -8,6 +8,13 @@import './globals.css'; | ||
| 8 | 8 | |
| 9 | 9 | const inter = Inter({ subsets: ['latin'], variable: '--font-sans', display: 'swap' }); |
| 10 | 10 | const mono = JetBrains_Mono({ subsets: ['latin'], variable: '--font-mono', display: 'swap' }); |
| 11 | +// Distinctive editorial serif for display headings (landing page). | |
| 12 | +const display = Fraunces({ | |
| 13 | + subsets: ['latin'], | |
| 14 | + variable: '--font-display', | |
| 15 | + display: 'swap', | |
| 16 | + axes: ['opsz', 'SOFT'], | |
| 17 | +}); | |
| 11 | 18 | |
| 12 | 19 | const DESCRIPTION = |
| 13 | 20 | 'A council of LLMs that debate over several rounds - critiquing and revising each other - before a chairman synthesizes a final answer and a dissent report.'; |
| @@ -35,7 +42,7 @@export const metadata: Metadata = { | ||
| 35 | 42 | |
| 36 | 43 | export default function RootLayout({ children }: { children: React.ReactNode }) { |
| 37 | 44 | return ( |
| 38 | - <html lang="en" suppressHydrationWarning className={`${inter.variable} ${mono.variable}`}> | |
| 45 | + <html lang="en" suppressHydrationWarning className={`${inter.variable} ${mono.variable} ${display.variable}`}> | |
| 39 | 46 | <body className="min-h-screen font-sans antialiased"> |
| 40 | 47 | <ThemeProvider attribute="class" defaultTheme="dark" enableSystem> |
| 41 | 48 | <TooltipProvider delayDuration={200}> |
modified src/components/landing-hero.tsx +2 −2
| @@ -33,8 +33,8 @@export function LandingHero({ result }: { result: DebateResult }) { | ||
| 33 | 33 | return ( |
| 34 | 34 | <section className="container py-10 md:py-14"> |
| 35 | 35 | <div className="mx-auto mb-8 max-w-2xl text-center"> |
| 36 | - <h1 className="text-3xl font-bold tracking-tight sm:text-5xl"> | |
| 37 | - Watch models argue their way to a better answer. | |
| 36 | + <h1 className="font-display text-4xl font-semibold leading-[1.05] tracking-tight sm:text-6xl"> | |
| 37 | + Watch models <em className="text-primary">argue</em> their way to a better answer. | |
| 38 | 38 | </h1> |
| 39 | 39 | <p className="mx-auto mt-4 max-w-xl text-muted-foreground"> |
| 40 | 40 | A real debate, replaying live below. A council answers, critiques each other blind, and revises. A chairman |
modified tailwind.config.ts +1 −0
| @@ -84,6 +84,7 @@const config: Config = { | ||
| 84 | 84 | fontFamily: { |
| 85 | 85 | sans: ['var(--font-sans)', 'ui-sans-serif', 'system-ui', 'sans-serif'], |
| 86 | 86 | mono: ['var(--font-mono)', 'ui-monospace', 'monospace'], |
| 87 | + display: ['var(--font-display)', 'ui-serif', 'Georgia', 'serif'], | |
| 87 | 88 | }, |
| 88 | 89 | }, |
| 89 | 90 | }, |