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:
@@ -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',
|
||||
},
|
||||
};
|
||||
|
||||
|
||||
Reference in New Issue
Block a user