feat: restyle themes to be visually distinct

- Minimal: Swiss Brutalist — fullbleed hero, true B&W, zero-gap grid, Geist font
- Editorial: Cinematic Magazine — warm charcoal, Bodoni Moda serif, slow transitions
- Classic: Gilded Gallery — gold accents, Cinzel headings, passepartout, ornamental dividers

Updated config presets, per-theme color palettes, ~550 lines of scoped CSS overrides,
data-preset attribute on html element, responsive breakpoints, screenshots, and docs.
This commit is contained in:
ralksta
2026-02-15 17:17:25 +01:00
parent a9737ad8e7
commit 570cabc972
7 changed files with 778 additions and 56 deletions

View File

@@ -58,19 +58,19 @@ const THEME_PRESETS: Record<string, ThemeConfig> = {
},
minimal: {
preset: 'minimal',
accent: '#666666',
fonts: { heading: 'Inter', body: 'Inter', caption: 'JetBrains Mono' },
accent: '#000000',
fonts: { heading: 'Geist', body: 'Geist', caption: 'IBM Plex Mono' },
radius: 0,
photoFrame: 'none',
grain: false,
headerDot: false,
heroStyle: 'split',
heroStyle: 'fullbleed',
},
editorial: {
preset: 'editorial',
accent: '#1a1a1a',
fonts: { heading: 'Libre Baskerville', body: 'Source Sans 3', caption: 'Source Sans 3' },
radius: 4,
accent: '#8B2500',
fonts: { heading: 'Bodoni Moda', body: 'Newsreader', caption: 'Spectral' },
radius: 0,
photoFrame: 'shadow',
grain: false,
headerDot: false,
@@ -78,13 +78,13 @@ const THEME_PRESETS: Record<string, ThemeConfig> = {
},
classic: {
preset: 'classic',
accent: '#8b6914',
fonts: { heading: 'Cormorant Garamond', body: 'Lato', caption: 'Lato' },
radius: 8,
photoFrame: 'none',
accent: '#c49a3c',
fonts: { heading: 'Cinzel', body: 'Crimson Pro', caption: 'Crimson Pro' },
radius: 12,
photoFrame: 'passepartout',
grain: false,
headerDot: false,
heroStyle: 'split',
headerDot: true,
heroStyle: 'minimal',
},
};