407 lines
19 KiB
TypeScript
407 lines
19 KiB
TypeScript
import { StyleOption } from '../types';
|
|
|
|
export const academicStyles: StyleOption[] = [
|
|
{
|
|
id: 'academic-journal',
|
|
name: 'Academic Journal',
|
|
category: 'Academic',
|
|
description: 'Scholarly and rigorous design for academic papers and research publications. Traditional serif typography optimized for extended reading.',
|
|
vibe: 'Scholarly, Serious, Traditional',
|
|
googleFontsImport: 'https://fonts.googleapis.com/css2?family=Libre+Baskerville:wght@400;700&family=Source+Sans+3:wght@400;600&display=swap',
|
|
wordConfig: {
|
|
heading1: {
|
|
font: "Libre Baskerville", size: 18, color: "000000", bold: true, align: 'center',
|
|
spacing: { before: 360, after: 240, line: 240 }
|
|
},
|
|
heading2: {
|
|
font: "Libre Baskerville", size: 13, color: "000000", bold: true, align: 'left',
|
|
spacing: { before: 280, after: 140, line: 240 }
|
|
},
|
|
body: {
|
|
font: "Libre Baskerville", size: 10, color: "1A1A1A", align: 'both',
|
|
spacing: { before: 0, after: 140, line: 300 }
|
|
},
|
|
accentColor: "800000"
|
|
},
|
|
previewCss: `
|
|
font-family: 'Libre Baskerville', serif;
|
|
h1 { font-size: 18pt; font-weight: 700; color: #000000; text-align: center; margin-bottom: 28px; }
|
|
h2 { font-size: 13pt; font-weight: 700; color: #000000; margin-top: 28px; margin-bottom: 14px; }
|
|
p { font-size: 10pt; line-height: 1.7; color: #1A1A1A; margin-bottom: 12px; text-align: justify; }
|
|
blockquote { padding-left: 40px; margin: 20px 0; font-size: 9pt; color: #333333; }
|
|
`
|
|
},
|
|
{
|
|
id: 'medical-professional',
|
|
name: 'Medical Professional',
|
|
category: 'Healthcare',
|
|
description: 'Clean, clinical design for healthcare and medical documentation. Emphasizes clarity and professionalism with calming blue accents.',
|
|
vibe: 'Clinical, Professional, Trustworthy',
|
|
googleFontsImport: 'https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&display=swap',
|
|
wordConfig: {
|
|
heading1: {
|
|
font: "Open Sans", size: 20, color: "1565C0", bold: true, align: 'left',
|
|
spacing: { before: 360, after: 200, line: 240 }
|
|
},
|
|
heading2: {
|
|
font: "Open Sans", size: 13, color: "0D47A1", bold: true, align: 'left',
|
|
spacing: { before: 280, after: 140, line: 240 }
|
|
},
|
|
body: {
|
|
font: "Open Sans", size: 10, color: "37474F", align: 'left',
|
|
spacing: { before: 0, after: 160, line: 280 }
|
|
},
|
|
accentColor: "1565C0"
|
|
},
|
|
previewCss: `
|
|
font-family: 'Open Sans', sans-serif;
|
|
h1 { font-size: 20pt; font-weight: 700; color: #1565C0; margin-bottom: 20px; }
|
|
h2 { font-size: 13pt; font-weight: 700; color: #0D47A1; margin-top: 28px; margin-bottom: 14px; }
|
|
p { font-size: 10pt; line-height: 1.6; color: #37474F; margin-bottom: 14px; }
|
|
blockquote { background: #E3F2FD; padding: 16px; border-left: 4px solid #1565C0; margin: 20px 0; }
|
|
`
|
|
},
|
|
{
|
|
id: 'education-friendly',
|
|
name: 'Education Friendly',
|
|
category: 'Education',
|
|
description: 'Approachable and clear design for educational materials. High readability with friendly colors suitable for learning environments.',
|
|
vibe: 'Friendly, Educational, Accessible',
|
|
googleFontsImport: 'https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700&display=swap',
|
|
wordConfig: {
|
|
heading1: {
|
|
font: "Nunito", size: 24, color: "5E35B1", bold: true, align: 'left',
|
|
spacing: { before: 400, after: 200, line: 240 },
|
|
shading: { fill: "EDE7F6", color: "auto", style: "clear" }
|
|
},
|
|
heading2: {
|
|
font: "Nunito", size: 14, color: "7E57C2", bold: true, align: 'left',
|
|
spacing: { before: 300, after: 150, line: 240 }
|
|
},
|
|
body: {
|
|
font: "Nunito", size: 11, color: "424242", align: 'left',
|
|
spacing: { before: 0, after: 160, line: 300 }
|
|
},
|
|
accentColor: "5E35B1"
|
|
},
|
|
previewCss: `
|
|
font-family: 'Nunito', sans-serif;
|
|
h1 { font-size: 24pt; font-weight: 700; color: #5E35B1; background: #EDE7F6; padding: 16px 20px; border-radius: 8px; margin-bottom: 24px; }
|
|
h2 { font-size: 14pt; font-weight: 700; color: #7E57C2; margin-top: 30px; margin-bottom: 14px; }
|
|
p { font-size: 11pt; line-height: 1.7; color: #424242; margin-bottom: 14px; }
|
|
blockquote { background: #F3E5F5; padding: 16px; border-radius: 8px; border-left: 4px solid #7E57C2; margin: 20px 0; }
|
|
`
|
|
},
|
|
{
|
|
id: 'scientific-journal',
|
|
name: 'Scientific Journal',
|
|
category: 'Academic',
|
|
description: 'Precise design for scientific publications. Clear hierarchy optimized for data-heavy content and citations.',
|
|
vibe: 'Scientific, Precise, Academic',
|
|
googleFontsImport: 'https://fonts.googleapis.com/css2?family=Literata:wght@400;500;700&family=Fira+Sans:wght@400;500;600&display=swap',
|
|
wordConfig: {
|
|
heading1: {
|
|
font: "Literata", size: 18, color: "1A1A1A", bold: true, align: 'left',
|
|
spacing: { before: 360, after: 200, line: 260 }
|
|
},
|
|
heading2: {
|
|
font: "Fira Sans", size: 12, color: "1A1A1A", bold: true, align: 'left',
|
|
spacing: { before: 280, after: 120, line: 240 }
|
|
},
|
|
body: {
|
|
font: "Literata", size: 10, color: "262626", align: 'both',
|
|
spacing: { before: 0, after: 140, line: 280 }
|
|
},
|
|
accentColor: "0066CC"
|
|
},
|
|
previewCss: `
|
|
font-family: 'Literata', serif;
|
|
h1 { font-size: 18pt; font-weight: 700; color: #1A1A1A; margin-bottom: 24px; }
|
|
h2 { font-family: 'Fira Sans', sans-serif; font-size: 12pt; font-weight: 600; color: #1A1A1A; margin-top: 28px; margin-bottom: 12px; }
|
|
p { font-size: 10pt; line-height: 1.6; color: #262626; margin-bottom: 12px; text-align: justify; }
|
|
blockquote { padding-left: 24px; border-left: 2px solid #0066CC; margin: 16px 0; font-size: 9pt; }
|
|
`
|
|
},
|
|
{
|
|
id: 'kids-education',
|
|
name: 'Kids Education',
|
|
category: 'Education',
|
|
description: 'Fun and engaging design for children\'s educational content. Rounded typography with bright, cheerful colors.',
|
|
vibe: 'Educational, Fun, Engaging',
|
|
googleFontsImport: 'https://fonts.googleapis.com/css2?family=Fredoka:wght@400;500;600&display=swap',
|
|
wordConfig: {
|
|
heading1: {
|
|
font: "Fredoka", size: 32, color: "FF6B6B", bold: true, align: 'center',
|
|
spacing: { before: 400, after: 240, line: 240 },
|
|
shading: { fill: "FFF9DB", color: "auto", style: "clear" }
|
|
},
|
|
heading2: {
|
|
font: "Fredoka", size: 18, color: "4ECDC4", bold: true, align: 'left',
|
|
spacing: { before: 320, after: 160, line: 240 }
|
|
},
|
|
body: {
|
|
font: "Fredoka", size: 12, color: "495057", align: 'left',
|
|
spacing: { before: 0, after: 180, line: 320 }
|
|
},
|
|
accentColor: "FF6B6B"
|
|
},
|
|
previewCss: `
|
|
font-family: 'Fredoka', sans-serif;
|
|
h1 { font-size: 32pt; font-weight: 600; color: #FF6B6B; text-align: center; background: #FFF9DB; padding: 16px 20px; border-radius: 12px; margin-bottom: 28px; }
|
|
h2 { font-size: 18pt; font-weight: 500; color: #4ECDC4; margin-top: 32px; margin-bottom: 16px; }
|
|
p { font-size: 12pt; line-height: 1.8; color: #495057; margin-bottom: 16px; }
|
|
blockquote { background: #E3F9F8; padding: 16px; border-radius: 12px; border-left: 6px solid #4ECDC4; margin: 20px 0; }
|
|
`
|
|
},
|
|
{
|
|
id: 'dark-academia',
|
|
name: 'Dark Academia',
|
|
category: 'Academic',
|
|
description: 'Moody, literary aesthetic. Tweed textures, old libraries, and classic serif typography.',
|
|
vibe: 'Moody, Scholarly, Literary',
|
|
googleFontsImport: 'https://fonts.googleapis.com/css2?family=Alegreya:wght@400;700&family=Alegreya+SC:wght@400;700&display=swap',
|
|
wordConfig: {
|
|
heading1: {
|
|
font: "Alegreya SC", size: 28, color: "3E2723", bold: true, align: 'center',
|
|
spacing: { before: 480, after: 280, line: 240 },
|
|
border: { bottom: { color: "5D4037", space: 6, style: "double", size: 12 } }
|
|
},
|
|
heading2: {
|
|
font: "Alegreya", size: 16, color: "4E342E", bold: true, align: 'left',
|
|
spacing: { before: 360, after: 180, line: 240 }
|
|
},
|
|
body: {
|
|
font: "Alegreya", size: 11, color: "212121", align: 'both',
|
|
spacing: { before: 0, after: 180, line: 320 }
|
|
},
|
|
accentColor: "5D4037"
|
|
},
|
|
previewCss: `
|
|
font-family: 'Alegreya', serif;
|
|
background: #F5F1E8;
|
|
h1 { font-family: 'Alegreya SC', serif; font-size: 28pt; font-weight: 700; color: #3E2723; text-align: center; border-bottom: 4px double #5D4037; padding-bottom: 16px; margin-bottom: 32px; }
|
|
h2 { font-size: 16pt; font-weight: 700; color: #4E342E; margin-top: 36px; margin-bottom: 18px; font-style: italic; }
|
|
p { font-size: 11pt; line-height: 1.8; color: #212121; margin-bottom: 16px; text-align: justify; }
|
|
blockquote { border-left: 2px solid #3E2723; padding-left: 20px; margin: 28px 0; font-style: italic; color: #4E342E; }
|
|
`
|
|
},
|
|
{
|
|
id: 'botanical-textbook',
|
|
name: 'Botanical Textbook',
|
|
category: 'Scientific',
|
|
description: 'Vintage science textbook aesthetic. Academic yet organic, like a 19th-century flora guide.',
|
|
vibe: 'Vintage, Scientific, Organic',
|
|
googleFontsImport: 'https://fonts.googleapis.com/css2?family=Alice&family=Gentium+Book+Basic:wght@400;700&display=swap',
|
|
wordConfig: {
|
|
heading1: {
|
|
font: "Alice", size: 28, color: "33691E", bold: false, align: 'left',
|
|
spacing: { before: 400, after: 200, line: 240 },
|
|
border: { bottom: { color: "827717", space: 6, style: "single", size: 8 } }
|
|
},
|
|
heading2: {
|
|
font: "Gentium Book Basic", size: 14, color: "558B2F", bold: true, align: 'left',
|
|
spacing: { before: 300, after: 150, line: 240 }
|
|
},
|
|
body: {
|
|
font: "Gentium Book Basic", size: 11, color: "1B1B1B", align: 'both',
|
|
spacing: { before: 0, after: 160, line: 300 }
|
|
},
|
|
accentColor: "827717"
|
|
},
|
|
previewCss: `
|
|
font-family: 'Gentium Book Basic', serif;
|
|
h1 { font-family: 'Alice', serif; font-size: 28pt; color: #33691E; border-bottom: 2px solid #827717; padding-bottom: 10px; margin-bottom: 24px; }
|
|
h2 { font-size: 14pt; font-weight: 700; color: #558B2F; margin-top: 30px; margin-bottom: 14px; font-style: italic; }
|
|
p { font-size: 11pt; line-height: 1.7; color: #1B1B1B; margin-bottom: 14px; text-align: justify; }
|
|
blockquote { background: #F9FBE7; padding: 16px; border-left: 4px solid #827717; margin: 20px 0; font-size: 10pt; }
|
|
`
|
|
},
|
|
{
|
|
id: 'chemistry-lab',
|
|
name: 'Chemistry Lab',
|
|
category: 'Scientific',
|
|
description: 'Clean, molecular design. Modern thin typography suitable for diagrams and formulas.',
|
|
vibe: 'Scientific, Modern, Molecular',
|
|
googleFontsImport: 'https://fonts.googleapis.com/css2?family=Advent+Pro:wght@400;600;700&family=Heebo:wght@300;400;500&display=swap',
|
|
wordConfig: {
|
|
heading1: {
|
|
font: "Advent Pro", size: 32, color: "00BCD4", bold: true, align: 'left',
|
|
spacing: { before: 400, after: 200, line: 240 }
|
|
},
|
|
heading2: {
|
|
font: "Heebo", size: 16, color: "0097A7", bold: true, align: 'left',
|
|
spacing: { before: 320, after: 160, line: 240 }
|
|
},
|
|
body: {
|
|
font: "Heebo", size: 10, color: "37474F", align: 'left',
|
|
spacing: { before: 0, after: 160, line: 280 }
|
|
},
|
|
accentColor: "00BCD4"
|
|
},
|
|
previewCss: `
|
|
font-family: 'Heebo', sans-serif;
|
|
h1 { font-family: 'Advent Pro', sans-serif; font-size: 32pt; font-weight: 700; color: #00BCD4; margin-bottom: 24px; }
|
|
h2 { font-size: 16pt; font-weight: 700; color: #0097A7; margin-top: 32px; margin-bottom: 16px; }
|
|
p { font-size: 10pt; line-height: 1.6; color: #37474F; margin-bottom: 14px; font-weight: 300; }
|
|
blockquote { border: 1px solid #00BCD4; padding: 16px; margin: 20px 0; border-radius: 8px; background: #E0F7FA; }
|
|
`
|
|
},
|
|
{
|
|
id: 'mathematics-paper',
|
|
name: 'Mathematics Paper',
|
|
category: 'Academic',
|
|
description: 'Inspired by LaTeX and Computer Modern. Serif-heavy, precise, and highly legible for academic rigor.',
|
|
vibe: 'Academic, Rigorous, Formal',
|
|
googleFontsImport: 'https://fonts.googleapis.com/css2?family=Domine:wght@400;700&family=Noticia+Text:wght@400;700&display=swap',
|
|
wordConfig: {
|
|
heading1: {
|
|
font: "Domine", size: 24, color: "000000", bold: true, align: 'center',
|
|
spacing: { before: 400, after: 240, line: 240 }
|
|
},
|
|
heading2: {
|
|
font: "Domine", size: 14, color: "000000", bold: true, align: 'left',
|
|
spacing: { before: 320, after: 160, line: 240 }
|
|
},
|
|
body: {
|
|
font: "Noticia Text", size: 11, color: "212121", align: 'both',
|
|
spacing: { before: 0, after: 160, line: 280 }
|
|
},
|
|
accentColor: "000000"
|
|
},
|
|
previewCss: `
|
|
font-family: 'Noticia Text', serif;
|
|
h1 { font-family: 'Domine', serif; font-size: 24pt; font-weight: 700; color: #000000; text-align: center; margin-bottom: 24px; }
|
|
h2 { font-family: 'Domine', serif; font-size: 14pt; font-weight: 700; color: #000000; margin-top: 32px; margin-bottom: 16px; }
|
|
p { font-size: 11pt; line-height: 1.6; color: #212121; margin-bottom: 14px; text-align: justify; }
|
|
blockquote { border-left: 3px solid #000; padding-left: 20px; margin: 24px 0; font-style: italic; background: #F5F5F5; padding: 10px 20px; }
|
|
`
|
|
},
|
|
{
|
|
id: 'phd-thesis',
|
|
name: 'PhD Thesis',
|
|
category: 'Academic',
|
|
description: 'The pinnacle of academic formatting. Extremely legible serif body, double spacing, and rigorous margin structure.',
|
|
vibe: 'Formal, Scholarly, Prestigious',
|
|
googleFontsImport: 'https://fonts.googleapis.com/css2?family=Tinos:wght@400;700&family=Crimson+Text:wght@400;600&display=swap',
|
|
wordConfig: {
|
|
heading1: {
|
|
font: "Tinos", size: 24, color: "000000", bold: true, align: 'center',
|
|
spacing: { before: 480, after: 240, line: 240 },
|
|
allCaps: true
|
|
},
|
|
heading2: {
|
|
font: "Tinos", size: 14, color: "000000", bold: true, align: 'left',
|
|
spacing: { before: 240, after: 120, line: 240 }
|
|
},
|
|
body: {
|
|
font: "Crimson Text", size: 12, color: "000000", align: 'both',
|
|
spacing: { before: 0, after: 0, line: 480 } // Double spaced
|
|
},
|
|
accentColor: "000000"
|
|
},
|
|
previewCss: `
|
|
font-family: 'Crimson Text', serif;
|
|
line-height: 2.0;
|
|
h1 { font-family: 'Tinos', serif; font-size: 24pt; font-weight: 700; text-align: center; text-transform: uppercase; margin-bottom: 24px; }
|
|
h2 { font-family: 'Tinos', serif; font-size: 14pt; font-weight: 700; margin-top: 24px; margin-bottom: 12px; }
|
|
p { font-size: 12pt; text-align: justify; margin-bottom: 0; }
|
|
blockquote { margin-left: 40px; font-style: italic; }
|
|
`
|
|
},
|
|
{
|
|
id: 'history-textbook',
|
|
name: 'History Textbook',
|
|
category: 'Academic',
|
|
description: 'Classic textbook design. Sepia tones, distinct serif headers, and wide margins for notes.',
|
|
vibe: 'Classic, Educational, Historical',
|
|
googleFontsImport: 'https://fonts.googleapis.com/css2?family=Goudy+Bookletter+1911&family=Sorts+Mill+Goudy&display=swap',
|
|
wordConfig: {
|
|
heading1: {
|
|
font: "Goudy Bookletter 1911", size: 28, color: "5D4037", bold: false, align: 'left',
|
|
spacing: { before: 400, after: 200, line: 240 },
|
|
border: { bottom: { color: "8D6E63", space: 4, style: "single", size: 8 } }
|
|
},
|
|
heading2: {
|
|
font: "Sorts Mill Goudy", size: 16, color: "3E2723", bold: false, align: 'left',
|
|
spacing: { before: 300, after: 150, line: 240 }
|
|
},
|
|
body: {
|
|
font: "Sorts Mill Goudy", size: 11, color: "212121", align: 'left',
|
|
spacing: { before: 0, after: 160, line: 300 }
|
|
},
|
|
accentColor: "8D6E63"
|
|
},
|
|
previewCss: `
|
|
font-family: 'Sorts Mill Goudy', serif;
|
|
background: #FFF8E1;
|
|
h1 { font-family: 'Goudy Bookletter 1911', serif; font-size: 28pt; color: #5D4037; border-bottom: 2px solid #8D6E63; padding-bottom: 10px; margin-bottom: 24px; }
|
|
h2 { font-size: 16pt; color: #3E2723; margin-top: 30px; margin-bottom: 14px; }
|
|
p { font-size: 11pt; line-height: 1.7; color: #212121; margin-bottom: 14px; }
|
|
blockquote { background: #FFF; padding: 16px; border: 1px solid #8D6E63; margin: 20px 0; }
|
|
`
|
|
},
|
|
{
|
|
id: 'scantron-test',
|
|
name: 'Scantron Test',
|
|
category: 'Academic',
|
|
description: 'Standardized testing sheet. Salmon pinks and greens with bubble-filling aesthetics.',
|
|
vibe: 'Academic, Retro, Bureaucratic',
|
|
googleFontsImport: 'https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;700&display=swap',
|
|
wordConfig: {
|
|
heading1: {
|
|
font: "Roboto Mono", size: 28, color: "B71C1C", bold: true, align: 'left',
|
|
spacing: { before: 400, after: 200, line: 240 },
|
|
border: { bottom: { color: "EF5350", space: 4, style: "single", size: 12 } }
|
|
},
|
|
heading2: {
|
|
font: "Roboto Mono", size: 14, color: "1B5E20", bold: true, align: 'left',
|
|
spacing: { before: 320, after: 160, line: 240 },
|
|
shading: { fill: "E8F5E9", color: "auto", style: "clear" }
|
|
},
|
|
body: {
|
|
font: "Roboto Mono", size: 10, color: "212121", align: 'left',
|
|
spacing: { before: 0, after: 160, line: 280 }
|
|
},
|
|
accentColor: "EF5350"
|
|
},
|
|
previewCss: `
|
|
font-family: 'Roboto Mono', monospace;
|
|
background: #FFF3E0; /* Light salmonish tint */
|
|
h1 { font-size: 28pt; font-weight: 700; color: #B71C1C; border-bottom: 2px solid #EF5350; padding-bottom: 8px; margin-bottom: 24px; }
|
|
h2 { font-size: 14pt; font-weight: 700; color: #1B5E20; background: #C8E6C9; display: inline-block; padding: 4px 12px; margin-top: 32px; margin-bottom: 16px; border-radius: 12px; }
|
|
p { font-size: 10pt; line-height: 1.6; color: #212121; margin-bottom: 14px; }
|
|
blockquote { border: 1px solid #B71C1C; padding: 16px; margin: 24px 0; border-radius: 8px; background: #FFEBEE; }
|
|
`
|
|
},
|
|
{
|
|
id: 'emergency-room',
|
|
name: 'Emergency Room',
|
|
category: 'Medical',
|
|
description: 'Hospital signage. Sterile white, urgent red, and clean blue.',
|
|
vibe: 'Sterile, Urgent, Clean',
|
|
googleFontsImport: 'https://fonts.googleapis.com/css2?family=Assistant:wght@400;700&family=Heebo:wght@400;700&display=swap',
|
|
wordConfig: {
|
|
heading1: {
|
|
font: "Assistant", size: 36, color: "D50000", bold: true, align: 'left',
|
|
spacing: { before: 400, after: 200, line: 240 },
|
|
border: { bottom: { color: "D50000", space: 4, style: "single", size: 12 } }
|
|
},
|
|
heading2: {
|
|
font: "Heebo", size: 18, color: "2962FF", bold: true, align: 'left',
|
|
spacing: { before: 320, after: 160, line: 240 }
|
|
},
|
|
body: {
|
|
font: "Heebo", size: 11, color: "424242", align: 'left',
|
|
spacing: { before: 0, after: 160, line: 280 }
|
|
},
|
|
accentColor: "D50000"
|
|
},
|
|
previewCss: `
|
|
font-family: 'Heebo', sans-serif;
|
|
h1 { font-family: 'Assistant', sans-serif; font-size: 36pt; font-weight: 700; color: #D50000; border-bottom: 4px solid #D50000; padding-bottom: 8px; margin-bottom: 24px; }
|
|
h2 { font-size: 18pt; font-weight: 700; color: #2962FF; margin-top: 32px; margin-bottom: 16px; text-transform: uppercase; }
|
|
p { font-size: 11pt; line-height: 1.6; color: #424242; margin-bottom: 14px; }
|
|
blockquote { background: #FFEBEE; border-left: 6px solid #D50000; padding: 16px; margin: 24px 0; }
|
|
`
|
|
}
|
|
]; |