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 { @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"; --font-mono: "Geist Mono", "Geist Mono Fallback";
--color-background: var(--background); --color-background: var(--background);
--color-foreground: var(--foreground); --color-foreground: var(--foreground);

6
app/layout.tsx
View File

@ -1,9 +1,9 @@
import type React from "react" import type React from "react"
import type { Metadata } from "next" import type { Metadata } from "next"
import { Inter, JetBrains_Mono } from "next/font/google" import { Urbanist, JetBrains_Mono } from "next/font/google"
import "./globals.css" import "./globals.css"
const inter = Inter({ const urbanist = Urbanist({
subsets: ["latin"], subsets: ["latin"],
variable: "--font-sans", variable: "--font-sans",
}) })
@ -54,7 +54,7 @@ export default function RootLayout({
}>) { }>) {
return ( return (
<html lang="en"> <html lang="en">
<body className={`${inter.variable} ${jetBrainsMono.variable} font-sans antialiased`}> <body className={`${urbanist.variable} ${jetBrainsMono.variable} font-sans antialiased`}>
{children} {children}
</body> </body>
</html> </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"> <header className="fixed top-0 left-0 right-0 z-50">
<EventBanner /> <EventBanner />
<div className="bg-background/80 backdrop-blur-sm border-b border-border"> <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"> <div className="flex items-center justify-between">
<Link href="/" className="flex items-center gap-3"> <Link href="/" className="flex items-center gap-4">
<Image <Image
src="/images/cca-logo.png" src="/images/cca-logo.png"
alt="Crypto Commons Association" alt="Crypto Commons Association"
width={48} width={72}
height={48} height={72}
className="h-12 w-auto" className="h-16 w-auto"
/> />
<div className="text-2xl font-mono font-bold tracking-tight">CCA</div> <div className="text-2xl font-mono font-bold tracking-tight">CCA</div>
</Link> </Link>