feat: replace v0 defaults with Greyhaven brand — icons, fonts (Aspekta), colors, and type scale from brand guidelines

2026-04-10 09:41:14 -04:00
parent 52b4156653
commit b6a2c908c6
13 changed files with 1823 additions and 1949 deletions
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -1,28 +1,18 @@
 import type { Metadata } from 'next'
-import { Source_Serif_4, Inter } from 'next/font/google'
+import { Source_Serif_4 } from 'next/font/google'
 import './globals.css'

-// Primary typeface: Source Serif Pro (using Source Serif 4 which is the updated version)
+// Primary typeface: Source Serif Pro (Source Serif 4 is the updated version)
 // Used for headings, body text, and reading content
-const sourceSerif = Source_Serif_4({ 
+const sourceSerif = Source_Serif_4({
  subsets: ["latin"],
  variable: '--font-source-serif',
  display: 'swap',
 })

-// Secondary typeface: Inter (Aspekta alternative from Google Fonts)
-// Aspekta is the brand typeface, Inter is a suitable system alternative
-// Used for UI labels, nav, buttons, small utility text
-const inter = Inter({
-  subsets: ["latin"],
-  variable: '--font-inter',
-  display: 'swap',
-})
-
 export const metadata: Metadata = {
  title: 'Greyhaven Design System',
  description: 'Visual Identity and Brand Guidelines - Greyhaven',
-  generator: 'v0.app',
  icons: {
    icon: [
      {
@@ -48,7 +38,13 @@ export default function RootLayout({
  children: React.ReactNode
 }>) {
  return (
-    <html lang="en" className={`${sourceSerif.variable} ${inter.variable}`}>
+    <html lang="en" className={sourceSerif.variable}>
+      <head>
+        <link
+          href="https://api.fontshare.com/v2/css?f[]=aspekta@400,500,600,700&display=swap"
+          rel="stylesheet"
+        />
+      </head>
      <body className="font-sans antialiased bg-background text-foreground">
        {children}
      </body>