jeffemmett
/
crypto-commons-website-2.0
mirror of https://github.com/Jeff-Emmett/crypto-commons-website-2.0.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

style: update font to Urbanist and enlarge header logo 

- Change site font from Inter to Urbanist
- Increase logo size from h-12 to h-16 (48px to 64px)
- Expand header padding for better proportions

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
Jeff Emmett 2026-02-02 16:48:24 +00:00
parent 56834d0313
commit 682083e79d
3 changed files with 9 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
app/globals.css
View File

@ -76,7 +76,7 @@
}
@theme inline {
--font-sans: "Inter", "Inter Fallback", system-ui, sans-serif;
--font-sans: "Urbanist", "Urbanist Fallback", system-ui, sans-serif;
--font-mono: "Geist Mono", "Geist Mono Fallback";
--color-background: var(--background);
--color-foreground: var(--foreground);

6
app/layout.tsx
View File

@ -1,9 +1,9 @@
import type React from "react"
import type { Metadata } from "next"
import { Inter, JetBrains_Mono } from "next/font/google"
import { Urbanist, JetBrains_Mono } from "next/font/google"
import "./globals.css"
const inter = Inter({
const urbanist = Urbanist({
subsets: ["latin"],
variable: "--font-sans",
})
@ -54,7 +54,7 @@ export default function RootLayout({
}>) {
return (
<html lang="en">
<body className={`${inter.variable} ${jetBrainsMono.variable} font-sans antialiased`}>
<body className={`${urbanist.variable} ${jetBrainsMono.variable} font-sans antialiased`}>
{children}
</body>
</html>

10
components/header.tsx
View File

@ -7,15 +7,15 @@ export function Header() {
<header className="fixed top-0 left-0 right-0 z-50">
<EventBanner />
<div className="bg-background/80 backdrop-blur-sm border-b border-border">
<div className="container mx-auto px-6 py-4">
<div className="container mx-auto px-6 py-5">
<div className="flex items-center justify-between">
<Link href="/" className="flex items-center gap-3">
<Link href="/" className="flex items-center gap-4">
<Image
src="/images/cca-logo.png"
alt="Crypto Commons Association"
width={48}
height={48}
className="h-12 w-auto"
width={72}
height={72}
className="h-16 w-auto"
/>
<div className="text-2xl font-mono font-bold tracking-tight">CCA</div>
</Link>