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 { @theme inline {
--font-sans: 'Inter', 'Inter Fallback', system-ui, sans-serif; --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; --font-mono: 'JetBrains Mono', 'Fira Code', monospace;
--color-background: var(--background); --color-background: var(--background);
--color-foreground: var(--foreground); --color-foreground: var(--foreground);

9
app/layout.tsx
View file

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