dschlueter/jamulix-homepage
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Design Variante B: Instrument Serif → Plus Jakarta Sans

Browse source 
Geometrisches Sans-Serif für alle Überschriften (font-serif Klasse).
Näher an fly.io's technisch-modernem Erscheinungsbild.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Dieter Schlüter 2026-04-26 02:04:42 +02:00
commit 67855432d0
2 changed files with 5 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

2
app/globals.css
View file

@ -52,7 +52,7 @@
@theme inline {
--font-sans: 'Inter', 'Inter Fallback', system-ui, sans-serif;
--font-serif: 'Instrument Serif', 'Georgia', serif;
--font-serif: 'Plus Jakarta Sans', 'Inter', system-ui, sans-serif;
--font-mono: 'JetBrains Mono', 'Fira Code', monospace;
--color-background: var(--background);
--color-foreground: var(--foreground);

9
app/layout.tsx
View file

@ -1,5 +1,5 @@
import type { Metadata, Viewport } from 'next'
import { Inter, Instrument_Serif, JetBrains_Mono } from 'next/font/google'
import { Inter, Plus_Jakarta_Sans, JetBrains_Mono } from 'next/font/google'
import { Analytics } from '@vercel/analytics/next'
import './globals.css'
@ -9,10 +9,9 @@ const inter = Inter({
display: 'swap',
})
const instrumentSerif = Instrument_Serif({
weight: '400',
const plusJakartaSans = Plus_Jakarta_Sans({
subsets: ['latin'],
variable: '--font-instrument-serif',
variable: '--font-plus-jakarta-sans',
display: 'swap',
})
@ -64,7 +63,7 @@ export default function RootLayout({
return (
<html
lang="de"
className={`${inter.variable} ${instrumentSerif.variable} ${jetbrainsMono.variable} dark bg-background`}
className={`${inter.variable} ${plusJakartaSans.variable} ${jetbrainsMono.variable} dark bg-background`}
suppressHydrationWarning
>
<head>