feat: port all template categories to JSON format

- Ported Minimalist templates to JSON (Swiss Grid, Brutalist, etc.)
- Ported Tech templates to JSON (SaaS, Terminal, Cyberpunk, etc.)
- Ported Creative templates to JSON (Art Gallery, Zine, Pop Art, etc.)
- Ported Industrial templates to JSON (Blueprint, Factory, Schematic, etc.)
- Ported Nature templates to JSON (Botanical, Ocean, Mountain, etc.)
- Ported Lifestyle templates to JSON (Cookbook, Travel, Coffee House, etc.)
- Ported Vintage templates to JSON (Art Deco, Medieval, Retro 80s, etc.)
- Updated README.md to reflect the new JSON-based style system (example configuration and contribution workflow)
- Completed migration of over 150 styles to the new architecture
This commit is contained in:
TypoGenie
2026-02-01 18:51:43 +02:00
parent da335734d3
commit a6f664088c
405 changed files with 69134 additions and 5936 deletions

View File

@@ -0,0 +1,110 @@
# TypoGenie Templates
This folder contains all the document style templates for TypoGenie. Templates are organized by category.
## Creating Custom Templates
You can create your own templates! Just create a JSON file with the following structure:
```json
{
"id": "my-custom-style",
"name": "My Custom Style",
"category": "Custom",
"description": "A brief description of this style",
"vibe": "Keywords describing the mood",
"googleFontsImport": "https://fonts.googleapis.com/css2?family=YourFont:wght@400;700&display=swap",
"wordConfig": {
"heading1": {
"font": "Your Font",
"size": 28,
"color": "000000",
"bold": true,
"align": "left",
"spacing": { "before": 400, "after": 200, "line": 240 }
},
"heading2": {
"font": "Your Font",
"size": 14,
"color": "333333",
"bold": true,
"align": "left",
"spacing": { "before": 280, "after": 140, "line": 240 }
},
"body": {
"font": "Your Font",
"size": 11,
"color": "333333",
"align": "left",
"spacing": { "before": 0, "after": 180, "line": 300 }
},
"accentColor": "FF5733"
},
"previewCss": "font-family: 'Your Font', sans-serif; h1 { font-size: 28pt; font-weight: 700; color: #000; margin-bottom: 20px; }"
}
```
## Template Structure
### Required Fields
- **id**: Unique identifier (lowercase, no spaces)
- **name**: Display name for the UI
- **category**: Category for grouping (e.g., "Minimalist", "Editorial", "Tech")
- **description**: Short description shown in the UI
- **vibe**: Keywords describing the style
- **googleFontsImport**: URL to import fonts from Google Fonts
- **wordConfig**: Configuration for Word document generation
- **previewCss**: CSS for the preview pane
### Word Config Options
For each style (heading1, heading2, body):
- **font**: Font family name (must match Google Fonts import)
- **size**: Font size in points
- **color**: Hex color without # (e.g., "000000")
- **bold**: true/false
- **italic**: true/false
- **underline**: true/false
- **allCaps**: true/false
- **smallCaps**: true/false
- **tracking**: Letter spacing in twips (1/20 of a point)
- **align**: "left", "center", "right", "both" (justify)
- **spacing**: Object with `before`, `after`, and `line` (all in twips)
- **border**: Optional border configuration
- **shading**: Optional background shading
### Where to Place Templates
#### For Personal Use (Recommended)
Place templates in the user data folder:
- Windows: `%APPDATA%/TypoGenie/TypoGenie-Data/templates/`
- macOS: `~/Library/Application Support/TypoGenie/TypoGenie-Data/templates/`
- Linux: `~/.config/TypoGenie/TypoGenie-Data/templates/`
Or use the "Open Templates Folder" button in the app.
#### For Distribution
Place templates in this folder (src-tauri/templates/) organized by category subfolders, then rebuild the app.
## Categories
- **Core**: Essential versatile styles
- **Minimalist**: Clean, simple designs
- **Editorial**: Magazine and newspaper styles
- **Corporate**: Business and professional
- **Tech**: Technology and startup
- **Creative**: Bold and artistic
- **Vintage**: Retro and nostalgic
- **Lifestyle**: Elegant and refined
- **Academic**: Scholarly and formal
- **Industrial**: Raw and utilitarian
## Tips
1. Test your template with various content types (headings, lists, code blocks, etc.)
2. Ensure the Word config and preview CSS match for consistency
3. Use web-safe fonts or Google Fonts for best compatibility
4. Colors should be hex without the # prefix in wordConfig
5. Colors should be hex WITH the # prefix in previewCss

View File

@@ -0,0 +1,313 @@
{
"id": "academic-journal",
"name": "Academic Journal",
"category": "Academic",
"description": "Prestigious journal aesthetic with high-contrast serifs. Designed for readability and authority, evoking the feel of established Ivy League publications.",
"vibe": "Prestigious, Authoritative, Classic",
"googleFontsImport": "https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=EB+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=JetBrains+Mono:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap",
"typography": {
"fonts": {
"heading": "Playfair Display",
"body": "EB Garamond",
"code": "JetBrains Mono"
},
"colors": {
"text": "1A1A1A",
"textSecondary": "4A4A4A",
"background": "FFFCF9",
"accent": "8C1515",
"border": "E0E0E0",
"codeBg": "F2F2F2",
"blockquoteBorder": "8C1515"
}
},
"elements": {
"h1": {
"font": "heading",
"size": 32,
"color": "text",
"bold": true,
"align": "center",
"spacing": {
"before": 36,
"after": 18,
"line": 1.1
}
},
"h2": {
"font": "heading",
"size": 20,
"color": "accent",
"bold": true,
"align": "left",
"spacing": {
"before": 24,
"after": 12,
"line": 1.2
},
"borderBottom": {
"color": "border",
"width": 1,
"style": "solid",
"space": 4
}
},
"h3": {
"font": "heading",
"size": 16,
"color": "text",
"bold": true,
"italic": true,
"align": "left",
"spacing": {
"before": 18,
"after": 9,
"line": 1.25
}
},
"h4": {
"font": "heading",
"size": 14,
"color": "textSecondary",
"bold": true,
"align": "left",
"spacing": {
"before": 16,
"after": 8,
"line": 1.3
}
},
"h5": {
"font": "body",
"size": 12,
"color": "text",
"bold": true,
"align": "left",
"spacing": {
"before": 12,
"after": 6,
"line": 1.4
},
"allCaps": true
},
"h6": {
"font": "body",
"size": 11,
"color": "textSecondary",
"italic": true,
"align": "left",
"spacing": {
"before": 12,
"after": 6,
"line": 1.4
}
},
"p": {
"font": "body",
"size": 12,
"color": "text",
"align": "justify",
"indent": 24,
"spacing": {
"before": 0,
"after": 0,
"line": 1.6
}
},
"blockquote": {
"font": "heading",
"size": 14,
"color": "accent",
"italic": true,
"align": "center",
"spacing": {
"before": 24,
"after": 24,
"line": 1.4
},
"borderTop": {
"color": "accent",
"width": 1,
"style": "single",
"space": 12
},
"borderBottom": {
"color": "accent",
"width": 1,
"style": "single",
"space": 12
}
},
"code": {
"font": "code",
"size": 10,
"color": "text",
"background": "codeBg",
"spacing": {
"before": 0,
"after": 0,
"line": 1
}
},
"pre": {
"font": "code",
"size": 10,
"color": "text",
"background": "codeBg",
"padding": 12,
"spacing": {
"before": 18,
"after": 18,
"line": 1.4
},
"borderLeft": {
"color": "accent",
"width": 3,
"style": "solid",
"space": 0
}
},
"ul": {
"spacing": {
"before": 12,
"after": 12,
"line": 1.6
},
"indent": 36,
"bullet": "disc"
},
"ol": {
"spacing": {
"before": 12,
"after": 12,
"line": 1.6
},
"indent": 36,
"numbering": "decimal"
},
"li": {
"font": "body",
"size": 12,
"color": "text",
"spacing": {
"before": 0,
"after": 0,
"line": 1.6
}
},
"strong": {
"font": "body",
"bold": true
},
"em": {
"font": "body",
"italic": true
},
"a": {
"font": "body",
"color": "accent",
"underline": true
},
"table": {
"spacing": {
"before": 18,
"after": 18,
"line": 1.2
},
"borderTop": {
"color": "text",
"width": 2,
"style": "solid"
},
"borderBottom": {
"color": "text",
"width": 2,
"style": "solid"
}
},
"th": {
"font": "heading",
"size": 11,
"color": "text",
"bold": true,
"background": "F9F9F9",
"padding": 8,
"borderBottom": {
"color": "text",
"width": 1,
"style": "solid"
}
},
"td": {
"font": "body",
"size": 11,
"color": "text",
"padding": 8
},
"hr": {
"spacing": {
"before": 24,
"after": 24
},
"border": {
"color": "accent",
"width": 1,
"style": "doutble",
"space": 2
}
},
"img": {
"align": "center",
"spacing": {
"before": 18,
"after": 18
}
},
"del": {
"font": "body",
"strikethrough": true
},
"sup": {
"font": "body",
"size": 9,
"superScript": true
},
"sub": {
"font": "body",
"size": 9,
"subScript": true
},
"mark": {
"font": "body",
"background": "FCE8E8",
"color": "text"
},
"footnote": {
"font": "body",
"size": 10,
"color": "textSecondary",
"superScript": true
},
"footnoteRef": {
"font": "body",
"size": 10,
"color": "textSecondary",
"spacing": {
"before": 6,
"after": 6,
"line": 1.2
}
}
},
"page": {
"margins": {
"top": 90,
"bottom": 90,
"left": 90,
"right": 90
},
"columns": 1,
"header": true,
"footer": true
}
}

View File

@@ -0,0 +1,309 @@
{
"id": "arctic-base",
"name": "Arctic Base",
"category": "Scientific",
"description": "High-contrast, sterile design optimized for clarity in low-light environments. Technical typography with a crisp, cold aesthetic.",
"vibe": "Technical, Cold, Crisp",
"googleFontsImport": "https://fonts.googleapis.com/css2?family=Iceland:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Inter:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Jura:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap",
"typography": {
"fonts": {
"heading": "Iceland",
"body": "Inter",
"code": "Jura"
},
"colors": {
"text": "002F6C",
"textSecondary": "01579B",
"background": "F0F8FF",
"accent": "0288D1",
"border": "B3E5FC",
"codeBg": "E1F5FE",
"blockquoteBorder": "0277BD"
}
},
"elements": {
"h1": {
"font": "heading",
"size": 42,
"color": "text",
"bold": false,
"align": "left",
"spacing": {
"before": 24,
"after": 12,
"line": 1.1
},
"borderBottom": {
"color": "accent",
"width": 4,
"style": "solid"
}
,
"background": "E1F5FE",
"padding": 12
},
"h2": {
"font": "code",
"size": 24,
"color": "textSecondary",
"bold": true,
"align": "left",
"spacing": {
"before": 20,
"after": 10,
"line": 1.2
},
"allCaps": true,
"borderLeft": {
"color": "accent",
"width": 6,
"style": "solid",
"space": 8
}
},
"h3": {
"font": "code",
"size": 18,
"color": "accent",
"bold": true,
"align": "left",
"spacing": {
"before": 16,
"after": 8,
"line": 1.2
}
},
"h4": {
"font": "code",
"size": 14,
"color": "textSecondary",
"bold": true,
"align": "left",
"spacing": {
"before": 12,
"after": 6,
"line": 1.2
}
},
"h5": {
"font": "body",
"size": 12,
"color": "textSecondary",
"italic": true,
"align": "left",
"spacing": {
"before": 10,
"after": 5,
"line": 1.2
}
},
"h6": {
"font": "body",
"size": 10,
"color": "textSecondary",
"allCaps": true,
"align": "left",
"spacing": {
"before": 10,
"after": 5,
"line": 1.2
}
},
"p": {
"font": "body",
"size": 11,
"color": "text",
"align": "left",
"spacing": {
"before": 0,
"after": 12,
"line": 1.6
}
},
"blockquote": {
"font": "code",
"size": 11,
"color": "textSecondary",
"italic": false,
"align": "left",
"spacing": {
"before": 12,
"after": 12,
"line": 1.5
},
"background": "E1F5FE",
"padding": 12,
"borderLeft": {
"color": "accent",
"width": 3,
"style": "solid"
}
},
"code": {
"font": "code",
"size": 10,
"color": "text",
"background": "codeBg",
"spacing": {
"before": 0,
"after": 0,
"line": 1.3
}
},
"pre": {
"font": "code",
"size": 10,
"color": "text",
"background": "codeBg",
"padding": 12,
"spacing": {
"before": 12,
"after": 12,
"line": 1.3
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"ul": {
"spacing": {
"before": 8,
"after": 8,
"line": 1.5
},
"indent": 20,
"bullet": "square"
},
"ol": {
"spacing": {
"before": 8,
"after": 8,
"line": 1.5
},
"indent": 20,
"numbering": "decimal"
},
"li": {
"font": "body",
"size": 11,
"color": "text",
"spacing": {
"before": 0,
"after": 0,
"line": 1.5
}
},
"strong": {
"font": "body",
"bold": true
},
"em": {
"font": "body",
"italic": true
},
"a": {
"font": "body",
"color": "accent",
"underline": false
},
"table": {
"spacing": {
"before": 12,
"after": 12,
"line": 1.2
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"th": {
"font": "code",
"size": 10,
"color": "text",
"bold": true,
"background": "B3E5FC",
"padding": 8,
"borderBottom": {
"color": "accent",
"width": 2,
"style": "solid"
}
},
"td": {
"font": "body",
"size": 10,
"color": "text",
"padding": 8,
"background": "F0F8FF"
},
"hr": {
"spacing": {
"before": 24,
"after": 24
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"img": {
"align": "center",
"spacing": {
"before": 12,
"after": 12
}
},
"del": {
"font": "body",
"strikethrough": true
},
"sup": {
"font": "body",
"size": 8,
"superScript": true
},
"sub": {
"font": "body",
"size": 8,
"subScript": true
},
"mark": {
"font": "body",
"background": "B3E5FC",
"color": "text"
},
"footnote": {
"font": "body",
"size": 9,
"color": "textSecondary",
"superScript": true
},
"footnoteRef": {
"font": "body",
"size": 9,
"color": "textSecondary",
"spacing": {
"before": 4,
"after": 4,
"line": 1.2
}
}
},
"page": {
"margins": {
"top": 72,
"bottom": 72,
"left": 72,
"right": 72
},
"columns": 1,
"header": true,
"footer": true
}
}

View File

@@ -0,0 +1,307 @@
{
"id": "botanical-textbook",
"name": "Botanical Textbook",
"category": "Scientific",
"description": "Inspired by 19th-century flora guides. Elegant serif typography, earthy tones, and spacious formatting for biological descriptions.",
"vibe": "Vintage, Organic, Elegant",
"googleFontsImport": "https://fonts.googleapis.com/css2?family=Alice:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Spectral:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap",
"typography": {
"fonts": {
"heading": "Alice",
"body": "Spectral",
"code": "Cormorant Garamond"
},
"colors": {
"text": "2E3B21",
"textSecondary": "5D4037",
"background": "FFFCF5",
"accent": "558B2F",
"border": "A1887F",
"codeBg": "F1F8E9",
"blockquoteBorder": "558B2F"
}
},
"elements": {
"h1": {
"font": "heading",
"size": 36,
"color": "text",
"bold": false,
"align": "center",
"spacing": {
"before": 36,
"after": 18,
"line": 1.1
},
"borderBottom": {
"color": "accent",
"width": 4,
"style": "double",
"space": 3
}
},
"h2": {
"font": "heading",
"size": 22,
"color": "textSecondary",
"bold": false,
"align": "left",
"spacing": {
"before": 24,
"after": 12,
"line": 1.2
},
"italic": true
},
"h3": {
"font": "heading",
"size": 18,
"color": "accent",
"bold": false,
"align": "left",
"spacing": {
"before": 18,
"after": 9,
"line": 1.2
}
},
"h4": {
"font": "body",
"size": 14,
"color": "textSecondary",
"bold": true,
"align": "left",
"spacing": {
"before": 16,
"after": 8,
"line": 1.3
}
},
"h5": {
"font": "body",
"size": 12,
"color": "accent",
"bold": true,
"align": "left",
"spacing": {
"before": 12,
"after": 6,
"line": 1.4
},
"allCaps": true
},
"h6": {
"font": "body",
"size": 11,
"color": "textSecondary",
"italic": true,
"align": "left",
"spacing": {
"before": 12,
"after": 6,
"line": 1.4
}
},
"p": {
"font": "body",
"size": 12,
"color": "text",
"align": "justify",
"indent": 24,
"spacing": {
"before": 0,
"after": 0,
"line": 1.6
}
},
"blockquote": {
"font": "body",
"size": 11,
"color": "textSecondary",
"italic": true,
"align": "center",
"spacing": {
"before": 18,
"after": 18,
"line": 1.5
},
"padding": 12,
"borderTop": {
"color": "border",
"width": 1,
"style": "single"
},
"borderBottom": {
"color": "border",
"width": 1,
"style": "single"
}
},
"code": {
"font": "code",
"size": 11,
"color": "textSecondary",
"background": "codeBg",
"spacing": {
"before": 0,
"after": 0,
"line": 1
}
},
"pre": {
"font": "code",
"size": 10,
"color": "textSecondary",
"background": "codeBg",
"padding": 12,
"spacing": {
"before": 12,
"after": 12,
"line": 1.4
},
"border": {
"color": "border",
"width": 1,
"style": "dashed"
}
},
"ul": {
"spacing": {
"before": 12,
"after": 12,
"line": 1.6
},
"indent": 36,
"bullet": "disc"
},
"ol": {
"spacing": {
"before": 12,
"after": 12,
"line": 1.6
},
"indent": 36,
"numbering": "decimal"
},
"li": {
"font": "body",
"size": 12,
"color": "text",
"spacing": {
"before": 0,
"after": 0,
"line": 1.6
}
},
"strong": {
"font": "body",
"bold": true
},
"em": {
"font": "body",
"italic": true
},
"a": {
"font": "body",
"color": "accent",
"underline": true,
"italic": true
},
"table": {
"spacing": {
"before": 18,
"after": 18,
"line": 1.2
},
"border": {
"color": "border",
"width": 1,
"style": "single"
}
},
"th": {
"font": "heading",
"size": 11,
"color": "text",
"bold": false,
"background": "F1F8E9",
"padding": 8,
"borderBottom": {
"color": "accent",
"width": 2,
"style": "single"
}
},
"td": {
"font": "body",
"size": 11,
"color": "text",
"padding": 8
},
"hr": {
"spacing": {
"before": 24,
"after": 24
},
"border": {
"color": "accent",
"width": 2,
"style": "double",
"space": 3
}
},
"img": {
"align": "center",
"spacing": {
"before": 18,
"after": 18
}
},
"del": {
"font": "body",
"strikethrough": true
},
"sup": {
"font": "body",
"size": 9,
"superScript": true
},
"sub": {
"font": "body",
"size": 9,
"subScript": true
},
"mark": {
"font": "body",
"background": "DCEDC8",
"color": "text"
},
"footnote": {
"font": "body",
"size": 10,
"color": "textSecondary",
"superScript": true
},
"footnoteRef": {
"font": "body",
"size": 10,
"color": "textSecondary",
"spacing": {
"before": 6,
"after": 6,
"line": 1.2
}
}
},
"page": {
"margins": {
"top": 80,
"bottom": 80,
"left": 80,
"right": 80
},
"columns": 1,
"header": true,
"footer": true
}
}

View File

@@ -0,0 +1,309 @@
{
"id": "chemistry-lab",
"name": "Chemistry Lab",
"category": "Scientific",
"description": "Lab manual aesthetic. Clean, structured layout with distinct sections for procedures, observations, and data. Modern sans-serif typography.",
"vibe": "Scientific, Structured, Geometric",
"googleFontsImport": "https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Heebo:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Roboto+Mono:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap",
"typography": {
"fonts": {
"heading": "Barlow",
"body": "Heebo",
"code": "Roboto Mono"
},
"colors": {
"text": "263238",
"textSecondary": "546E7A",
"background": "FFFFFF",
"accent": "00ACC1",
"border": "B2EBF2",
"codeBg": "E0F7FA",
"blockquoteBorder": "00ACC1"
}
},
"elements": {
"h1": {
"font": "heading",
"size": 28,
"color": "text",
"bold": true,
"align": "left",
"allCaps": true,
"spacing": {
"before": 24,
"after": 12,
"line": 1.1
},
"borderBottom": {
"color": "accent",
"width": 4,
"style": "solid"
}
},
"h2": {
"font": "heading",
"size": 18,
"color": "accent",
"bold": true,
"align": "left",
"spacing": {
"before": 20,
"after": 10,
"line": 1.2
},
"background": "codeBg",
"padding": 8,
"borderLeft": {
"color": "textSecondary",
"width": 4,
"style": "solid"
}
},
"h3": {
"font": "heading",
"size": 14,
"color": "text",
"bold": true,
"align": "left",
"spacing": {
"before": 16,
"after": 8,
"line": 1.25
}
},
"h4": {
"font": "heading",
"size": 12,
"color": "textSecondary",
"bold": true,
"align": "left",
"spacing": {
"before": 12,
"after": 6,
"line": 1.3
},
"allCaps": true
},
"h5": {
"font": "body",
"size": 11,
"color": "accent",
"bold": true,
"align": "left",
"spacing": {
"before": 10,
"after": 5,
"line": 1.4
}
},
"h6": {
"font": "body",
"size": 10,
"color": "textSecondary",
"italic": true,
"align": "left",
"spacing": {
"before": 10,
"after": 5,
"line": 1.4
}
},
"p": {
"font": "body",
"size": 11,
"color": "text",
"align": "left",
"spacing": {
"before": 0,
"after": 10,
"line": 1.5
}
},
"blockquote": {
"font": "body",
"size": 10,
"color": "textSecondary",
"italic": false,
"align": "left",
"spacing": {
"before": 12,
"after": 12,
"line": 1.5
},
"padding": 12,
"border": {
"color": "accent",
"width": 1,
"style": "solid"
},
"background": "codeBg",
"borderRadius": 4
},
"code": {
"font": "code",
"size": 10,
"color": "text",
"background": "codeBg",
"spacing": {
"before": 0,
"after": 0,
"line": 1.3
}
},
"pre": {
"font": "code",
"size": 9.5,
"color": "text",
"background": "codeBg",
"padding": 12,
"spacing": {
"before": 12,
"after": 12,
"line": 1.3
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
},
"borderRadius": 4
},
"ul": {
"spacing": {
"before": 8,
"after": 8,
"line": 1.5
},
"indent": 20,
"bullet": "disc"
},
"ol": {
"spacing": {
"before": 8,
"after": 8,
"line": 1.5
},
"indent": 20,
"numbering": "decimal"
},
"li": {
"font": "body",
"size": 11,
"color": "text",
"spacing": {
"before": 0,
"after": 0,
"line": 1.5
}
},
"strong": {
"font": "body",
"bold": true
},
"em": {
"font": "body",
"italic": true
},
"a": {
"font": "body",
"color": "accent",
"underline": true
},
"table": {
"spacing": {
"before": 12,
"after": 12,
"line": 1.2
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"th": {
"font": "heading",
"size": 10,
"color": "text",
"bold": true,
"background": "B2EBF2",
"padding": 8,
"borderBottom": {
"color": "accent",
"width": 2,
"style": "solid"
}
},
"td": {
"font": "body",
"size": 10,
"color": "text",
"padding": 8
},
"hr": {
"spacing": {
"before": 18,
"after": 18
},
"border": {
"color": "accent",
"width": 2,
"style": "solid"
}
},
"img": {
"align": "center",
"spacing": {
"before": 12,
"after": 12
}
},
"del": {
"font": "body",
"strikethrough": true
},
"sup": {
"font": "body",
"size": 8,
"superScript": true
},
"sub": {
"font": "body",
"size": 8,
"subScript": true
},
"mark": {
"font": "body",
"background": "FFECB3",
"color": "text"
},
"footnote": {
"font": "body",
"size": 9,
"color": "textSecondary",
"superScript": true
},
"footnoteRef": {
"font": "body",
"size": 9,
"color": "textSecondary",
"spacing": {
"before": 4,
"after": 4,
"line": 1.2
}
}
},
"page": {
"margins": {
"top": 72,
"bottom": 72,
"left": 72,
"right": 72
},
"columns": 1,
"header": true,
"footer": true
}
}

View File

@@ -0,0 +1,304 @@
{
"id": "dark-academia",
"name": "Dark Academia",
"category": "Academic",
"description": "Moody, sophisticated aesthetic inspired by old libraries and tweed. Rich serif typography with oxblood accents.",
"vibe": "Moody, Literary, Scholars",
"googleFontsImport": "https://fonts.googleapis.com/css2?family=Cinzel:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=EB+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Cutive+Mono:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap",
"typography": {
"fonts": {
"heading": "Cinzel",
"body": "EB Garamond",
"code": "Cutive Mono"
},
"colors": {
"text": "212121",
"textSecondary": "424242",
"background": "F0F0EB",
"accent": "4A1414",
"border": "757575",
"codeBg": "E0E0E0",
"blockquoteBorder": "4A1414"
}
},
"elements": {
"h1": {
"font": "heading",
"size": 32,
"color": "text",
"bold": true,
"align": "center",
"spacing": {
"before": 36,
"after": 18,
"line": 1.1
},
"borderBottom": {
"color": "accent",
"width": 2,
"style": "solid",
"space": 5
}
},
"h2": {
"font": "heading",
"size": 20,
"color": "accent",
"bold": false,
"align": "center",
"spacing": {
"before": 24,
"after": 12,
"line": 1.2
},
"background": "EAE6DF",
"padding": 8
},
"h3": {
"font": "heading",
"size": 16,
"color": "text",
"bold": true,
"align": "left",
"spacing": {
"before": 18,
"after": 9,
"line": 1.2
}
},
"h4": {
"font": "body",
"size": 14,
"color": "textSecondary",
"bold": true,
"align": "left",
"spacing": {
"before": 16,
"after": 8,
"line": 1.3
},
"italic": true
},
"h5": {
"font": "body",
"size": 12,
"color": "accent",
"bold": true,
"align": "left",
"spacing": {
"before": 12,
"after": 6,
"line": 1.4
},
"allCaps": true
},
"h6": {
"font": "body",
"size": 11,
"color": "textSecondary",
"italic": true,
"align": "left",
"spacing": {
"before": 12,
"after": 6,
"line": 1.4
}
},
"p": {
"font": "body",
"size": 12,
"color": "text",
"align": "justify",
"indent": 24,
"spacing": {
"before": 0,
"after": 0,
"line": 1.6
}
},
"blockquote": {
"font": "body",
"size": 12,
"color": "text",
"italic": true,
"align": "center",
"spacing": {
"before": 24,
"after": 24,
"line": 1.6
},
"padding": 0,
"borderLeft": {
"color": "accent",
"width": 3,
"style": "solid"
},
"background": "transparent"
},
"code": {
"font": "code",
"size": 10,
"color": "text",
"background": "codeBg",
"spacing": {
"before": 0,
"after": 0,
"line": 1.3
}
},
"pre": {
"font": "code",
"size": 10,
"color": "text",
"background": "codeBg",
"padding": 12,
"spacing": {
"before": 12,
"after": 12,
"line": 1.3
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"ul": {
"spacing": {
"before": 12,
"after": 12,
"line": 1.6
},
"indent": 48,
"bullet": "disc"
},
"ol": {
"spacing": {
"before": 12,
"after": 12,
"line": 1.6
},
"indent": 48,
"numbering": "upper-roman"
},
"li": {
"font": "body",
"size": 12,
"color": "text",
"spacing": {
"before": 0,
"after": 0,
"line": 1.6
}
},
"strong": {
"font": "body",
"bold": true
},
"em": {
"font": "body",
"italic": true
},
"a": {
"font": "body",
"color": "accent",
"underline": false,
"bold": true
},
"table": {
"spacing": {
"before": 18,
"after": 18,
"line": 1.2
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"th": {
"font": "heading",
"size": 11,
"color": "text",
"bold": true,
"background": "D7CCC8",
"padding": 8,
"borderBottom": {
"color": "text",
"width": 1,
"style": "solid"
}
},
"td": {
"font": "body",
"size": 11,
"color": "text",
"padding": 8
},
"hr": {
"spacing": {
"before": 24,
"after": 24
},
"border": {
"color": "accent",
"width": 1,
"style": "solid"
}
},
"img": {
"align": "center",
"spacing": {
"before": 18,
"after": 18
}
},
"del": {
"font": "body",
"strikethrough": true
},
"sup": {
"font": "body",
"size": 9,
"superScript": true
},
"sub": {
"font": "body",
"size": 9,
"subScript": true
},
"mark": {
"font": "body",
"background": "EFEBE9",
"color": "text"
},
"footnote": {
"font": "body",
"size": 10,
"color": "textSecondary",
"superScript": true
},
"footnoteRef": {
"font": "body",
"size": 10,
"color": "textSecondary",
"spacing": {
"before": 6,
"after": 6,
"line": 1.2
}
}
},
"page": {
"margins": {
"top": 90,
"bottom": 90,
"left": 90,
"right": 90
},
"columns": 1,
"header": true,
"footer": true
}
}

View File

@@ -0,0 +1,303 @@
{
"id": "education-friendly",
"name": "Education Friendly",
"category": "Education",
"description": "Designed for maximum accessibility and readability. Uses fonts and spacing strategies proven to help with dyslexia and reading proficiency.",
"vibe": "Accessible, Clear, Inclusive",
"googleFontsImport": "https://fonts.googleapis.com/css2?family=Lexend:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Atkinson+Hyperlegible:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap",
"typography": {
"fonts": {
"heading": "Lexend",
"body": "Lexend",
"code": "Atkinson Hyperlegible"
},
"colors": {
"text": "212121",
"textSecondary": "424242",
"background": "FAF9F6",
"accent": "0057D9",
"border": "BDBDBD",
"codeBg": "F5F5F5",
"blockquoteBorder": "0057D9"
}
},
"elements": {
"h1": {
"font": "heading",
"size": 32,
"color": "text",
"bold": true,
"align": "left",
"spacing": {
"before": 24,
"after": 16,
"line": 1.3
},
"background": "E3F2FD",
"padding": 12,
"borderRadius": 8
},
"h2": {
"font": "heading",
"size": 24,
"color": "accent",
"bold": true,
"align": "left",
"spacing": {
"before": 20,
"after": 12,
"line": 1.3
},
"borderBottom": {
"color": "textSecondary",
"width": 2,
"style": "solid"
}
},
"h3": {
"font": "heading",
"size": 20,
"color": "textSecondary",
"bold": true,
"align": "left",
"spacing": {
"before": 16,
"after": 10,
"line": 1.3
}
},
"h4": {
"font": "heading",
"size": 18,
"color": "text",
"bold": true,
"align": "left",
"spacing": {
"before": 14,
"after": 8,
"line": 1.3
}
},
"h5": {
"font": "body",
"size": 16,
"color": "accent",
"bold": true,
"align": "left",
"spacing": {
"before": 12,
"after": 6,
"line": 1.4
}
},
"h6": {
"font": "body",
"size": 14,
"color": "textSecondary",
"italic": true,
"align": "left",
"spacing": {
"before": 12,
"after": 6,
"line": 1.4
}
},
"p": {
"font": "body",
"size": 16,
"color": "text",
"align": "left",
"spacing": {
"before": 0,
"after": 16,
"line": 1.75
}
},
"blockquote": {
"font": "body",
"size": 16,
"color": "textSecondary",
"italic": false,
"align": "left",
"spacing": {
"before": 20,
"after": 20,
"line": 1.6
},
"padding": 20,
"borderLeft": {
"color": "accent",
"width": 6,
"style": "solid"
},
"background": "codeBg",
"borderRadius": 8
},
"code": {
"font": "code",
"size": 14,
"color": "text",
"background": "codeBg",
"spacing": {
"before": 0,
"after": 0,
"line": 1.4
}
},
"pre": {
"font": "code",
"size": 14,
"color": "text",
"background": "codeBg",
"padding": 16,
"spacing": {
"before": 16,
"after": 16,
"line": 1.4
},
"border": {
"color": "border",
"width": 2,
"style": "solid"
},
"borderRadius": 8
},
"ul": {
"spacing": {
"before": 12,
"after": 12,
"line": 1.8
},
"indent": 24,
"bullet": "disc"
},
"ol": {
"spacing": {
"before": 12,
"after": 12,
"line": 1.8
},
"indent": 24,
"numbering": "decimal"
},
"li": {
"font": "body",
"size": 16,
"color": "text",
"spacing": {
"before": 4,
"after": 4,
"line": 1.8
}
},
"strong": {
"font": "heading",
"bold": true
},
"em": {
"font": "body",
"italic": true
},
"a": {
"font": "heading",
"color": "accent",
"underline": true,
"bold": true
},
"table": {
"spacing": {
"before": 20,
"after": 20,
"line": 1.4
},
"border": {
"color": "text",
"width": 2,
"style": "solid"
}
},
"th": {
"font": "heading",
"size": 14,
"color": "text",
"bold": true,
"background": "E3F2FD",
"padding": 12,
"borderBottom": {
"color": "text",
"width": 2,
"style": "solid"
}
},
"td": {
"font": "body",
"size": 14,
"color": "text",
"padding": 12
},
"hr": {
"spacing": {
"before": 32,
"after": 32
},
"border": {
"color": "textSecondary",
"width": 2,
"style": "solid"
}
},
"img": {
"align": "left",
"spacing": {
"before": 20,
"after": 20
}
},
"del": {
"font": "body",
"strikethrough": true
},
"sup": {
"font": "body",
"size": 10,
"superScript": true
},
"sub": {
"font": "body",
"size": 10,
"subScript": true
},
"mark": {
"font": "body",
"background": "FFF9C4",
"color": "text"
},
"footnote": {
"font": "body",
"size": 12,
"color": "textSecondary",
"superScript": true
},
"footnoteRef": {
"font": "body",
"size": 12,
"color": "textSecondary",
"spacing": {
"before": 8,
"after": 8,
"line": 1.4
}
}
},
"page": {
"margins": {
"top": 72,
"bottom": 72,
"left": 72,
"right": 72
},
"columns": 1,
"header": true,
"footer": true
}
}

View File

@@ -0,0 +1,318 @@
{
"id": "emergency-room",
"name": "Emergency Room",
"category": "Healthcare",
"description": "High-urgency design for critical information. Uses international standard colors and high-legibility typefaces for maximum clarity in stressful environments.",
"vibe": "Urgent, High-Contrast, Critical",
"googleFontsImport": "https://fonts.googleapis.com/css2?family=Inter:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Public+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=JetBrains+Mono:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap",
"typography": {
"fonts": {
"heading": "Inter",
"body": "Public Sans",
"code": "JetBrains Mono"
},
"colors": {
"text": "212121",
"textSecondary": "37474F",
"background": "FFFFFF",
"accent": "D32F2F",
"border": "B71C1C",
"codeBg": "FFEBEE",
"blockquoteBorder": "D32F2F"
}
},
"elements": {
"h1": {
"font": "heading",
"size": 42,
"color": "accent",
"bold": true,
"align": "left",
"spacing": {
"before": 24,
"after": 12,
"line": 1.1
},
"allCaps": true,
"borderBottom": {
"color": "accent",
"width": 8,
"style": "solid"
}
,
"background": "FFEBEE",
"padding": 16
},
"h2": {
"font": "heading",
"size": 24,
"color": "212121",
"bold": true,
"align": "left",
"spacing": {
"before": 20,
"after": 10,
"line": 1.2
},
"background": "212121",
"color": "FFFFFF",
"padding": 8,
"allCaps": true
},
"h3": {
"font": "heading",
"size": 18,
"color": "accent",
"bold": true,
"align": "left",
"spacing": {
"before": 16,
"after": 8,
"line": 1.3
},
"borderLeft": {
"color": "accent",
"width": 8,
"style": "solid"
}
,
"padding": 8
},
"h4": {
"font": "heading",
"size": 16,
"color": "textSecondary",
"bold": true,
"align": "left",
"spacing": {
"before": 14,
"after": 6,
"line": 1.3
},
"allCaps": true
},
"h5": {
"font": "body",
"size": 14,
"color": "textSecondary",
"bold": true,
"align": "left",
"spacing": {
"before": 12,
"after": 6,
"line": 1.4
}
},
"h6": {
"font": "body",
"size": 12,
"color": "textSecondary",
"italic": true,
"align": "left",
"spacing": {
"before": 12,
"after": 6,
"line": 1.4
}
},
"p": {
"font": "body",
"size": 14,
"color": "text",
"align": "left",
"spacing": {
"before": 0,
"after": 12,
"line": 1.5
},
"weight": 500
},
"blockquote": {
"font": "heading",
"size": 14,
"color": "accent",
"bold": true,
"align": "center",
"spacing": {
"before": 16,
"after": 16,
"line": 1.4
},
"padding": 20,
"border": {
"color": "accent",
"width": 4,
"style": "solid"
},
"background": "FFEBEE"
},
"code": {
"font": "code",
"size": 12,
"color": "text",
"background": "codeBg",
"spacing": {
"before": 0,
"after": 0,
"line": 1.4
}
},
"pre": {
"font": "code",
"size": 12,
"color": "text",
"background": "codeBg",
"padding": 12,
"spacing": {
"before": 12,
"after": 12,
"line": 1.4
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"ul": {
"spacing": {
"before": 8,
"after": 8,
"line": 1.5
},
"indent": 24,
"bullet": "square"
},
"ol": {
"spacing": {
"before": 8,
"after": 8,
"line": 1.5
},
"indent": 24,
"numbering": "decimal"
},
"li": {
"font": "body",
"size": 14,
"color": "text",
"spacing": {
"before": 4,
"after": 4,
"line": 1.5
},
"bold": true
},
"strong": {
"font": "heading",
"bold": true,
"color": "accent"
},
"em": {
"font": "body",
"italic": true
},
"a": {
"font": "body",
"color": "0D47A1",
"underline": true,
"bold": true
},
"table": {
"spacing": {
"before": 16,
"after": 16,
"line": 1.3
},
"border": {
"color": "212121",
"width": 2,
"style": "solid"
}
},
"th": {
"font": "heading",
"size": 12,
"color": "FFFFFF",
"bold": true,
"background": "212121",
"padding": 10,
"allCaps": true
},
"td": {
"font": "body",
"size": 12,
"color": "212121",
"padding": 10,
"borderBottom": {
"color": "BDBDBD",
"width": 1,
"style": "solid"
}
},
"hr": {
"spacing": {
"before": 24,
"after": 24
},
"border": {
"color": "accent",
"width": 4,
"style": "double"
}
},
"img": {
"align": "center",
"spacing": {
"before": 16,
"after": 16
}
},
"del": {
"font": "body",
"strikethrough": true
},
"sup": {
"font": "body",
"size": 10,
"superScript": true
},
"sub": {
"font": "body",
"size": 10,
"subScript": true
},
"mark": {
"font": "body",
"background": "FFEA00",
"color": "text"
},
"footnote": {
"font": "body",
"size": 11,
"color": "textSecondary",
"superScript": true
},
"footnoteRef": {
"font": "body",
"size": 11,
"color": "textSecondary",
"spacing": {
"before": 6,
"after": 6,
"line": 1.3
}
}
},
"page": {
"margins": {
"top": 54,
"bottom": 54,
"left": 54,
"right": 54
},
"columns": 1,
"header": true,
"footer": true
}
}

View File

@@ -0,0 +1,306 @@
{
"id": "furniture-manual",
"name": "Furniture Manual",
"category": "Instructional",
"description": "Inspired by Swedish flat-pack instructions. Minimalist, mostly visual, with neutral sans-serif typography.",
"vibe": "Minimalist, Instructional, Neutral",
"googleFontsImport": "https://fonts.googleapis.com/css2?family=Inter:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Noto+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Roboto+Mono:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap",
"typography": {
"fonts": {
"heading": "Inter",
"body": "Noto Sans",
"code": "Roboto Mono"
},
"colors": {
"text": "111111",
"textSecondary": "666666",
"background": "FFFFFF",
"accent": "FF6D00",
"border": "E0E0E0",
"codeBg": "F5F5F5",
"blockquoteBorder": "111111"
}
},
"elements": {
"h1": {
"font": "heading",
"size": 32,
"color": "text",
"bold": true,
"align": "left",
"spacing": {
"before": 24,
"after": 12,
"line": 1.1
},
"allCaps": false
},
"h2": {
"font": "heading",
"size": 18,
"color": "text",
"bold": true,
"align": "left",
"spacing": {
"before": 20,
"after": 10,
"line": 1.2
},
"borderBottom": {
"color": "text",
"width": 2,
"style": "solid"
}
},
"h3": {
"font": "heading",
"size": 15,
"color": "textSecondary",
"bold": true,
"align": "left",
"spacing": {
"before": 16,
"after": 8,
"line": 1.2
}
},
"h4": {
"font": "body",
"size": 13,
"color": "text",
"bold": true,
"align": "left",
"spacing": {
"before": 12,
"after": 6,
"line": 1.3
},
"allCaps": true
},
"h5": {
"font": "body",
"size": 12,
"color": "textSecondary",
"bold": true,
"align": "left",
"spacing": {
"before": 10,
"after": 4,
"line": 1.3
}
},
"h6": {
"font": "body",
"size": 11,
"color": "textSecondary",
"italic": true,
"align": "left",
"spacing": {
"before": 10,
"after": 4,
"line": 1.3
}
},
"p": {
"font": "body",
"size": 13,
"color": "text",
"align": "left",
"spacing": {
"before": 0,
"after": 12,
"line": 1.5
},
"weight": 400
},
"blockquote": {
"font": "heading",
"size": 13,
"color": "text",
"align": "center",
"spacing": {
"before": 20,
"after": 20,
"line": 1.4
},
"padding": 24,
"border": {
"color": "text",
"width": 3,
"style": "solid"
},
"borderRadius": 50,
"background": "FFFFFF"
},
"code": {
"font": "code",
"size": 11,
"color": "text",
"background": "codeBg",
"spacing": {
"before": 0,
"after": 0,
"line": 1.4
}
},
"pre": {
"font": "code",
"size": 11,
"color": "text",
"background": "codeBg",
"padding": 12,
"spacing": {
"before": 12,
"after": 12,
"line": 1.4
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"ul": {
"spacing": {
"before": 12,
"after": 12,
"line": 1.5
},
"indent": 24,
"bullet": "square"
},
"ol": {
"spacing": {
"before": 12,
"after": 12,
"line": 1.5
},
"indent": 24,
"numbering": "decimal"
},
"li": {
"font": "body",
"size": 13,
"color": "text",
"spacing": {
"before": 4,
"after": 4,
"line": 1.5
}
},
"strong": {
"font": "heading",
"bold": true
},
"em": {
"font": "body",
"italic": true
},
"a": {
"font": "body",
"color": "accent",
"underline": true,
"bold": true
},
"table": {
"spacing": {
"before": 20,
"after": 20,
"line": 1.3
},
"border": {
"color": "border",
"width": 0,
"style": "none"
}
},
"th": {
"font": "heading",
"size": 12,
"color": "text",
"bold": true,
"background": "F5F5F5",
"padding": 12,
"borderBottom": {
"color": "text",
"width": 2,
"style": "solid"
}
},
"td": {
"font": "body",
"size": 13,
"color": "text",
"padding": 12,
"borderBottom": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"hr": {
"spacing": {
"before": 30,
"after": 30
},
"border": {
"color": "border",
"width": 2,
"style": "dashed"
}
},
"img": {
"align": "center",
"spacing": {
"before": 20,
"after": 20
}
},
"del": {
"font": "body",
"strikethrough": true
},
"sup": {
"font": "body",
"size": 10,
"superScript": true
},
"sub": {
"font": "body",
"size": 10,
"subScript": true
},
"mark": {
"font": "body",
"background": "FFCCBC",
"color": "text"
},
"footnote": {
"font": "body",
"size": 11,
"color": "textSecondary",
"superScript": true
},
"footnoteRef": {
"font": "body",
"size": 11,
"color": "textSecondary",
"spacing": {
"before": 6,
"after": 6,
"line": 1.3
}
}
},
"page": {
"margins": {
"top": 54,
"bottom": 54,
"left": 54,
"right": 54
},
"columns": 1,
"header": false,
"footer": true
}
}

View File

@@ -0,0 +1,314 @@
{
"id": "history-textbook",
"name": "History Textbook",
"category": "Academic",
"description": "Evocative of 18th-century treatises. Caslon-inspired serifs, deep margins, and a sense of gravity and time.",
"vibe": "Historical, Classic, Serif",
"googleFontsImport": "https://fonts.googleapis.com/css2?family=IM+Fell+English+SC:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Crimson+Text:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Metamorphous:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap",
"typography": {
"fonts": {
"heading": "IM Fell English SC",
"body": "Crimson Text",
"code": "Metamorphous"
},
"colors": {
"text": "2D241E",
"textSecondary": "4E342E",
"background": "FDFBF7",
"accent": "8D1C1C",
"border": "BCAAA4",
"codeBg": "F5F1E8",
"blockquoteBorder": "8D1C1C"
}
},
"elements": {
"h1": {
"font": "heading",
"size": 36,
"color": "text",
"bold": false,
"align": "center",
"spacing": {
"before": 36,
"after": 18,
"line": 1.0
},
"borderBottom": {
"color": "text",
"width": 1,
"style": "solid",
"space": 4
}
},
"h2": {
"font": "heading",
"size": 24,
"color": "accent",
"bold": false,
"align": "center",
"spacing": {
"before": 24,
"after": 12,
"line": 1.2
},
"italic": false
},
"h3": {
"font": "body",
"size": 18,
"color": "text",
"bold": true,
"align": "left",
"spacing": {
"before": 18,
"after": 9,
"line": 1.2
},
"italic": true
},
"h4": {
"font": "body",
"size": 14,
"color": "textSecondary",
"bold": true,
"align": "left",
"spacing": {
"before": 16,
"after": 8,
"line": 1.3
},
"allCaps": true
},
"h5": {
"font": "body",
"size": 12,
"color": "accent",
"bold": false,
"align": "left",
"spacing": {
"before": 12,
"after": 6,
"line": 1.4
},
"italic": true
},
"h6": {
"font": "body",
"size": 11,
"color": "textSecondary",
"italic": true,
"align": "left",
"spacing": {
"before": 12,
"after": 6,
"line": 1.4
}
},
"p": {
"font": "body",
"size": 13,
"color": "text",
"align": "justify",
"indent": 24,
"spacing": {
"before": 0,
"after": 0,
"line": 1.5
}
},
"blockquote": {
"font": "body",
"size": 12,
"color": "textSecondary",
"italic": true,
"align": "center",
"spacing": {
"before": 24,
"after": 24,
"line": 1.5
},
"padding": 20,
"borderTop": {
"color": "border",
"width": 1,
"style": "single"
},
"borderBottom": {
"color": "border",
"width": 1,
"style": "single"
},
"background": "codeBg"
},
"code": {
"font": "code",
"size": 11,
"color": "text",
"background": "codeBg",
"spacing": {
"before": 0,
"after": 0,
"line": 1.3
}
},
"pre": {
"font": "code",
"size": 10,
"color": "text",
"background": "codeBg",
"padding": 12,
"spacing": {
"before": 12,
"after": 12,
"line": 1.4
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"ul": {
"spacing": {
"before": 12,
"after": 12,
"line": 1.5
},
"indent": 36,
"bullet": "disc"
},
"ol": {
"spacing": {
"before": 12,
"after": 12,
"line": 1.5
},
"indent": 36,
"numbering": "decimal"
},
"li": {
"font": "body",
"size": 13,
"color": "text",
"spacing": {
"before": 0,
"after": 0,
"line": 1.5
}
},
"strong": {
"font": "body",
"bold": true
},
"em": {
"font": "body",
"italic": true
},
"a": {
"font": "body",
"color": "accent",
"underline": true,
"italic": true
},
"table": {
"spacing": {
"before": 18,
"after": 18,
"line": 1.2
},
"borderTop": {
"color": "text",
"width": 2,
"style": "double"
},
"borderBottom": {
"color": "text",
"width": 2,
"style": "double"
}
},
"th": {
"font": "heading",
"size": 11,
"color": "text",
"bold": false,
"background": "F5F1E8",
"padding": 8,
"borderBottom": {
"color": "text",
"width": 1,
"style": "single"
}
},
"td": {
"font": "body",
"size": 12,
"color": "text",
"padding": 8
},
"hr": {
"spacing": {
"before": 36,
"after": 36
},
"border": {
"color": "text",
"width": 1,
"style": "solid"
}
},
"img": {
"align": "center",
"spacing": {
"before": 24,
"after": 24
}
},
"del": {
"font": "body",
"strikethrough": true
},
"sup": {
"font": "body",
"size": 9,
"superScript": true
},
"sub": {
"font": "body",
"size": 9,
"subScript": true
},
"mark": {
"font": "body",
"background": "E6DOD3",
"color": "text"
},
"footnote": {
"font": "body",
"size": 10,
"color": "textSecondary",
"superScript": true
},
"footnoteRef": {
"font": "body",
"size": 10,
"color": "textSecondary",
"spacing": {
"before": 6,
"after": 6,
"line": 1.2
}
}
},
"page": {
"margins": {
"top": 90,
"bottom": 90,
"left": 90,
"right": 90
},
"columns": 1,
"header": true,
"footer": true
}
}

View File

@@ -0,0 +1,307 @@
{
"id": "kids-education",
"name": "Kids Education",
"category": "Education",
"description": "Playful, colorful, and big. Great for worksheets, stories, and classroom activities. Sticker-book aesthetic.",
"vibe": "Playful, Colorful, Fun",
"googleFontsImport": "https://fonts.googleapis.com/css2?family=Fredoka+One:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Comic+Neue:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Kosugi+Maru:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap",
"typography": {
"fonts": {
"heading": "Fredoka One",
"body": "Comic Neue",
"code": "Kosugi Maru"
},
"colors": {
"text": "2C3E50",
"textSecondary": "5D4037",
"background": "FFFDF5",
"accent": "FF6B6B",
"border": "4ECDC4",
"codeBg": "FFE66D",
"blockquoteBorder": "FF6B6B"
}
},
"elements": {
"h1": {
"font": "heading",
"size": 42,
"color": "accent",
"bold": false,
"align": "center",
"spacing": {
"before": 32,
"after": 16,
"line": 1.1
},
"background": "FFF9C4",
"padding": 16,
"borderRadius": 20,
"border": {
"color": "border",
"width": 4,
"style": "dashed"
}
},
"h2": {
"font": "heading",
"size": 28,
"color": "4ECDC4",
"bold": false,
"align": "left",
"spacing": {
"before": 24,
"after": 12,
"line": 1.2
},
"allCaps": true
},
"h3": {
"font": "heading",
"size": 22,
"color": "textSecondary",
"bold": false,
"align": "left",
"spacing": {
"before": 20,
"after": 10,
"line": 1.2
}
},
"h4": {
"font": "heading",
"size": 18,
"color": "text",
"bold": false,
"align": "left",
"spacing": {
"before": 16,
"after": 8,
"line": 1.3
},
"background": "F0F0F0",
"padding": 8,
"borderRadius": 10
},
"h5": {
"font": "heading",
"size": 16,
"color": "accent",
"bold": false,
"align": "left",
"spacing": {
"before": 14,
"after": 6,
"line": 1.3
}
},
"h6": {
"font": "body",
"size": 14,
"color": "textSecondary",
"italic": true,
"align": "left",
"spacing": {
"before": 14,
"after": 6,
"line": 1.3
}
},
"p": {
"font": "body",
"size": 16,
"color": "text",
"align": "left",
"spacing": {
"before": 0,
"after": 12,
"line": 1.6
},
"weight": 700
},
"blockquote": {
"font": "body",
"size": 16,
"color": "text",
"italic": true,
"align": "center",
"spacing": {
"before": 20,
"after": 20,
"line": 1.5
},
"padding": 20,
"border": {
"color": "blockquoteBorder",
"width": 4,
"style": "dotted"
},
"background": "E0F2F1",
"borderRadius": 16
},
"code": {
"font": "code",
"size": 14,
"color": "text",
"background": "codeBg",
"spacing": {
"before": 0,
"after": 0,
"line": 1.4
}
},
"pre": {
"font": "code",
"size": 14,
"color": "text",
"background": "codeBg",
"padding": 16,
"spacing": {
"before": 16,
"after": 16,
"line": 1.4
},
"border": {
"color": "text",
"width": 3,
"style": "solid"
},
"borderRadius": 12
},
"ul": {
"spacing": {
"before": 12,
"after": 12,
"line": 1.6
},
"indent": 32,
"bullet": "circle"
},
"ol": {
"spacing": {
"before": 12,
"after": 12,
"line": 1.6
},
"indent": 32,
"numbering": "decimal"
},
"li": {
"font": "body",
"size": 16,
"color": "text",
"spacing": {
"before": 4,
"after": 4,
"line": 1.6
}
},
"strong": {
"font": "heading",
"bold": false
},
"em": {
"font": "body",
"italic": true
},
"a": {
"font": "heading",
"color": "accent",
"underline": true
},
"table": {
"spacing": {
"before": 20,
"after": 20,
"line": 1.3
},
"border": {
"color": "text",
"width": 3,
"style": "solid"
}
},
"th": {
"font": "heading",
"size": 16,
"color": "text",
"bold": false,
"background": "4ECDC4",
"padding": 12,
"borderBottom": {
"color": "text",
"width": 3,
"style": "solid"
}
},
"td": {
"font": "body",
"size": 16,
"color": "text",
"padding": 12
},
"hr": {
"spacing": {
"before": 24,
"after": 24
},
"border": {
"color": "border",
"width": 4,
"style": "dashed"
}
},
"img": {
"align": "center",
"spacing": {
"before": 16,
"after": 16
}
},
"del": {
"font": "body",
"strikethrough": true
},
"sup": {
"font": "body",
"size": 12,
"superScript": true
},
"sub": {
"font": "body",
"size": 12,
"subScript": true
},
"mark": {
"font": "body",
"background": "FFE66D",
"color": "text"
},
"footnote": {
"font": "body",
"size": 12,
"color": "textSecondary",
"superScript": true
},
"footnoteRef": {
"font": "body",
"size": 12,
"color": "textSecondary",
"spacing": {
"before": 6,
"after": 6,
"line": 1.3
}
}
},
"page": {
"margins": {
"top": 54,
"bottom": 54,
"left": 54,
"right": 54
},
"columns": 1,
"header": true,
"footer": true
}
}

View File

@@ -0,0 +1,296 @@
{
"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:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Noticia+Text:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap",
"typography": {
"fonts": {
"heading": "Domine",
"body": "Noticia Text",
"code": "Domine"
},
"colors": {
"text": "000000",
"textSecondary": "333333",
"background": "FFFFFF",
"accent": "000000",
"border": "CCCCCC",
"codeBg": "F5F5F5",
"blockquoteBorder": "000000"
}
},
"elements": {
"h1": {
"font": "heading",
"size": 24,
"color": "text",
"bold": true,
"align": "center",
"spacing": {
"before": 20,
"after": 12,
"line": 1.2
}
},
"h2": {
"font": "heading",
"size": 14,
"color": "text",
"bold": true,
"align": "left",
"spacing": {
"before": 16,
"after": 8,
"line": 1.2
}
},
"h3": {
"font": "heading",
"size": 12,
"color": "text",
"bold": true,
"italic": false,
"align": "left",
"spacing": {
"before": 12,
"after": 6,
"line": 1.2
}
},
"h4": {
"font": "heading",
"size": 11,
"color": "textSecondary",
"bold": true,
"align": "left",
"spacing": {
"before": 10,
"after": 5,
"line": 1.2
}
},
"h5": {
"font": "heading",
"size": 10,
"color": "textSecondary",
"bold": true,
"italic": true,
"align": "left",
"spacing": {
"before": 8,
"after": 4,
"line": 1.2
}
},
"h6": {
"font": "heading",
"size": 10,
"color": "textSecondary",
"bold": false,
"italic": true,
"align": "left",
"spacing": {
"before": 8,
"after": 4,
"line": 1.2
}
},
"p": {
"font": "body",
"size": 11,
"color": "212121",
"align": "justify",
"spacing": {
"before": 0,
"after": 8,
"line": 1.6
}
},
"blockquote": {
"font": "body",
"size": 10,
"color": "textSecondary",
"italic": true,
"align": "left",
"spacing": {
"before": 12,
"after": 12,
"line": 1.5
},
"padding": 10,
"borderLeft": {
"color": "blockquoteBorder",
"width": 3,
"style": "solid"
},
"background": "codeBg"
},
"code": {
"font": "code",
"size": 9.5,
"color": "text",
"background": "codeBg",
"spacing": {
"before": 0,
"after": 0,
"line": 1.4
}
},
"pre": {
"font": "code",
"size": 9,
"color": "text",
"background": "codeBg",
"spacing": {
"before": 10,
"after": 10,
"line": 1.4
},
"padding": 12,
"border": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"ul": {
"spacing": {
"before": 6,
"after": 6,
"line": 1.5
},
"indent": 20,
"bullet": "disc"
},
"ol": {
"spacing": {
"before": 6,
"after": 6,
"line": 1.5
},
"indent": 20,
"numbering": "decimal"
},
"li": {
"font": "body",
"size": 11,
"color": "212121",
"spacing": {
"before": 2,
"after": 2,
"line": 1.5
}
},
"strong": {
"font": "body",
"bold": true
},
"em": {
"font": "body",
"italic": true
},
"a": {
"font": "body",
"color": "accent",
"underline": true
},
"table": {
"spacing": {
"before": 10,
"after": 10,
"line": 1.2
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"th": {
"font": "heading",
"size": 10,
"color": "text",
"bold": true,
"background": "F0F0F0",
"padding": 8
},
"td": {
"font": "body",
"size": 10,
"color": "212121",
"padding": 8
},
"hr": {
"border": {
"color": "accent",
"width": 1,
"style": "solid"
},
"spacing": {
"before": 12,
"after": 12
}
},
"img": {
"align": "center",
"spacing": {
"before": 10,
"after": 10
}
},
"_comment_del": "~~strikethrough~~ - deleted text",
"del": {
"strikethrough": true,
"font": "body"
},
"_comment_sup": "^superscript^ - superscript text",
"sup": {
"font": "body",
"size": 8,
"superScript": true
},
"sub": {
"font": "body",
"size": 8,
"subScript": true
},
"_comment_sub": "~subscript~ - subscript text",
"_comment_mark": "==highlighted text== - marked/highlighted text",
"mark": {
"font": "body",
"color": "FFFFFF",
"background": "accent"
},
"footnote": {
"font": "body",
"color": "textSecondary",
"size": 9,
"superScript": true
},
"_comment_footnote": "[^1] - footnote references",
"footnoteRef": {
"font": "body",
"color": "textSecondary",
"spacing": {
"line": 1.2,
"before": 6,
"after": 6
},
"size": 9
},
"_comment_footnote_ref": "Footnote content at bottom of page"
},
"page": {
"margins": {
"top": 72,
"bottom": 72,
"left": 72,
"right": 72
},
"columns": 1,
"header": false,
"footer": true
}
}

View File

@@ -0,0 +1,311 @@
{
"id": "medical-professional",
"name": "Medical Professional",
"category": "Healthcare",
"description": "Clean, trustworthy clinical design. Optimized for patient charts, reports, and professional correspondence.",
"vibe": "Clinical, Trustworthy, Modern",
"googleFontsImport": "https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Source+Sans+3:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Fira+Code:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap",
"typography": {
"fonts": {
"heading": "Lato",
"body": "Source Sans 3",
"code": "Fira Code"
},
"colors": {
"text": "263238",
"textSecondary": "546E7A",
"background": "FFFFFF",
"accent": "00897B",
"border": "CFD8DC",
"codeBg": "ECEFF1",
"blockquoteBorder": "00897B"
}
},
"elements": {
"h1": {
"font": "heading",
"size": 28,
"color": "263238",
"bold": true,
"align": "left",
"spacing": {
"before": 24,
"after": 12,
"line": 1.2
},
"borderBottom": {
"color": "accent",
"width": 2,
"style": "solid"
}
,
"padding": 0
},
"h2": {
"font": "heading",
"size": 20,
"color": "accent",
"bold": true,
"align": "left",
"spacing": {
"before": 20,
"after": 8,
"line": 1.2
},
"background": "E0F2F1",
"padding": 8,
"borderRadius": 4
},
"h3": {
"font": "heading",
"size": 16,
"color": "textSecondary",
"bold": true,
"align": "left",
"spacing": {
"before": 16,
"after": 6,
"line": 1.2
},
"allCaps": true,
"letterSpacing": 1.0
},
"h4": {
"font": "body",
"size": 14,
"color": "text",
"bold": true,
"align": "left",
"spacing": {
"before": 12,
"after": 4,
"line": 1.3
}
},
"h5": {
"font": "body",
"size": 12,
"color": "textSecondary",
"bold": true,
"align": "left",
"spacing": {
"before": 10,
"after": 4,
"line": 1.3
},
"allCaps": true
},
"h6": {
"font": "body",
"size": 11,
"color": "textSecondary",
"italic": true,
"align": "left",
"spacing": {
"before": 10,
"after": 4,
"line": 1.3
}
},
"p": {
"font": "body",
"size": 12,
"color": "text",
"align": "left",
"spacing": {
"before": 0,
"after": 10,
"line": 1.5
}
},
"blockquote": {
"font": "body",
"size": 12,
"color": "textSecondary",
"italic": true,
"align": "left",
"spacing": {
"before": 16,
"after": 16,
"line": 1.5
},
"padding": 16,
"borderLeft": {
"color": "accent",
"width": 4,
"style": "solid"
},
"background": "F5F7F8"
},
"code": {
"font": "code",
"size": 10,
"color": "text",
"background": "codeBg",
"spacing": {
"before": 0,
"after": 0,
"line": 1.4
}
},
"pre": {
"font": "code",
"size": 10,
"color": "text",
"background": "codeBg",
"padding": 12,
"spacing": {
"before": 12,
"after": 12,
"line": 1.4
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
},
"borderRadius": 4
},
"ul": {
"spacing": {
"before": 8,
"after": 8,
"line": 1.5
},
"indent": 20,
"bullet": "disc"
},
"ol": {
"spacing": {
"before": 8,
"after": 8,
"line": 1.5
},
"indent": 20,
"numbering": "decimal"
},
"li": {
"font": "body",
"size": 12,
"color": "text",
"spacing": {
"before": 2,
"after": 2,
"line": 1.5
}
},
"strong": {
"font": "body",
"bold": true
},
"em": {
"font": "body",
"italic": true
},
"a": {
"font": "body",
"color": "0277BD",
"underline": false
},
"table": {
"spacing": {
"before": 16,
"after": 16,
"line": 1.3
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"th": {
"font": "heading",
"size": 11,
"color": "text",
"bold": true,
"background": "CFD8DC",
"padding": 8,
"borderBottom": {
"color": "textSecondary",
"width": 1,
"style": "solid"
}
},
"td": {
"font": "body",
"size": 11,
"color": "text",
"padding": 8,
"borderBottom": {
"color": "ECEFF1",
"width": 1,
"style": "solid"
}
},
"hr": {
"spacing": {
"before": 20,
"after": 20
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"img": {
"align": "left",
"spacing": {
"before": 12,
"after": 12
}
},
"del": {
"font": "body",
"strikethrough": true
},
"sup": {
"font": "body",
"size": 9,
"superScript": true
},
"sub": {
"font": "body",
"size": 9,
"subScript": true
},
"mark": {
"font": "body",
"background": "E0F2F1",
"color": "text"
},
"footnote": {
"font": "body",
"size": 10,
"color": "textSecondary",
"superScript": true
},
"footnoteRef": {
"font": "body",
"size": 10,
"color": "textSecondary",
"spacing": {
"before": 6,
"after": 6,
"line": 1.3
}
}
},
"page": {
"margins": {
"top": 72,
"bottom": 72,
"left": 72,
"right": 72
},
"columns": 1,
"header": true,
"footer": true
}
}

View File

@@ -0,0 +1,289 @@
{
"id": "phd-thesis",
"name": "PhD Thesis",
"category": "Academic",
"description": "The gold standard for dissertation submissions. Meets strict university requirements: double spacing, wide binding margins, and classic serif composition.",
"vibe": "Formal, Conservative, Standard",
"googleFontsImport": "https://fonts.googleapis.com/css2?family=Tinos:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Arimo:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap",
"typography": {
"fonts": {
"heading": "Tinos",
"body": "Tinos",
"code": "Arimo"
},
"colors": {
"text": "000000",
"textSecondary": "333333",
"background": "FFFFFF",
"accent": "000000",
"border": "666666",
"codeBg": "F5F5F5",
"blockquoteBorder": "333333"
}
},
"elements": {
"h1": {
"font": "heading",
"size": 16,
"color": "text",
"bold": true,
"align": "center",
"allCaps": true,
"spacing": {
"before": 72,
"after": 24,
"line": 2.0
}
},
"h2": {
"font": "heading",
"size": 14,
"color": "text",
"bold": true,
"align": "left",
"spacing": {
"before": 24,
"after": 12,
"line": 2.0
}
},
"h3": {
"font": "heading",
"size": 12,
"color": "text",
"bold": true,
"align": "left",
"spacing": {
"before": 18,
"after": 6,
"line": 2.0
}
},
"h4": {
"font": "heading",
"size": 12,
"color": "text",
"bold": true,
"italic": true,
"align": "left",
"spacing": {
"before": 18,
"after": 6,
"line": 2.0
}
},
"h5": {
"font": "heading",
"size": 12,
"color": "text",
"italic": true,
"align": "left",
"spacing": {
"before": 12,
"after": 6,
"line": 2.0
}
},
"h6": {
"font": "heading",
"size": 11,
"color": "textSecondary",
"italic": true,
"align": "left",
"spacing": {
"before": 12,
"after": 6,
"line": 2.0
}
},
"p": {
"font": "body",
"size": 12,
"color": "text",
"align": "left",
"indent": 36,
"spacing": {
"before": 0,
"after": 0,
"line": 2.0
}
},
"blockquote": {
"font": "body",
"size": 11,
"color": "text",
"italic": false,
"align": "left",
"spacing": {
"before": 12,
"after": 12,
"line": 1.0
},
"indent": 36,
"padding": 0
},
"code": {
"font": "code",
"size": 10,
"color": "text",
"background": "codeBg",
"spacing": {
"before": 0,
"after": 0,
"line": 1.2
}
},
"pre": {
"font": "code",
"size": 10,
"color": "text",
"background": "codeBg",
"padding": 12,
"spacing": {
"before": 12,
"after": 12,
"line": 1.2
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"ul": {
"spacing": {
"before": 12,
"after": 12,
"line": 2.0
},
"indent": 36,
"bullet": "disc"
},
"ol": {
"spacing": {
"before": 12,
"after": 12,
"line": 2.0
},
"indent": 36,
"numbering": "decimal"
},
"li": {
"font": "body",
"size": 12,
"color": "text",
"spacing": {
"before": 0,
"after": 0,
"line": 2.0
}
},
"strong": {
"font": "body",
"bold": true
},
"em": {
"font": "body",
"italic": true
},
"a": {
"font": "body",
"color": "text",
"underline": true
},
"table": {
"spacing": {
"before": 18,
"after": 18,
"line": 1.2
},
"border": {
"color": "text",
"width": 1,
"style": "solid"
}
},
"th": {
"font": "heading",
"size": 11,
"color": "text",
"bold": true,
"padding": 6,
"borderBottom": {
"color": "text",
"width": 1,
"style": "solid"
}
},
"td": {
"font": "body",
"size": 11,
"color": "text",
"padding": 6
},
"hr": {
"spacing": {
"before": 24,
"after": 24
},
"border": {
"color": "text",
"width": 1,
"style": "solid"
}
},
"img": {
"align": "center",
"spacing": {
"before": 18,
"after": 18
}
},
"del": {
"font": "body",
"strikethrough": true
},
"sup": {
"font": "body",
"size": 9,
"superScript": true
},
"sub": {
"font": "body",
"size": 9,
"subScript": true
},
"mark": {
"font": "body",
"background": "border",
"color": "text"
},
"footnote": {
"font": "body",
"size": 10,
"color": "text",
"superScript": true
},
"footnoteRef": {
"font": "body",
"size": 10,
"color": "text",
"spacing": {
"before": 6,
"after": 6,
"line": 1.0
}
}
},
"page": {
"margins": {
"top": 72,
"bottom": 72,
"left": 108,
"right": 72
},
"columns": 1,
"header": false,
"footer": true
}
}

View File

@@ -0,0 +1,300 @@
{
"id": "research-paper",
"name": "Research Paper",
"category": "Academic",
"description": "Clean, functional design inspired by scientific preprints (LaTeX/arXiv). Geometric headings paired with high-readability body text.",
"vibe": "Scientific, Modern, Functional",
"googleFontsImport": "https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Crimson+Pro:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Fira+Code:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap",
"typography": {
"fonts": {
"heading": "Montserrat",
"body": "Crimson Pro",
"code": "Fira Code"
},
"colors": {
"text": "111827",
"textSecondary": "4B5563",
"background": "FFFFFF",
"accent": "2563EB",
"border": "E5E7EB",
"codeBg": "F3F4F6",
"blockquoteBorder": "2563EB"
}
},
"elements": {
"h1": {
"font": "heading",
"size": 26,
"color": "text",
"bold": true,
"align": "left",
"spacing": {
"before": 30,
"after": 15,
"line": 1.2
}
},
"h2": {
"font": "heading",
"size": 16,
"color": "text",
"bold": true,
"align": "left",
"spacing": {
"before": 24,
"after": 12,
"line": 1.25
},
"allCaps": true,
"borderBottom": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"h3": {
"font": "heading",
"size": 14,
"color": "text",
"bold": true,
"align": "left",
"spacing": {
"before": 18,
"after": 9,
"line": 1.3
}
},
"h4": {
"font": "heading",
"size": 12,
"color": "text",
"bold": true,
"align": "left",
"spacing": {
"before": 16,
"after": 8,
"line": 1.3
}
},
"h5": {
"font": "heading",
"size": 11,
"color": "textSecondary",
"bold": true,
"align": "left",
"spacing": {
"before": 12,
"after": 6,
"line": 1.4
}
},
"h6": {
"font": "heading",
"size": 10,
"color": "textSecondary",
"bold": true,
"align": "left",
"allCaps": true,
"spacing": {
"before": 12,
"after": 6,
"line": 1.4
}
},
"p": {
"font": "body",
"size": 11,
"color": "text",
"align": "justify",
"spacing": {
"before": 0,
"after": 10,
"line": 1.6
}
},
"blockquote": {
"font": "body",
"size": 11,
"color": "textSecondary",
"italic": true,
"align": "left",
"spacing": {
"before": 12,
"after": 12,
"line": 1.6
},
"indent": 24,
"borderLeft": {
"color": "accent",
"width": 4,
"style": "solid"
},
"background": "F9FAFB",
"padding": 12
},
"code": {
"font": "code",
"size": 9.5,
"color": "text",
"background": "codeBg",
"spacing": {
"before": 0,
"after": 0,
"line": 1.4
}
},
"pre": {
"font": "code",
"size": 9,
"color": "text",
"background": "codeBg",
"padding": 12,
"spacing": {
"before": 12,
"after": 12,
"line": 1.4
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"ul": {
"spacing": {
"before": 10,
"after": 10,
"line": 1.6
},
"indent": 24,
"bullet": "disc"
},
"ol": {
"spacing": {
"before": 10,
"after": 10,
"line": 1.6
},
"indent": 24,
"numbering": "decimal"
},
"li": {
"font": "body",
"size": 11,
"color": "text",
"spacing": {
"before": 0,
"after": 0,
"line": 1.6
}
},
"strong": {
"font": "body",
"bold": true
},
"em": {
"font": "body",
"italic": true
},
"a": {
"font": "body",
"color": "accent",
"underline": true
},
"table": {
"spacing": {
"before": 18,
"after": 18,
"line": 1.2
},
"border": {
"color": "text",
"width": 1,
"style": "solid"
}
},
"th": {
"font": "heading",
"size": 10,
"color": "text",
"bold": true,
"background": "F3F4F6",
"padding": 8,
"borderBottom": {
"color": "text",
"width": 1,
"style": "solid"
}
},
"td": {
"font": "body",
"size": 10,
"color": "text",
"padding": 8
},
"hr": {
"spacing": {
"before": 24,
"after": 24
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"img": {
"align": "center",
"spacing": {
"before": 18,
"after": 18
}
},
"del": {
"font": "body",
"strikethrough": true
},
"sup": {
"font": "body",
"size": 8,
"superScript": true
},
"sub": {
"font": "body",
"size": 8,
"subScript": true
},
"mark": {
"font": "body",
"background": "DBEAFE",
"color": "text"
},
"footnote": {
"font": "body",
"size": 9,
"color": "textSecondary",
"superScript": true
},
"footnoteRef": {
"font": "body",
"size": 9,
"color": "textSecondary",
"spacing": {
"before": 6,
"after": 6,
"line": 1.2
}
}
},
"page": {
"margins": {
"top": 72,
"bottom": 72,
"left": 72,
"right": 72
},
"columns": 1,
"header": false,
"footer": true
}
}

View File

@@ -0,0 +1,313 @@
{
"id": "scantron-test",
"name": "Scantron Test",
"category": "Academic",
"description": "Optical Machine Reading (OMR) aesthetic. Monospaced clarity combined with bubble-sheet layout elements.",
"vibe": "Technical, Retro, Bureaucratic",
"googleFontsImport": "https://fonts.googleapis.com/css2?family=Courier+Prime:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Space+Mono:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap",
"typography": {
"fonts": {
"heading": "Courier Prime",
"body": "Space Mono",
"code": "Space Mono"
},
"colors": {
"text": "1B5E20",
"textSecondary": "33691E",
"background": "FFFDE7",
"accent": "D81B60",
"border": "A5D6A7",
"codeBg": "F1F8E9",
"blockquoteBorder": "1B5E20"
}
},
"elements": {
"h1": {
"font": "heading",
"size": 24,
"color": "text",
"bold": true,
"align": "left",
"spacing": {
"before": 20,
"after": 10,
"line": 1.2
},
"allCaps": true,
"borderBottom": {
"color": "text",
"width": 1,
"style": "dashed"
},
"letterSpacing": 2
},
"h2": {
"font": "body",
"size": 16,
"color": "textSecondary",
"bold": true,
"align": "left",
"spacing": {
"before": 16,
"after": 8,
"line": 1.2
},
"background": "E8F5E9",
"padding": 6,
"border": {
"color": "text",
"width": 1,
"style": "solid"
}
},
"h3": {
"font": "heading",
"size": 14,
"color": "text",
"bold": true,
"align": "left",
"spacing": {
"before": 12,
"after": 6,
"line": 1.2
}
},
"h4": {
"font": "body",
"size": 12,
"color": "textSecondary",
"bold": true,
"align": "left",
"spacing": {
"before": 10,
"after": 4,
"line": 1.3
}
},
"h5": {
"font": "body",
"size": 12,
"color": "textSecondary",
"bold": false,
"align": "left",
"spacing": {
"before": 10,
"after": 4,
"line": 1.3
},
"allCaps": true
},
"h6": {
"font": "body",
"size": 10,
"color": "textSecondary",
"italic": true,
"align": "left",
"spacing": {
"before": 10,
"after": 4,
"line": 1.3
}
},
"p": {
"font": "body",
"size": 12,
"color": "text",
"align": "left",
"spacing": {
"before": 0,
"after": 10,
"line": 1.5
},
"weight": 400
},
"blockquote": {
"font": "heading",
"size": 12,
"color": "text",
"align": "left",
"spacing": {
"before": 16,
"after": 16,
"line": 1.5
},
"padding": 20,
"border": {
"color": "text",
"width": 1,
"style": "dotted"
},
"background": "FFFFFF",
"borderRadius": 50
},
"code": {
"font": "code",
"size": 10,
"color": "text",
"background": "codeBg",
"spacing": {
"before": 0,
"after": 0,
"line": 1.4
}
},
"pre": {
"font": "code",
"size": 10,
"color": "text",
"background": "codeBg",
"padding": 12,
"spacing": {
"before": 12,
"after": 12,
"line": 1.4
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"ul": {
"spacing": {
"before": 10,
"after": 10,
"line": 1.5
},
"indent": 20,
"bullet": "circle"
},
"ol": {
"spacing": {
"before": 10,
"after": 10,
"line": 1.5
},
"indent": 20,
"numbering": "decimal"
},
"li": {
"font": "body",
"size": 12,
"color": "text",
"spacing": {
"before": 2,
"after": 2,
"line": 1.5
}
},
"strong": {
"font": "heading",
"bold": true
},
"em": {
"font": "body",
"italic": true
},
"a": {
"font": "heading",
"color": "accent",
"underline": true
},
"table": {
"spacing": {
"before": 12,
"after": 12,
"line": 1.2
},
"border": {
"color": "text",
"width": 1,
"style": "solid"
}
},
"th": {
"font": "heading",
"size": 11,
"color": "text",
"bold": true,
"background": "C8E6C9",
"padding": 8,
"borderBottom": {
"color": "text",
"width": 1,
"style": "solid"
}
},
"td": {
"font": "body",
"size": 11,
"color": "text",
"padding": 8,
"borderRight": {
"color": "border",
"width": 1,
"style": "dashed"
}
},
"hr": {
"spacing": {
"before": 20,
"after": 20
},
"border": {
"color": "text",
"width": 1,
"style": "dashed"
}
},
"img": {
"align": "left",
"spacing": {
"before": 12,
"after": 12
}
},
"del": {
"font": "body",
"strikethrough": true
},
"sup": {
"font": "body",
"size": 9,
"superScript": true
},
"sub": {
"font": "body",
"size": 9,
"subScript": true
},
"mark": {
"font": "body",
"background": "FFCDD2",
"color": "text"
},
"footnote": {
"font": "body",
"size": 10,
"color": "textSecondary",
"superScript": true
},
"footnoteRef": {
"font": "body",
"size": 10,
"color": "textSecondary",
"spacing": {
"before": 6,
"after": 6,
"line": 1.3
}
}
},
"page": {
"margins": {
"top": 54,
"bottom": 54,
"left": 54,
"right": 54
},
"columns": 1,
"header": true,
"footer": true
}
}

View File

@@ -0,0 +1,298 @@
{
"id": "scientific-journal",
"name": "Scientific Journal",
"category": "Academic",
"description": "Data-first design emphasizing clarity, hierarchy, and density. Optimized for papers with complex figures and tables.",
"vibe": "Scientific, Precise, Modern",
"googleFontsImport": "https://fonts.googleapis.com/css2?family=Source+Sans+3:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Merriweather:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Fira+Mono:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap",
"typography": {
"fonts": {
"heading": "Source Sans 3",
"body": "Merriweather",
"code": "Fira Mono"
},
"colors": {
"text": "222222",
"textSecondary": "555555",
"background": "FFFFFF",
"accent": "0056D2",
"border": "DDDDDD",
"codeBg": "F7F9FA",
"blockquoteBorder": "0056D2"
}
},
"elements": {
"h1": {
"font": "heading",
"size": 24,
"color": "text",
"bold": true,
"align": "left",
"spacing": {
"before": 24,
"after": 12,
"line": 1.2
}
},
"h2": {
"font": "heading",
"size": 18,
"color": "accent",
"bold": true,
"align": "left",
"spacing": {
"before": 20,
"after": 10,
"line": 1.25
}
},
"h3": {
"font": "heading",
"size": 14,
"color": "text",
"bold": true,
"align": "left",
"spacing": {
"before": 16,
"after": 8,
"line": 1.3
}
},
"h4": {
"font": "heading",
"size": 12,
"color": "textSecondary",
"bold": true,
"align": "left",
"allCaps": true,
"spacing": {
"before": 12,
"after": 6,
"line": 1.3
}
},
"h5": {
"font": "body",
"size": 11,
"color": "text",
"bold": true,
"align": "left",
"spacing": {
"before": 10,
"after": 5,
"line": 1.4
}
},
"h6": {
"font": "body",
"size": 10,
"color": "textSecondary",
"italic": true,
"align": "left",
"spacing": {
"before": 8,
"after": 4,
"line": 1.4
}
},
"p": {
"font": "body",
"size": 10.5,
"color": "text",
"align": "justify",
"spacing": {
"before": 0,
"after": 8,
"line": 1.6
}
},
"blockquote": {
"font": "body",
"size": 10,
"color": "textSecondary",
"italic": true,
"align": "left",
"spacing": {
"before": 12,
"after": 12,
"line": 1.5
},
"indent": 18,
"borderLeft": {
"color": "accent",
"width": 3,
"style": "solid"
}
},
"code": {
"font": "code",
"size": 9,
"color": "text",
"background": "codeBg",
"spacing": {
"before": 0,
"after": 0,
"line": 1.3
}
},
"pre": {
"font": "code",
"size": 9,
"color": "text",
"background": "codeBg",
"padding": 10,
"spacing": {
"before": 12,
"after": 12,
"line": 1.3
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"ul": {
"spacing": {
"before": 8,
"after": 8,
"line": 1.5
},
"indent": 20,
"bullet": "square"
},
"ol": {
"spacing": {
"before": 8,
"after": 8,
"line": 1.5
},
"indent": 20,
"numbering": "decimal"
},
"li": {
"font": "body",
"size": 10.5,
"color": "text",
"spacing": {
"before": 0,
"after": 0,
"line": 1.5
}
},
"strong": {
"font": "body",
"bold": true
},
"em": {
"font": "body",
"italic": true
},
"a": {
"font": "heading",
"color": "accent",
"underline": false,
"bold": true
},
"table": {
"spacing": {
"before": 12,
"after": 12,
"line": 1.2
},
"borderTop": {
"color": "text",
"width": 1.5,
"style": "solid"
},
"borderBottom": {
"color": "text",
"width": 1.5,
"style": "solid"
}
},
"th": {
"font": "heading",
"size": 9.5,
"color": "text",
"bold": true,
"background": "F0F2F5",
"padding": 6,
"borderBottom": {
"color": "text",
"width": 1,
"style": "solid"
}
},
"td": {
"font": "body",
"size": 9.5,
"color": "text",
"padding": 6
},
"hr": {
"spacing": {
"before": 18,
"after": 18
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"img": {
"align": "center",
"spacing": {
"before": 12,
"after": 12
}
},
"del": {
"font": "body",
"strikethrough": true
},
"sup": {
"font": "heading",
"size": 7,
"superScript": true
},
"sub": {
"font": "heading",
"size": 7,
"subScript": true
},
"mark": {
"font": "body",
"background": "E1F5FE",
"color": "text"
},
"footnote": {
"font": "body",
"size": 9,
"color": "textSecondary",
"superScript": true
},
"footnoteRef": {
"font": "body",
"size": 9,
"color": "textSecondary",
"spacing": {
"before": 4,
"after": 4,
"line": 1.2
}
}
},
"page": {
"margins": {
"top": 72,
"bottom": 72,
"left": 72,
"right": 72
},
"columns": 1,
"header": true,
"footer": true
}
}

View File

@@ -0,0 +1,308 @@
{
"id": "weather-radar",
"name": "Weather Radar",
"category": "Scientific",
"description": "Meteorological data dashboard. High-contrast, grid-based aesthetic designed for readability of complex data points.",
"vibe": "Technical, Data-Driven, High-Contrast",
"googleFontsImport": "https://fonts.googleapis.com/css2?family=Orbitron:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Exo+2:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Share+Tech+Mono:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap",
"typography": {
"fonts": {
"heading": "Orbitron",
"body": "Exo 2",
"code": "Share Tech Mono"
},
"colors": {
"text": "263238",
"textSecondary": "455A64",
"background": "F5F7F8",
"accent": "D50000",
"border": "B0BEC5",
"codeBg": "ECEFF1",
"blockquoteBorder": "FF6D00"
}
},
"elements": {
"h1": {
"font": "heading",
"size": 32,
"color": "text",
"bold": true,
"align": "left",
"allCaps": true,
"spacing": {
"before": 24,
"after": 12,
"line": 1.1
},
"borderBottom": {
"color": "accent",
"width": 4,
"style": "solid"
},
"background": "codeBg",
"padding": 12
},
"h2": {
"font": "heading",
"size": 20,
"color": "textSecondary",
"bold": true,
"align": "left",
"spacing": {
"before": 20,
"after": 10,
"line": 1.2
},
"allCaps": true,
"borderLeft": {
"color": "accent",
"width": 6,
"style": "solid",
"space": 8
}
},
"h3": {
"font": "body",
"size": 16,
"color": "accent",
"bold": true,
"align": "left",
"spacing": {
"before": 16,
"after": 8,
"line": 1.2
}
},
"h4": {
"font": "body",
"size": 14,
"color": "textSecondary",
"bold": true,
"align": "left",
"spacing": {
"before": 12,
"after": 6,
"line": 1.3
}
},
"h5": {
"font": "code",
"size": 12,
"color": "textSecondary",
"bold": false,
"align": "left",
"spacing": {
"before": 10,
"after": 5,
"line": 1.4
}
},
"h6": {
"font": "code",
"size": 10,
"color": "textSecondary",
"italic": true,
"align": "left",
"spacing": {
"before": 10,
"after": 5,
"line": 1.4
},
"allCaps": true
},
"p": {
"font": "body",
"size": 11,
"color": "text",
"align": "left",
"spacing": {
"before": 0,
"after": 12,
"line": 1.5
},
"weight": 400
},
"blockquote": {
"font": "code",
"size": 10,
"color": "textSecondary",
"align": "left",
"spacing": {
"before": 12,
"after": 12,
"line": 1.4
},
"padding": 12,
"border": {
"color": "blockquoteBorder",
"width": 1,
"style": "dashed"
},
"background": "F9FBE7"
},
"code": {
"font": "code",
"size": 10,
"color": "text",
"background": "codeBg",
"spacing": {
"before": 0,
"after": 0,
"line": 1.3
}
},
"pre": {
"font": "code",
"size": 9.5,
"color": "text",
"background": "codeBg",
"padding": 12,
"spacing": {
"before": 12,
"after": 12,
"line": 1.3
},
"border": {
"color": "border",
"width": 1,
"style": "dotted"
}
},
"ul": {
"spacing": {
"before": 8,
"after": 8,
"line": 1.5
},
"indent": 20,
"bullet": "square"
},
"ol": {
"spacing": {
"before": 8,
"after": 8,
"line": 1.5
},
"indent": 20,
"numbering": "decimal"
},
"li": {
"font": "body",
"size": 11,
"color": "text",
"spacing": {
"before": 0,
"after": 0,
"line": 1.5
}
},
"strong": {
"font": "body",
"bold": true
},
"em": {
"font": "body",
"italic": true
},
"a": {
"font": "body",
"color": "0288D1",
"underline": true
},
"table": {
"spacing": {
"before": 12,
"after": 12,
"line": 1.2
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"th": {
"font": "heading",
"size": 10,
"color": "text",
"bold": true,
"background": "ECEFF1",
"padding": 8,
"borderBottom": {
"color": "accent",
"width": 2,
"style": "solid"
}
},
"td": {
"font": "code",
"size": 10,
"color": "text",
"padding": 8
},
"hr": {
"spacing": {
"before": 24,
"after": 24
},
"border": {
"color": "border",
"width": 2,
"style": "dashed"
}
},
"img": {
"align": "center",
"spacing": {
"before": 12,
"after": 12
}
},
"del": {
"font": "body",
"strikethrough": true
},
"sup": {
"font": "code",
"size": 8,
"superScript": true
},
"sub": {
"font": "code",
"size": 8,
"subScript": true
},
"mark": {
"font": "code",
"background": "FFF9C4",
"color": "text"
},
"footnote": {
"font": "code",
"size": 9,
"color": "textSecondary",
"superScript": true
},
"footnoteRef": {
"font": "code",
"size": 9,
"color": "textSecondary",
"spacing": {
"before": 4,
"after": 4,
"line": 1.2
}
}
},
"page": {
"margins": {
"top": 54,
"bottom": 54,
"left": 54,
"right": 54
},
"columns": 1,
"header": true,
"footer": true
}
}

View File

@@ -0,0 +1,305 @@
{
"id": "circus-sideshow",
"name": "Circus Sideshow",
"category": "Entertainment",
"description": "Authentic vintage circus poster aesthetic. Victorian woodblock typography, screaming reds, and deep midnight blues.",
"vibe": "Vintage, Ornamental, Dramatic",
"googleFontsImport": "https://fonts.googleapis.com/css2?family=Rye:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Lora:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Sancreek:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap",
"typography": {
"fonts": {
"heading": "Rye",
"body": "Lora",
"code": "Sancreek"
},
"colors": {
"text": "3E2723",
"textSecondary": "1A237E",
"background": "FFF8E1",
"accent": "C62828",
"border": "FFB300",
"codeBg": "FFECB3",
"blockquoteBorder": "C62828"
}
},
"elements": {
"h1": {
"font": "heading",
"size": 48,
"color": "accent",
"bold": false,
"align": "center",
"spacing": {
"before": 24,
"after": 12,
"line": 1.1
},
"allCaps": true,
"textShadow": "2px 2px 0px #1A237E"
},
"h2": {
"font": "heading",
"size": 28,
"color": "textSecondary",
"bold": false,
"align": "center",
"spacing": {
"before": 20,
"after": 10,
"line": 1.2
},
"decoration": "underline",
"decorationStyle": "wavy"
},
"h3": {
"font": "body",
"size": 20,
"color": "3E2723",
"bold": true,
"align": "center",
"spacing": {
"before": 16,
"after": 8,
"line": 1.2
},
"allCaps": true,
"letterSpacing": 2.0
},
"h4": {
"font": "body",
"size": 16,
"color": "accent",
"bold": true,
"align": "center",
"spacing": {
"before": 14,
"after": 6,
"line": 1.3
},
"italic": true
},
"h5": {
"font": "body",
"size": 14,
"color": "textSecondary",
"bold": true,
"align": "center",
"spacing": {
"before": 12,
"after": 6,
"line": 1.4
}
},
"h6": {
"font": "body",
"size": 12,
"color": "textSecondary",
"italic": true,
"align": "center",
"spacing": {
"before": 12,
"after": 6,
"line": 1.4
}
},
"p": {
"font": "body",
"size": 14,
"color": "3E2723",
"align": "center",
"spacing": {
"before": 0,
"after": 12,
"line": 1.6
}
},
"blockquote": {
"font": "heading",
"size": 18,
"color": "textSecondary",
"align": "center",
"spacing": {
"before": 20,
"after": 20,
"line": 1.4
},
"padding": 24,
"border": {
"color": "border",
"width": 4,
"style": "double"
},
"background": "FFFFFF"
},
"code": {
"font": "code",
"size": 12,
"color": "text",
"background": "codeBg",
"spacing": {
"before": 0,
"after": 0,
"line": 1.4
}
},
"pre": {
"font": "code",
"size": 12,
"color": "text",
"background": "codeBg",
"padding": 12,
"spacing": {
"before": 12,
"after": 12,
"line": 1.4
},
"border": {
"color": "accent",
"width": 2,
"style": "solid"
}
},
"ul": {
"spacing": {
"before": 10,
"after": 10,
"line": 1.5
},
"indent": 20,
"bullet": "flourish"
},
"ol": {
"spacing": {
"before": 10,
"after": 10,
"line": 1.5
},
"indent": 20,
"numbering": "decimal"
},
"li": {
"font": "body",
"size": 14,
"color": "3E2723",
"spacing": {
"before": 2,
"after": 2,
"line": 1.5
}
},
"strong": {
"font": "heading",
"bold": false,
"color": "accent"
},
"em": {
"font": "body",
"italic": true
},
"a": {
"font": "body",
"color": "textSecondary",
"underline": true,
"bold": true
},
"table": {
"spacing": {
"before": 16,
"after": 16,
"line": 1.3
},
"border": {
"color": "3E2723",
"width": 3,
"style": "solid"
}
},
"th": {
"font": "heading",
"size": 14,
"color": "FFFFFF",
"bold": false,
"background": "C62828",
"padding": 10
},
"td": {
"font": "body",
"size": 14,
"color": "3E2723",
"padding": 10,
"borderBottom": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"hr": {
"spacing": {
"before": 24,
"after": 24
},
"border": {
"color": "textSecondary",
"width": 4,
"style": "dotted"
}
},
"img": {
"align": "center",
"spacing": {
"before": 16,
"after": 16
},
"border": {
"color": "border",
"width": 8,
"style": "double"
}
},
"del": {
"font": "body",
"strikethrough": true
},
"sup": {
"font": "body",
"size": 10,
"superScript": true
},
"sub": {
"font": "body",
"size": 10,
"subScript": true
},
"mark": {
"font": "body",
"background": "FFECB3",
"color": "text"
},
"footnote": {
"font": "body",
"size": 12,
"color": "textSecondary",
"superScript": true
},
"footnoteRef": {
"font": "body",
"size": 12,
"color": "textSecondary",
"spacing": {
"before": 6,
"after": 6,
"line": 1.3
}
}
},
"page": {
"margins": {
"top": 54,
"bottom": 54,
"left": 54,
"right": 54
},
"columns": 1,
"header": true,
"footer": true
}
}

View File

@@ -0,0 +1,311 @@
{
"id": "default",
"name": "Default Clean",
"category": "Core",
"description": "A premium, versatile baseline. High-readability serif body text paired with clean, geometric sans-serif headings.",
"vibe": "Clean, Versatile, Professional",
"googleFontsImport": "https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Lora:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=JetBrains+Mono:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap",
"typography": {
"fonts": {
"heading": "DM Sans",
"body": "Lora",
"code": "JetBrains Mono"
},
"colors": {
"text": "111827",
"textSecondary": "4B5563",
"background": "FFFFFF",
"accent": "2563EB",
"border": "E5E7EB",
"codeBg": "F3F4F6",
"blockquoteBorder": "2563EB"
}
},
"elements": {
"h1": {
"font": "heading",
"size": 36,
"color": "111827",
"bold": true,
"align": "left",
"spacing": {
"before": 32,
"after": 16,
"line": 1.1
},
"letterSpacing": -0.5
},
"h2": {
"font": "heading",
"size": 24,
"color": "111827",
"bold": true,
"align": "left",
"spacing": {
"before": 24,
"after": 12,
"line": 1.2
},
"letterSpacing": -0.3
},
"h3": {
"font": "heading",
"size": 20,
"color": "111827",
"bold": true,
"align": "left",
"spacing": {
"before": 20,
"after": 10,
"line": 1.3
}
},
"h4": {
"font": "heading",
"size": 18,
"color": "111827",
"bold": true,
"align": "left",
"spacing": {
"before": 16,
"after": 8,
"line": 1.3
}
},
"h5": {
"font": "heading",
"size": 16,
"color": "textSecondary",
"bold": true,
"align": "left",
"spacing": {
"before": 16,
"after": 8,
"line": 1.4
},
"allCaps": true,
"letterSpacing": 0.5
},
"h6": {
"font": "heading",
"size": 14,
"color": "textSecondary",
"bold": true,
"align": "left",
"spacing": {
"before": 16,
"after": 8,
"line": 1.4
},
"allCaps": true
},
"p": {
"font": "body",
"size": 17,
"color": "374151",
"align": "left",
"spacing": {
"before": 0,
"after": 16,
"line": 1.7
},
"weight": 400
},
"blockquote": {
"font": "body",
"size": 19,
"color": "111827",
"italic": true,
"align": "left",
"spacing": {
"before": 24,
"after": 24,
"line": 1.6
},
"padding": 0,
"borderLeft": {
"color": "accent",
"width": 4,
"style": "solid"
},
"indent": 20
},
"code": {
"font": "code",
"size": 14,
"color": "111827",
"background": "codeBg",
"spacing": {
"before": 0,
"after": 0,
"line": 1.4
},
"borderRadius": 4,
"padding": 2
},
"pre": {
"font": "code",
"size": 13,
"color": "111827",
"background": "codeBg",
"padding": 20,
"spacing": {
"before": 20,
"after": 20,
"line": 1.5
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
},
"borderRadius": 8
},
"ul": {
"spacing": {
"before": 16,
"after": 16,
"line": 1.7
},
"indent": 24,
"bullet": "disc"
},
"ol": {
"spacing": {
"before": 16,
"after": 16,
"line": 1.7
},
"indent": 24,
"numbering": "decimal"
},
"li": {
"font": "body",
"size": 17,
"color": "374151",
"spacing": {
"before": 4,
"after": 4,
"line": 1.7
}
},
"strong": {
"font": "body",
"bold": true,
"color": "111827"
},
"em": {
"font": "body",
"italic": true
},
"a": {
"font": "body",
"color": "2563EB",
"underline": true,
"bold": false
},
"table": {
"spacing": {
"before": 24,
"after": 24,
"line": 1.4
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
},
"borderRadius": 8
},
"th": {
"font": "heading",
"size": 14,
"color": "111827",
"bold": true,
"background": "F9FAFB",
"padding": 12,
"borderBottom": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"td": {
"font": "body",
"size": 15,
"color": "374151",
"padding": 12,
"borderBottom": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"hr": {
"spacing": {
"before": 40,
"after": 40
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"img": {
"align": "center",
"spacing": {
"before": 24,
"after": 24
},
"borderRadius": 8
},
"del": {
"font": "body",
"strikethrough": true,
"color": "9CA3AF"
},
"sup": {
"font": "body",
"size": 10,
"superScript": true
},
"sub": {
"font": "body",
"size": 10,
"subScript": true
},
"mark": {
"font": "body",
"background": "FEF3C7",
"color": "111827"
},
"footnote": {
"font": "body",
"size": 13,
"color": "textSecondary",
"superScript": true
},
"footnoteRef": {
"font": "body",
"size": 13,
"color": "textSecondary",
"spacing": {
"before": 6,
"after": 6,
"line": 1.4
}
}
},
"page": {
"margins": {
"top": 72,
"bottom": 72,
"left": 72,
"right": 72
},
"columns": 1,
"header": false,
"footer": true
}
}

View File

@@ -0,0 +1,302 @@
{
"id": "environmental-green",
"name": "Environmental Green",
"category": "Sustainability",
"description": "Earthy, organic, and grounded. Designed for sustainability reports, nature guides, and eco-friendly brands.",
"vibe": "Organic, Earthy, Sustainable",
"googleFontsImport": "https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Nunito:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Fira+Code:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap",
"typography": {
"fonts": {
"heading": "Merriweather",
"body": "Nunito",
"code": "Fira Code"
},
"colors": {
"text": "333333",
"textSecondary": "5D4037",
"background": "F1F8E9",
"accent": "2E7D32",
"border": "AED581",
"codeBg": "DCEDC8",
"blockquoteBorder": "558B2F"
}
},
"elements": {
"h1": {
"font": "heading",
"size": 32,
"color": "2E7D32",
"bold": true,
"align": "left",
"spacing": {
"before": 24,
"after": 12,
"line": 1.3
},
"italic": true
},
"h2": {
"font": "heading",
"size": 24,
"color": "5D4037",
"bold": true,
"align": "left",
"spacing": {
"before": 20,
"after": 10,
"line": 1.3
},
"borderBottom": {
"color": "border",
"width": 2,
"style": "solid"
}
},
"h3": {
"font": "heading",
"size": 18,
"color": "accent",
"bold": true,
"align": "left",
"spacing": {
"before": 16,
"after": 8,
"line": 1.3
}
},
"h4": {
"font": "heading",
"size": 16,
"color": "textSecondary",
"bold": true,
"align": "left",
"spacing": {
"before": 14,
"after": 6,
"line": 1.3
}
},
"h5": {
"font": "body",
"size": 14,
"color": "textSecondary",
"bold": true,
"align": "left",
"spacing": {
"before": 12,
"after": 6,
"line": 1.4
}
},
"h6": {
"font": "body",
"size": 12,
"color": "textSecondary",
"italic": true,
"align": "left",
"spacing": {
"before": 12,
"after": 6,
"line": 1.4
}
},
"p": {
"font": "body",
"size": 14,
"color": "333333",
"align": "left",
"spacing": {
"before": 0,
"after": 12,
"line": 1.7
}
},
"blockquote": {
"font": "heading",
"size": 14,
"color": "558B2F",
"italic": true,
"align": "left",
"spacing": {
"before": 16,
"after": 16,
"line": 1.6
},
"padding": 20,
"borderLeft": {
"color": "accent",
"width": 4,
"style": "solid"
},
"background": "FFFFFF",
"borderRadius": 8
},
"code": {
"font": "code",
"size": 12,
"color": "text",
"background": "codeBg",
"spacing": {
"before": 0,
"after": 0,
"line": 1.4
}
},
"pre": {
"font": "code",
"size": 12,
"color": "text",
"background": "codeBg",
"padding": 16,
"spacing": {
"before": 16,
"after": 16,
"line": 1.4
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
},
"borderRadius": 8
},
"ul": {
"spacing": {
"before": 12,
"after": 12,
"line": 1.6
},
"indent": 24,
"bullet": "leaf"
},
"ol": {
"spacing": {
"before": 12,
"after": 12,
"line": 1.6
},
"indent": 24,
"numbering": "decimal"
},
"li": {
"font": "body",
"size": 14,
"color": "text",
"spacing": {
"before": 4,
"after": 4,
"line": 1.6
}
},
"strong": {
"font": "heading",
"bold": true
},
"em": {
"font": "heading",
"italic": true
},
"a": {
"font": "body",
"color": "2E7D32",
"underline": true,
"bold": true
},
"table": {
"spacing": {
"before": 20,
"after": 20,
"line": 1.3
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"th": {
"font": "heading",
"size": 12,
"color": "FFFFFF",
"bold": true,
"background": "558B2F",
"padding": 12
},
"td": {
"font": "body",
"size": 14,
"color": "text",
"padding": 12,
"borderBottom": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"hr": {
"spacing": {
"before": 32,
"after": 32
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"img": {
"align": "center",
"spacing": {
"before": 20,
"after": 20
},
"borderRadius": 8
},
"del": {
"font": "body",
"strikethrough": true
},
"sup": {
"font": "body",
"size": 10,
"superScript": true
},
"sub": {
"font": "body",
"size": 10,
"subScript": true
},
"mark": {
"font": "body",
"background": "DCEDC8",
"color": "text"
},
"footnote": {
"font": "body",
"size": 12,
"color": "textSecondary",
"superScript": true
},
"footnoteRef": {
"font": "body",
"size": 12,
"color": "textSecondary",
"spacing": {
"before": 6,
"after": 6,
"line": 1.3
}
}
},
"page": {
"margins": {
"top": 72,
"bottom": 72,
"left": 72,
"right": 72
},
"columns": 1,
"header": true,
"footer": true
}
}

View File

@@ -0,0 +1,323 @@
{
"id": "highway-interstate",
"name": "Highway Interstate",
"category": "Urban",
"description": "Inspired by the clarity of road signage. Optimized for high-speed readability with reflective white text on deep green backgrounds.",
"vibe": "Functional, Navigation, Clear",
"googleFontsImport": "https://fonts.googleapis.com/css2?family=Overpass:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Inter:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=JetBrains+Mono:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap",
"typography": {
"fonts": {
"heading": "Overpass",
"body": "Inter",
"code": "JetBrains Mono"
},
"colors": {
"text": "FFFFFF",
"textSecondary": "B2DFDB",
"background": "004D40",
"accent": "FFEB3B",
"border": "FFFFFF",
"codeBg": "00695C",
"blockquoteBorder": "FFEB3B"
}
},
"elements": {
"h1": {
"font": "heading",
"size": 42,
"color": "FFFFFF",
"bold": true,
"align": "center",
"spacing": {
"before": 24,
"after": 12,
"line": 1.1
},
"allCaps": true,
"borderBottom": {
"color": "FFFFFF",
"width": 4,
"style": "solid"
}
,
"padding": 16
},
"h2": {
"font": "heading",
"size": 24,
"color": "accent",
"bold": true,
"align": "left",
"spacing": {
"before": 20,
"after": 10,
"line": 1.2
},
"background": "000000",
"padding": 8,
"borderRadius": 4,
"allCaps": true
},
"h3": {
"font": "heading",
"size": 18,
"color": "FFFFFF",
"bold": true,
"align": "left",
"spacing": {
"before": 16,
"after": 8,
"line": 1.3
},
"borderLeft": {
"color": "accent",
"width": 6,
"style": "solid"
}
,
"padding": 8
},
"h4": {
"font": "body",
"size": 16,
"color": "textSecondary",
"bold": true,
"align": "left",
"spacing": {
"before": 14,
"after": 6,
"line": 1.3
},
"allCaps": true
},
"h5": {
"font": "body",
"size": 14,
"color": "textSecondary",
"bold": true,
"align": "left",
"spacing": {
"before": 12,
"after": 6,
"line": 1.4
}
},
"h6": {
"font": "body",
"size": 12,
"color": "textSecondary",
"bold": false,
"align": "left",
"spacing": {
"before": 12,
"after": 6,
"line": 1.4
}
},
"p": {
"font": "body",
"size": 16,
"color": "FFFFFF",
"align": "left",
"spacing": {
"before": 0,
"after": 12,
"line": 1.6
},
"weight": 500
},
"blockquote": {
"font": "heading",
"size": 16,
"color": "000000",
"bold": true,
"align": "center",
"spacing": {
"before": 16,
"after": 16,
"line": 1.4
},
"padding": 20,
"border": {
"color": "000000",
"width": 4,
"style": "solid"
},
"background": "FFEB3B",
"borderRadius": 8
},
"code": {
"font": "code",
"size": 14,
"color": "accent",
"background": "codeBg",
"spacing": {
"before": 0,
"after": 0,
"line": 1.4
}
},
"pre": {
"font": "code",
"size": 14,
"color": "FFFFFF",
"background": "000000",
"padding": 16,
"spacing": {
"before": 16,
"after": 16,
"line": 1.4
},
"border": {
"color": "FFFFFF",
"width": 2,
"style": "solid"
},
"borderRadius": 8
},
"ul": {
"spacing": {
"before": 12,
"after": 12,
"line": 1.6
},
"indent": 24,
"bullet": "square"
},
"ol": {
"spacing": {
"before": 12,
"after": 12,
"line": 1.6
},
"indent": 24,
"numbering": "decimal"
},
"li": {
"font": "body",
"size": 16,
"color": "FFFFFF",
"spacing": {
"before": 4,
"after": 4,
"line": 1.6
}
},
"strong": {
"font": "heading",
"bold": true,
"color": "accent"
},
"em": {
"font": "heading",
"italic": true
},
"a": {
"font": "heading",
"color": "accent",
"underline": true,
"bold": true
},
"table": {
"spacing": {
"before": 20,
"after": 20,
"line": 1.3
},
"border": {
"color": "FFFFFF",
"width": 2,
"style": "solid"
}
},
"th": {
"font": "heading",
"size": 14,
"color": "000000",
"bold": true,
"background": "FFFFFF",
"padding": 12
},
"td": {
"font": "body",
"size": 14,
"color": "FFFFFF",
"padding": 12,
"borderBottom": {
"color": "FFFFFF",
"width": 1,
"style": "solid"
}
},
"hr": {
"spacing": {
"before": 32,
"after": 32
},
"border": {
"color": "accent",
"width": 4,
"style": "dashed"
}
},
"img": {
"align": "center",
"spacing": {
"before": 20,
"after": 20
},
"border": {
"color": "FFFFFF",
"width": 4,
"style": "solid"
}
},
"del": {
"font": "body",
"strikethrough": true,
"color": "B2DFDB"
},
"sup": {
"font": "body",
"size": 10,
"superScript": true
},
"sub": {
"font": "body",
"size": 10,
"subScript": true
},
"mark": {
"font": "body",
"background": "FFEB3B",
"color": "000000"
},
"footnote": {
"font": "body",
"size": 12,
"color": "textSecondary",
"superScript": true
},
"footnoteRef": {
"font": "body",
"size": 12,
"color": "textSecondary",
"spacing": {
"before": 6,
"after": 6,
"line": 1.3
}
}
},
"page": {
"margins": {
"top": 54,
"bottom": 54,
"left": 54,
"right": 54
},
"columns": 1,
"header": true,
"footer": true
}
}

View File

@@ -0,0 +1,316 @@
{
"id": "jungle-explorer",
"name": "Jungle Explorer",
"category": "Adventure",
"description": "Inspired by field notes from a safari expedition. Stencil headings, khaki backgrounds, and durable typography.",
"vibe": "Adventure, Rugged, Natural",
"googleFontsImport": "https://fonts.googleapis.com/css2?family=Stardos+Stencil:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Chivo:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Special+Elite:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap",
"typography": {
"fonts": {
"heading": "Stardos Stencil",
"body": "Chivo",
"code": "Special Elite"
},
"colors": {
"text": "3E2723",
"textSecondary": "558B2F",
"background": "F9FBE7",
"accent": "827717",
"border": "A1887F",
"codeBg": "EFEBE9",
"blockquoteBorder": "827717"
}
},
"elements": {
"h1": {
"font": "heading",
"size": 36,
"color": "3E2723",
"bold": true,
"align": "center",
"spacing": {
"before": 24,
"after": 12,
"line": 1.1
},
"allCaps": true,
"borderBottom": {
"color": "accent",
"width": 4,
"style": "dashed"
}
,
"background": "DCEDC8",
"padding": 12
},
"h2": {
"font": "heading",
"size": 24,
"color": "accent",
"bold": true,
"align": "left",
"spacing": {
"before": 20,
"after": 10,
"line": 1.2
},
"borderLeft": {
"color": "text",
"width": 6,
"style": "solid"
}
,
"padding": 8
},
"h3": {
"font": "body",
"size": 18,
"color": "text",
"bold": true,
"align": "left",
"spacing": {
"before": 16,
"after": 8,
"line": 1.3
},
"allCaps": true
},
"h4": {
"font": "body",
"size": 16,
"color": "textSecondary",
"bold": true,
"align": "left",
"spacing": {
"before": 14,
"after": 6,
"line": 1.3
}
},
"h5": {
"font": "body",
"size": 14,
"color": "textSecondary",
"bold": true,
"align": "left",
"spacing": {
"before": 12,
"after": 6,
"line": 1.4
}
},
"h6": {
"font": "body",
"size": 12,
"color": "textSecondary",
"italic": true,
"align": "left",
"spacing": {
"before": 12,
"after": 6,
"line": 1.4
}
},
"p": {
"font": "body",
"size": 14,
"color": "3E2723",
"align": "left",
"spacing": {
"before": 0,
"after": 12,
"line": 1.6
}
},
"blockquote": {
"font": "code",
"size": 14,
"color": "text",
"align": "left",
"spacing": {
"before": 16,
"after": 16,
"line": 1.5
},
"padding": 20,
"background": "FFF8E1",
"border": {
"color": "border",
"width": 1,
"style": "solid"
},
"rotation": -1
},
"code": {
"font": "code",
"size": 12,
"color": "text",
"background": "codeBg",
"spacing": {
"before": 0,
"after": 0,
"line": 1.4
}
},
"pre": {
"font": "code",
"size": 12,
"color": "text",
"background": "codeBg",
"padding": 16,
"spacing": {
"before": 16,
"after": 16,
"line": 1.4
},
"border": {
"color": "border",
"width": 1,
"style": "dashed"
},
"borderRadius": 2
},
"ul": {
"spacing": {
"before": 12,
"after": 12,
"line": 1.6
},
"indent": 24,
"bullet": "disc"
},
"ol": {
"spacing": {
"before": 12,
"after": 12,
"line": 1.6
},
"indent": 24,
"numbering": "decimal"
},
"li": {
"font": "body",
"size": 14,
"color": "text",
"spacing": {
"before": 4,
"after": 4,
"line": 1.6
}
},
"strong": {
"font": "heading",
"bold": true
},
"em": {
"font": "body",
"italic": true
},
"a": {
"font": "body",
"color": "accent",
"underline": true,
"bold": true
},
"table": {
"spacing": {
"before": 20,
"after": 20,
"line": 1.3
},
"border": {
"color": "3E2723",
"width": 2,
"style": "solid"
}
},
"th": {
"font": "heading",
"size": 12,
"color": "FFFFFF",
"bold": true,
"background": "558B2F",
"padding": 10
},
"td": {
"font": "body",
"size": 14,
"color": "text",
"padding": 10,
"borderBottom": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"hr": {
"spacing": {
"before": 30,
"after": 30
},
"border": {
"color": "accent",
"width": 2,
"style": "dashed"
}
},
"img": {
"align": "left",
"spacing": {
"before": 16,
"after": 16
},
"border": {
"color": "3E2723",
"width": 4,
"style": "solid"
}
},
"del": {
"font": "body",
"strikethrough": true
},
"sup": {
"font": "body",
"size": 10,
"superScript": true
},
"sub": {
"font": "body",
"size": 10,
"subScript": true
},
"mark": {
"font": "body",
"background": "FFCC80",
"color": "text"
},
"footnote": {
"font": "body",
"size": 12,
"color": "textSecondary",
"superScript": true
},
"footnoteRef": {
"font": "body",
"size": 12,
"color": "textSecondary",
"spacing": {
"before": 6,
"after": 6,
"line": 1.3
}
}
},
"page": {
"margins": {
"top": 72,
"bottom": 72,
"left": 72,
"right": 72
},
"columns": 1,
"header": true,
"footer": true
}
}

View File

@@ -0,0 +1,309 @@
{
"id": "public-transit",
"name": "Public Transit",
"category": "Urban",
"description": "Modern metro system aesthetic. Functional geometry, bold color lines, and universal symbols.",
"vibe": "Urban, Connected, Systematic",
"googleFontsImport": "https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Manrope:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=JetBrains+Mono:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap",
"typography": {
"fonts": {
"heading": "Work Sans",
"body": "Manrope",
"code": "JetBrains Mono"
},
"colors": {
"text": "111111",
"textSecondary": "616161",
"background": "FFFFFF",
"accent": "F44336",
"border": "E0E0E0",
"codeBg": "F5F5F5",
"blockquoteBorder": "2196F3"
}
},
"elements": {
"h1": {
"font": "heading",
"size": 36,
"color": "111111",
"bold": true,
"align": "left",
"spacing": {
"before": 24,
"after": 12,
"line": 1.1
},
"allCaps": true,
"borderBottom": {
"color": "accent",
"width": 8,
"style": "solid"
}
,
"letterSpacing": -1.0
},
"h2": {
"font": "heading",
"size": 24,
"color": "111111",
"bold": true,
"align": "left",
"spacing": {
"before": 20,
"after": 10,
"line": 1.2
},
"background": "FFC107",
"padding": 8,
"borderRadius": 50,
"display": "inline-block"
},
"h3": {
"font": "heading",
"size": 18,
"color": "2196F3",
"bold": true,
"align": "left",
"spacing": {
"before": 16,
"after": 8,
"line": 1.3
}
},
"h4": {
"font": "body",
"size": 16,
"color": "text",
"bold": true,
"align": "left",
"spacing": {
"before": 14,
"after": 6,
"line": 1.3
},
"allCaps": true
},
"h5": {
"font": "body",
"size": 14,
"color": "textSecondary",
"bold": true,
"align": "left",
"spacing": {
"before": 12,
"after": 6,
"line": 1.4
}
},
"h6": {
"font": "body",
"size": 12,
"color": "textSecondary",
"italic": true,
"align": "left",
"spacing": {
"before": 12,
"after": 6,
"line": 1.4
}
},
"p": {
"font": "body",
"size": 14,
"color": "111111",
"align": "left",
"spacing": {
"before": 0,
"after": 12,
"line": 1.6
}
},
"blockquote": {
"font": "heading",
"size": 16,
"color": "111111",
"bold": true,
"align": "left",
"spacing": {
"before": 16,
"after": 16,
"line": 1.4
},
"padding": 24,
"borderLeft": {
"color": "4CAF50",
"width": 8,
"style": "solid"
},
"background": "FAFAFA"
},
"code": {
"font": "code",
"size": 12,
"color": "text",
"background": "codeBg",
"spacing": {
"before": 0,
"after": 0,
"line": 1.4
}
},
"pre": {
"font": "code",
"size": 12,
"color": "text",
"background": "codeBg",
"padding": 16,
"spacing": {
"before": 16,
"after": 16,
"line": 1.4
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
},
"borderRadius": 4
},
"ul": {
"spacing": {
"before": 12,
"after": 12,
"line": 1.6
},
"indent": 24,
"bullet": "circle"
},
"ol": {
"spacing": {
"before": 12,
"after": 12,
"line": 1.6
},
"indent": 24,
"numbering": "decimal"
},
"li": {
"font": "body",
"size": 14,
"color": "text",
"spacing": {
"before": 4,
"after": 4,
"line": 1.6
}
},
"strong": {
"font": "heading",
"bold": true
},
"em": {
"font": "body",
"italic": true
},
"a": {
"font": "heading",
"color": "2196F3",
"underline": true,
"bold": true
},
"table": {
"spacing": {
"before": 20,
"after": 20,
"line": 1.3
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"th": {
"font": "heading",
"size": 12,
"color": "FFFFFF",
"bold": true,
"background": "111111",
"padding": 12
},
"td": {
"font": "body",
"size": 14,
"color": "text",
"padding": 12,
"borderBottom": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"hr": {
"spacing": {
"before": 32,
"after": 32
},
"border": {
"color": "E0E0E0",
"width": 4,
"style": "solid"
}
},
"img": {
"align": "left",
"spacing": {
"before": 20,
"after": 20
},
"borderRadius": 4
},
"del": {
"font": "body",
"strikethrough": true,
"color": "textSecondary"
},
"sup": {
"font": "body",
"size": 10,
"superScript": true
},
"sub": {
"font": "body",
"size": 10,
"subScript": true
},
"mark": {
"font": "body",
"background": "FFEB3B",
"color": "000000"
},
"footnote": {
"font": "body",
"size": 12,
"color": "textSecondary",
"superScript": true
},
"footnoteRef": {
"font": "body",
"size": 12,
"color": "textSecondary",
"spacing": {
"before": 6,
"after": 6,
"line": 1.3
}
}
},
"page": {
"margins": {
"top": 54,
"bottom": 54,
"left": 54,
"right": 54
},
"columns": 1,
"header": true,
"footer": true
}
}

View File

@@ -0,0 +1,316 @@
{
"id": "silent-film-intertitle",
"name": "Silent Film Intertitle",
"category": "Cinema",
"description": "Authentic 1920s intertitle aesthetic. High contrast, ornate art deco borders, and projected silver screen typography.",
"vibe": "Cinematic, Vintage, Silent",
"googleFontsImport": "https://fonts.googleapis.com/css2?family=Limelight:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Cormorant+SC:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Parkside:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap",
"typography": {
"fonts": {
"heading": "Limelight",
"body": "Cormorant SC",
"code": "Parkside"
},
"colors": {
"text": "F5F5F5",
"textSecondary": "BDBDBD",
"background": "000000",
"accent": "E0E0E0",
"border": "FFFFFF",
"codeBg": "212121",
"blockquoteBorder": "FFFFFF"
}
},
"elements": {
"h1": {
"font": "heading",
"size": 48,
"color": "FFFFFF",
"bold": false,
"align": "center",
"spacing": {
"before": 40,
"after": 20,
"line": 1.1
},
"allCaps": true,
"textShadow": "0px 0px 8px rgba(255,255,255,0.8)"
},
"h2": {
"font": "body",
"size": 24,
"color": "E0E0E0",
"bold": true,
"align": "center",
"spacing": {
"before": 24,
"after": 12,
"line": 1.2
},
"borderBottom": {
"color": "FFFFFF",
"width": 1,
"style": "solid"
},
"borderTop": {
"color": "FFFFFF",
"width": 1,
"style": "solid"
},
"padding": 8,
"display": "inline-block"
},
"h3": {
"font": "body",
"size": 20,
"color": "text",
"bold": true,
"align": "center",
"spacing": {
"before": 20,
"after": 10,
"line": 1.3
},
"allCaps": true
},
"h4": {
"font": "heading",
"size": 18,
"color": "textSecondary",
"bold": false,
"align": "center",
"spacing": {
"before": 16,
"after": 8,
"line": 1.3
}
},
"h5": {
"font": "body",
"size": 16,
"color": "textSecondary",
"bold": true,
"align": "center",
"spacing": {
"before": 14,
"after": 6,
"line": 1.4
}
},
"h6": {
"font": "body",
"size": 14,
"color": "textSecondary",
"italic": true,
"align": "center",
"spacing": {
"before": 14,
"after": 6,
"line": 1.4
}
},
"p": {
"font": "body",
"size": 20,
"color": "F5F5F5",
"align": "center",
"spacing": {
"before": 0,
"after": 20,
"line": 1.5
},
"weight": 600
},
"blockquote": {
"font": "code",
"size": 24,
"color": "000000",
"align": "center",
"spacing": {
"before": 30,
"after": 30,
"line": 1.6
},
"padding": 40,
"background": "FFFFFF",
"border": {
"color": "000000",
"width": 4,
"style": "double"
},
"rotation": 1
},
"code": {
"font": "heading",
"size": 16,
"color": "text",
"background": "codeBg",
"spacing": {
"before": 0,
"after": 0,
"line": 1.4
}
},
"pre": {
"font": "heading",
"size": 16,
"color": "text",
"background": "codeBg",
"padding": 20,
"spacing": {
"before": 20,
"after": 20,
"line": 1.4
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"ul": {
"spacing": {
"before": 16,
"after": 16,
"line": 1.6
},
"indent": 30,
"bullet": "diamond"
},
"ol": {
"spacing": {
"before": 16,
"after": 16,
"line": 1.6
},
"indent": 30,
"numbering": "roman"
},
"li": {
"font": "body",
"size": 18,
"color": "text",
"spacing": {
"before": 6,
"after": 6,
"line": 1.6
}
},
"strong": {
"font": "heading",
"bold": false
},
"em": {
"font": "code",
"italic": false,
"size": 22
},
"a": {
"font": "heading",
"color": "FFFFFF",
"underline": true,
"bold": false
},
"table": {
"spacing": {
"before": 24,
"after": 24,
"line": 1.3
},
"border": {
"color": "FFFFFF",
"width": 2,
"style": "solid"
}
},
"th": {
"font": "heading",
"size": 16,
"color": "000000",
"bold": false,
"background": "FFFFFF",
"padding": 12
},
"td": {
"font": "body",
"size": 18,
"color": "text",
"padding": 12,
"borderBottom": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"hr": {
"spacing": {
"before": 40,
"after": 40
},
"border": {
"color": "FFFFFF",
"width": 1,
"style": "double"
}
},
"img": {
"align": "center",
"spacing": {
"before": 30,
"after": 30
},
"border": {
"color": "FFFFFF",
"width": 8,
"style": "double"
}
},
"del": {
"font": "body",
"strikethrough": true,
"color": "757575"
},
"sup": {
"font": "body",
"size": 12,
"superScript": true
},
"sub": {
"font": "body",
"size": 12,
"subScript": true
},
"mark": {
"font": "body",
"background": "424242",
"color": "FFFFFF"
},
"footnote": {
"font": "body",
"size": 14,
"color": "textSecondary",
"superScript": true
},
"footnoteRef": {
"font": "body",
"size": 14,
"color": "textSecondary",
"spacing": {
"before": 6,
"after": 6,
"line": 1.3
}
}
},
"page": {
"margins": {
"top": 40,
"bottom": 40,
"left": 40,
"right": 40
},
"columns": 1,
"header": false,
"footer": false
}
}

View File

@@ -0,0 +1,324 @@
{
"id": "sports-dynamic",
"name": "Sports Dynamic",
"category": "Sports",
"description": "High-velocity design for athletic events and esports. Sharp angles, italicized motion, and high-contrast neon accents.",
"vibe": "Energetic, Competitive, Fast",
"googleFontsImport": "https://fonts.googleapis.com/css2?family=Teko:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Exo+2:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Chakra+Petch:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap",
"typography": {
"fonts": {
"heading": "Teko",
"body": "Exo 2",
"code": "Chakra Petch"
},
"colors": {
"text": "FFFFFF",
"textSecondary": "B0BEC5",
"background": "121212",
"accent": "FF3D00",
"border": "2979FF",
"codeBg": "263238",
"blockquoteBorder": "FF3D00"
}
},
"elements": {
"h1": {
"font": "heading",
"size": 64,
"color": "FFFFFF",
"bold": true,
"align": "left",
"spacing": {
"before": 24,
"after": 12,
"line": 0.9
},
"allCaps": true,
"italic": false,
"textShadow": "4px 4px 0px #2979FF"
},
"h2": {
"font": "heading",
"size": 36,
"color": "accent",
"bold": true,
"align": "left",
"spacing": {
"before": 20,
"after": 10,
"line": 1.0
},
"borderLeft": {
"color": "accent",
"width": 8,
"style": "solid"
}
,
"padding": 12,
"background": "1E1E1E",
"allCaps": true
},
"h3": {
"font": "heading",
"size": 28,
"color": "2979FF",
"bold": true,
"align": "left",
"spacing": {
"before": 16,
"after": 8,
"line": 1.1
},
"allCaps": true
},
"h4": {
"font": "body",
"size": 18,
"color": "FFFFFF",
"bold": true,
"align": "left",
"spacing": {
"before": 14,
"after": 6,
"line": 1.3
},
"italic": true,
"allCaps": true
},
"h5": {
"font": "body",
"size": 14,
"color": "textSecondary",
"bold": true,
"align": "left",
"spacing": {
"before": 12,
"after": 6,
"line": 1.4
},
"allCaps": true
},
"h6": {
"font": "body",
"size": 12,
"color": "textSecondary",
"italic": true,
"align": "left",
"spacing": {
"before": 12,
"after": 6,
"line": 1.4
}
},
"p": {
"font": "body",
"size": 16,
"color": "FFFFFF",
"align": "left",
"spacing": {
"before": 0,
"after": 12,
"line": 1.5
},
"weight": 400
},
"blockquote": {
"font": "heading",
"size": 24,
"color": "FFFFFF",
"bold": false,
"align": "center",
"spacing": {
"before": 24,
"after": 24,
"line": 1.2
},
"padding": 30,
"border": {
"color": "border",
"width": 2,
"style": "solid"
},
"background": "1A237E",
"italic": false
},
"code": {
"font": "code",
"size": 14,
"color": "accent",
"background": "codeBg",
"spacing": {
"before": 0,
"after": 0,
"line": 1.4
}
},
"pre": {
"font": "code",
"size": 14,
"color": "accent",
"background": "000000",
"padding": 16,
"spacing": {
"before": 16,
"after": 16,
"line": 1.4
},
"border": {
"color": "accent",
"width": 1,
"style": "solid"
}
},
"ul": {
"spacing": {
"before": 12,
"after": 12,
"line": 1.5
},
"indent": 20,
"bullet": "square"
},
"ol": {
"spacing": {
"before": 12,
"after": 12,
"line": 1.5
},
"indent": 20,
"numbering": "decimal"
},
"li": {
"font": "body",
"size": 16,
"color": "FFFFFF",
"spacing": {
"before": 4,
"after": 4,
"line": 1.5
}
},
"strong": {
"font": "heading",
"bold": true,
"color": "accent"
},
"em": {
"font": "body",
"italic": true,
"color": "2979FF"
},
"a": {
"font": "body",
"color": "2979FF",
"underline": true,
"bold": true
},
"table": {
"spacing": {
"before": 20,
"after": 20,
"line": 1.2
},
"border": {
"color": "37474F",
"width": 1,
"style": "solid"
}
},
"th": {
"font": "heading",
"size": 16,
"color": "FFFFFF",
"bold": true,
"background": "263238",
"padding": 12,
"borderBottom": {
"color": "accent",
"width": 2,
"style": "solid"
}
},
"td": {
"font": "body",
"size": 14,
"color": "FFFFFF",
"padding": 12,
"borderBottom": {
"color": "37474F",
"width": 1,
"style": "solid"
}
},
"hr": {
"spacing": {
"before": 30,
"after": 30
},
"border": {
"color": "accent",
"width": 4,
"style": "solid"
}
},
"img": {
"align": "center",
"spacing": {
"before": 20,
"after": 20
},
"border": {
"color": "FFFFFF",
"width": 2,
"style": "solid"
}
},
"del": {
"font": "body",
"strikethrough": true,
"color": "546E7A"
},
"sup": {
"font": "body",
"size": 10,
"superScript": true
},
"sub": {
"font": "body",
"size": 10,
"subScript": true
},
"mark": {
"font": "body",
"background": "2979FF",
"color": "FFFFFF"
},
"footnote": {
"font": "body",
"size": 12,
"color": "textSecondary",
"superScript": true
},
"footnoteRef": {
"font": "body",
"size": 12,
"color": "textSecondary",
"spacing": {
"before": 6,
"after": 6,
"line": 1.3
}
}
},
"page": {
"margins": {
"top": 54,
"bottom": 54,
"left": 54,
"right": 54
},
"columns": 1,
"header": true,
"footer": true
}
}

View File

@@ -0,0 +1,318 @@
{
"id": "steampunk-inventor",
"name": "Steampunk Inventor",
"category": "Fantasy",
"description": "Victorian sci-fi blueprints. Brass headings, typewriter schematics, and tea-stained parchment aesthetics.",
"vibe": "Mechanical, Vintage, Industrial",
"googleFontsImport": "https://fonts.googleapis.com/css2?family=Rye:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Special+Elite:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Cutive+Mono:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap",
"typography": {
"fonts": {
"heading": "Rye",
"body": "Special Elite",
"code": "Cutive Mono"
},
"colors": {
"text": "3E2723",
"textSecondary": "5D4037",
"background": "D7CCC8",
"accent": "B8860B",
"border": "8D6E63",
"codeBg": "EFEBE9",
"blockquoteBorder": "B8860B"
}
},
"elements": {
"h1": {
"font": "heading",
"size": 36,
"color": "3E2723",
"bold": true,
"align": "center",
"spacing": {
"before": 24,
"after": 12,
"line": 1.2
},
"allCaps": true,
"borderBottom": {
"color": "accent",
"width": 4,
"style": "double"
}
,
"textShadow": "1px 1px 0px #B8860B"
},
"h2": {
"font": "heading",
"size": 24,
"color": "5D4037",
"bold": true,
"align": "left",
"spacing": {
"before": 20,
"after": 10,
"line": 1.2
},
"borderLeft": {
"color": "accent",
"width": 6,
"style": "solid"
}
,
"padding": 6,
"background": "EFEBE9"
},
"h3": {
"font": "heading",
"size": 18,
"color": "accent",
"bold": true,
"align": "left",
"spacing": {
"before": 16,
"after": 8,
"line": 1.3
}
},
"h4": {
"font": "body",
"size": 16,
"color": "text",
"bold": true,
"align": "left",
"spacing": {
"before": 14,
"after": 6,
"line": 1.3
},
"allCaps": true
},
"h5": {
"font": "body",
"size": 14,
"color": "textSecondary",
"bold": true,
"align": "left",
"spacing": {
"before": 12,
"after": 6,
"line": 1.4
}
},
"h6": {
"font": "body",
"size": 12,
"color": "textSecondary",
"italic": true,
"align": "left",
"spacing": {
"before": 12,
"after": 6,
"line": 1.4
}
},
"p": {
"font": "body",
"size": 14,
"color": "3E2723",
"align": "left",
"spacing": {
"before": 0,
"after": 12,
"line": 1.6
}
},
"blockquote": {
"font": "body",
"size": 14,
"color": "5D4037",
"italic": true,
"align": "left",
"spacing": {
"before": 16,
"after": 16,
"line": 1.5
},
"padding": 20,
"border": {
"color": "accent",
"width": 3,
"style": "dashed"
},
"background": "EFEBE9",
"borderRadius": 4
},
"code": {
"font": "code",
"size": 12,
"color": "text",
"background": "codeBg",
"spacing": {
"before": 0,
"after": 0,
"line": 1.4
}
},
"pre": {
"font": "code",
"size": 12,
"color": "text",
"background": "codeBg",
"padding": 16,
"spacing": {
"before": 16,
"after": 16,
"line": 1.4
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
},
"backgroundImage": "url('grid-pattern.png')"
},
"ul": {
"spacing": {
"before": 12,
"after": 12,
"line": 1.6
},
"indent": 20,
"bullet": "gear"
},
"ol": {
"spacing": {
"before": 12,
"after": 12,
"line": 1.6
},
"indent": 20,
"numbering": "roman"
},
"li": {
"font": "body",
"size": 14,
"color": "text",
"spacing": {
"before": 4,
"after": 4,
"line": 1.6
}
},
"strong": {
"font": "heading",
"bold": true
},
"em": {
"font": "body",
"italic": true
},
"a": {
"font": "body",
"color": "3E2723",
"underline": true,
"bold": true
},
"table": {
"spacing": {
"before": 20,
"after": 20,
"line": 1.3
},
"border": {
"color": "3E2723",
"width": 2,
"style": "double"
}
},
"th": {
"font": "heading",
"size": 12,
"color": "3E2723",
"bold": true,
"background": "B8860B",
"padding": 10
},
"td": {
"font": "body",
"size": 14,
"color": "3E2723",
"padding": 10,
"borderBottom": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"hr": {
"spacing": {
"before": 30,
"after": 30
},
"border": {
"color": "accent",
"width": 2,
"style": "dashed"
}
},
"img": {
"align": "center",
"spacing": {
"before": 16,
"after": 16
},
"border": {
"color": "5D4037",
"width": 4,
"style": "solid"
},
"filter": "sepia(100%)"
},
"del": {
"font": "body",
"strikethrough": true
},
"sup": {
"font": "body",
"size": 10,
"superScript": true
},
"sub": {
"font": "body",
"size": 10,
"subScript": true
},
"mark": {
"font": "body",
"background": "B8860B",
"color": "FFFFFF"
},
"footnote": {
"font": "body",
"size": 12,
"color": "textSecondary",
"superScript": true
},
"footnoteRef": {
"font": "body",
"size": 12,
"color": "textSecondary",
"spacing": {
"before": 6,
"after": 6,
"line": 1.3
}
}
},
"page": {
"margins": {
"top": 72,
"bottom": 72,
"left": 72,
"right": 72
},
"columns": 1,
"header": true,
"footer": true
}
}

View File

@@ -0,0 +1,323 @@
{
"id": "subway-tile",
"name": "Subway Tile",
"category": "Urban",
"description": "Ceramic station aesthetic. Clean, geometric design inspired by classic metropolitan subway systems.",
"vibe": "Clean, Geometric, Classic",
"googleFontsImport": "https://fonts.googleapis.com/css2?family=Lexend+Deca:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Darker+Grotesque:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Fira+Mono:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap",
"typography": {
"fonts": {
"heading": "Lexend Deca",
"body": "Darker Grotesque",
"code": "Fira Mono"
},
"colors": {
"text": "212121",
"textSecondary": "546E7A",
"background": "F5F5F5",
"accent": "004D40",
"border": "B0BEC5",
"codeBg": "ECEFF1",
"blockquoteBorder": "004D40"
}
},
"elements": {
"h1": {
"font": "heading",
"size": 42,
"color": "FFFFFF",
"bold": true,
"align": "center",
"spacing": {
"before": 24,
"after": 12,
"line": 1.1
},
"allCaps": true,
"background": "004D40",
"padding": 20,
"borderRadius": 8,
"border": {
"color": "FFFFFF",
"width": 4,
"style": "solid"
},
"textShadow": "2px 2px 4px rgba(0,0,0,0.3)"
},
"h2": {
"font": "heading",
"size": 28,
"color": "004D40",
"bold": true,
"align": "left",
"spacing": {
"before": 20,
"after": 10,
"line": 1.2
},
"borderBottom": {
"color": "004D40",
"width": 4,
"style": "solid"
}
,
"padding": 8
},
"h3": {
"font": "heading",
"size": 20,
"color": "text",
"bold": true,
"align": "left",
"spacing": {
"before": 16,
"after": 8,
"line": 1.3
},
"allCaps": true
},
"h4": {
"font": "body",
"size": 20,
"color": "text",
"bold": true,
"align": "left",
"spacing": {
"before": 14,
"after": 6,
"line": 1.3
}
},
"h5": {
"font": "body",
"size": 18,
"color": "textSecondary",
"bold": true,
"align": "left",
"spacing": {
"before": 12,
"after": 6,
"line": 1.4
}
},
"h6": {
"font": "body",
"size": 16,
"color": "textSecondary",
"italic": true,
"align": "left",
"spacing": {
"before": 12,
"after": 6,
"line": 1.4
}
},
"p": {
"font": "body",
"size": 20,
"color": "263238",
"align": "left",
"spacing": {
"before": 0,
"after": 12,
"line": 1.5
},
"weight": 500
},
"blockquote": {
"font": "body",
"size": 22,
"color": "004D40",
"bold": true,
"align": "center",
"spacing": {
"before": 24,
"after": 24,
"line": 1.4
},
"padding": 30,
"border": {
"color": "top",
"width": 4,
"style": "solid"
},
"background": "FFFFFF",
"borderRadius": 4,
"boxShadow": "0px 4px 6px rgba(0,0,0,0.1)"
},
"code": {
"font": "code",
"size": 14,
"color": "text",
"background": "codeBg",
"spacing": {
"before": 0,
"after": 0,
"line": 1.4
}
},
"pre": {
"font": "code",
"size": 14,
"color": "text",
"background": "codeBg",
"padding": 20,
"spacing": {
"before": 16,
"after": 16,
"line": 1.4
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
},
"borderRadius": 8
},
"ul": {
"spacing": {
"before": 12,
"after": 12,
"line": 1.6
},
"indent": 24,
"bullet": "square"
},
"ol": {
"spacing": {
"before": 12,
"after": 12,
"line": 1.6
},
"indent": 24,
"numbering": "decimal"
},
"li": {
"font": "body",
"size": 20,
"color": "text",
"spacing": {
"before": 4,
"after": 4,
"line": 1.6
}
},
"strong": {
"font": "heading",
"bold": true
},
"em": {
"font": "body",
"italic": true
},
"a": {
"font": "heading",
"color": "004D40",
"underline": true,
"bold": true
},
"table": {
"spacing": {
"before": 20,
"after": 20,
"line": 1.3
},
"border": {
"color": "B0BEC5",
"width": 2,
"style": "solid"
},
"borderRadius": 8
},
"th": {
"font": "heading",
"size": 16,
"color": "FFFFFF",
"bold": true,
"background": "546E7A",
"padding": 12
},
"td": {
"font": "body",
"size": 18,
"color": "text",
"padding": 12,
"borderBottom": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"hr": {
"spacing": {
"before": 30,
"after": 30
},
"border": {
"color": "004D40",
"width": 8,
"style": "solid"
}
},
"img": {
"align": "center",
"spacing": {
"before": 20,
"after": 20
},
"border": {
"color": "FFFFFF",
"width": 8,
"style": "solid"
},
"boxShadow": "0px 2px 4px rgba(0,0,0,0.2)"
},
"del": {
"font": "body",
"strikethrough": true,
"color": "90A4AE"
},
"sup": {
"font": "body",
"size": 12,
"superScript": true
},
"sub": {
"font": "body",
"size": 12,
"subScript": true
},
"mark": {
"font": "body",
"background": "004D40",
"color": "FFFFFF"
},
"footnote": {
"font": "body",
"size": 14,
"color": "textSecondary",
"superScript": true
},
"footnoteRef": {
"font": "body",
"size": 14,
"color": "textSecondary",
"spacing": {
"before": 6,
"after": 6,
"line": 1.3
}
}
},
"page": {
"margins": {
"top": 54,
"bottom": 54,
"left": 54,
"right": 54
},
"columns": 1,
"header": true,
"footer": true
}
}

View File

@@ -0,0 +1,315 @@
{
"id": "taxi-cab",
"name": "Taxi Cab",
"category": "Urban",
"description": "Iconic NYC yellow cab aesthetic. High-contrast black on yellow, checkerboard patterns, and digital meter typography.",
"vibe": "Urban, Loud, Iconic",
"googleFontsImport": "https://fonts.googleapis.com/css2?family=Archivo+Black:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Share+Tech+Mono:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Saira+Stencil+One:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap",
"typography": {
"fonts": {
"heading": "Archivo Black",
"body": "Share Tech Mono",
"code": "Saira Stencil One"
},
"colors": {
"text": "101010",
"textSecondary": "212121",
"background": "FFD600",
"accent": "000000",
"border": "000000",
"codeBg": "FFFFFF",
"blockquoteBorder": "000000"
}
},
"elements": {
"h1": {
"font": "heading",
"size": 48,
"color": "000000",
"bold": true,
"align": "left",
"spacing": {
"before": 24,
"after": 12,
"line": 1.0
},
"allCaps": true,
"textShadow": "2px 2px 0px #FFFFFF",
"borderBottom": {
"color": "000000",
"width": 8,
"style": "dashed"
}
},
"h2": {
"font": "code",
"size": 32,
"color": "FFFFFF",
"bold": false,
"align": "left",
"spacing": {
"before": 20,
"after": 10,
"line": 1.1
},
"background": "000000",
"padding": 10,
"borderRadius": 4,
"display": "inline-block"
},
"h3": {
"font": "heading",
"size": 24,
"color": "000000",
"bold": true,
"align": "left",
"spacing": {
"before": 16,
"after": 8,
"line": 1.2
},
"allCaps": true
},
"h4": {
"font": "body",
"size": 20,
"color": "000000",
"bold": true,
"align": "left",
"spacing": {
"before": 14,
"after": 6,
"line": 1.3
}
},
"h5": {
"font": "body",
"size": 18,
"color": "212121",
"bold": true,
"align": "left",
"spacing": {
"before": 12,
"after": 6,
"line": 1.4
}
},
"h6": {
"font": "body",
"size": 16,
"color": "212121",
"italic": true,
"align": "left",
"spacing": {
"before": 12,
"after": 6,
"line": 1.4
}
},
"p": {
"font": "body",
"size": 18,
"color": "101010",
"align": "left",
"spacing": {
"before": 0,
"after": 16,
"line": 1.6
},
"weight": 400
},
"blockquote": {
"font": "body",
"size": 18,
"color": "000000",
"bold": false,
"align": "left",
"spacing": {
"before": 20,
"after": 20,
"line": 1.4
},
"padding": 24,
"border": {
"color": "000000",
"width": 4,
"style": "solid"
},
"background": "FFFFFF",
"italic": false,
"fontFamily": "Share Tech Mono"
},
"code": {
"font": "code",
"size": 16,
"color": "000000",
"background": "codeBg",
"spacing": {
"before": 0,
"after": 0,
"line": 1.4
}
},
"pre": {
"font": "body",
"size": 16,
"color": "000000",
"background": "FFFFFF",
"padding": 16,
"spacing": {
"before": 16,
"after": 16,
"line": 1.2
},
"border": {
"color": "000000",
"width": 2,
"style": "dashed"
}
},
"ul": {
"spacing": {
"before": 12,
"after": 12,
"line": 1.6
},
"indent": 20,
"bullet": "square"
},
"ol": {
"spacing": {
"before": 12,
"after": 12,
"line": 1.6
},
"indent": 20,
"numbering": "decimal"
},
"li": {
"font": "body",
"size": 18,
"color": "000000",
"spacing": {
"before": 4,
"after": 4,
"line": 1.6
}
},
"strong": {
"font": "heading",
"bold": true
},
"em": {
"font": "body",
"italic": true
},
"a": {
"font": "heading",
"color": "000000",
"underline": true,
"bold": true
},
"table": {
"spacing": {
"before": 20,
"after": 20,
"line": 1.3
},
"border": {
"color": "000000",
"width": 4,
"style": "solid"
},
"background": "FFFFFF"
},
"th": {
"font": "heading",
"size": 16,
"color": "FFD600",
"bold": true,
"background": "000000",
"padding": 12
},
"td": {
"font": "body",
"size": 16,
"color": "000000",
"padding": 12,
"borderBottom": {
"color": "000000",
"width": 1,
"style": "solid"
}
},
"hr": {
"spacing": {
"before": 30,
"after": 30
},
"border": {
"color": "000000",
"width": 8,
"style": "dashed"
}
},
"img": {
"align": "left",
"spacing": {
"before": 20,
"after": 20
},
"border": {
"color": "000000",
"width": 2,
"style": "solid"
}
},
"del": {
"font": "body",
"strikethrough": true,
"color": "424242"
},
"sup": {
"font": "body",
"size": 10,
"superScript": true
},
"sub": {
"font": "body",
"size": 10,
"subScript": true
},
"mark": {
"font": "body",
"background": "000000",
"color": "FFD600"
},
"footnote": {
"font": "body",
"size": 14,
"color": "textSecondary",
"superScript": true
},
"footnoteRef": {
"font": "body",
"size": 14,
"color": "textSecondary",
"spacing": {
"before": 6,
"after": 6,
"line": 1.3
}
}
},
"page": {
"margins": {
"top": 54,
"bottom": 54,
"left": 54,
"right": 54
},
"columns": 1,
"header": true,
"footer": true
}
}

View File

@@ -0,0 +1,338 @@
{
"id": "varsity-team",
"name": "Varsity Team",
"category": "Sport",
"description": "The quintessential college athlete aesthetic. Bold block letters, gold accents, and academic prestige.",
"vibe": "Athletic, Collegiate, Bold",
"googleFontsImport": "https://fonts.googleapis.com/css2?family=Graduate:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Bitter:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Chivo+Mono:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap",
"typography": {
"fonts": {
"heading": "Graduate",
"body": "Bitter",
"code": "Chivo Mono"
},
"colors": {
"text": "1A237E",
"textSecondary": "3949AB",
"background": "FFFFFF",
"accent": "FFD600",
"border": "E0E0E0",
"codeBg": "F5F5F5",
"blockquoteBorder": "1A237E"
}
},
"elements": {
"h1": {
"font": "heading",
"size": 48,
"color": "1A237E",
"bold": true,
"align": "center",
"spacing": {
"before": 24,
"after": 12,
"line": 1.0
},
"allCaps": true,
"textShadow": "2px 2px 0px #FFD600",
"borderBottom": {
"color": "1A237E",
"width": 8,
"style": "double"
}
},
"h2": {
"font": "heading",
"size": 32,
"color": "FFFFFF",
"bold": true,
"align": "center",
"spacing": {
"before": 20,
"after": 10,
"line": 1.1
},
"background": "1A237E",
"padding": 12,
"borderTop": {
"color": "FFD600",
"width": 4,
"style": "solid"
},
"borderBottom": {
"color": "FFD600",
"width": 4,
"style": "solid"
},
"display": "block",
"allCaps": true
},
"h3": {
"font": "body",
"size": 24,
"color": "1A237E",
"bold": true,
"align": "left",
"spacing": {
"before": 16,
"after": 8,
"line": 1.2
},
"borderLeft": {
"color": "FFD600",
"width": 6,
"style": "solid"
}
,
"padding": 6
},
"h4": {
"font": "body",
"size": 20,
"color": "text",
"bold": true,
"align": "left",
"spacing": {
"before": 14,
"after": 6,
"line": 1.3
},
"allCaps": true
},
"h5": {
"font": "heading",
"size": 16,
"color": "textSecondary",
"bold": true,
"align": "left",
"spacing": {
"before": 12,
"after": 6,
"line": 1.4
}
},
"h6": {
"font": "body",
"size": 14,
"color": "textSecondary",
"italic": true,
"align": "left",
"spacing": {
"before": 12,
"after": 6,
"line": 1.4
}
},
"p": {
"font": "body",
"size": 18,
"color": "2c3e50",
"align": "left",
"spacing": {
"before": 0,
"after": 12,
"line": 1.6
},
"weight": 400
},
"blockquote": {
"font": "heading",
"size": 20,
"color": "1A237E",
"bold": false,
"align": "center",
"spacing": {
"before": 24,
"after": 24,
"line": 1.3
},
"padding": 24,
"border": {
"color": "FFD600",
"width": 4,
"style": "solid"
},
"background": "FAFAFA",
"italic": false
},
"code": {
"font": "code",
"size": 14,
"color": "text",
"background": "codeBg",
"spacing": {
"before": 0,
"after": 0,
"line": 1.4
}
},
"pre": {
"font": "code",
"size": 14,
"color": "text",
"background": "codeBg",
"padding": 16,
"spacing": {
"before": 16,
"after": 16,
"line": 1.4
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
},
"borderRadius": 4
},
"ul": {
"spacing": {
"before": 12,
"after": 12,
"line": 1.6
},
"indent": 20,
"bullet": "disc"
},
"ol": {
"spacing": {
"before": 12,
"after": 12,
"line": 1.6
},
"indent": 20,
"numbering": "decimal"
},
"li": {
"font": "body",
"size": 18,
"color": "text",
"spacing": {
"before": 4,
"after": 4,
"line": 1.6
}
},
"strong": {
"font": "heading",
"bold": true,
"color": "1A237E"
},
"em": {
"font": "body",
"italic": true,
"color": "FFD600"
},
"a": {
"font": "body",
"color": "1A237E",
"underline": true,
"bold": true
},
"table": {
"spacing": {
"before": 20,
"after": 20,
"line": 1.3
},
"border": {
"color": "1A237E",
"width": 2,
"style": "solid"
}
},
"th": {
"font": "heading",
"size": 16,
"color": "FFFFFF",
"bold": true,
"background": "1A237E",
"padding": 12,
"borderBottom": {
"color": "FFD600",
"width": 4,
"style": "solid"
}
},
"td": {
"font": "body",
"size": 16,
"color": "text",
"padding": 12,
"borderBottom": {
"color": "E0E0E0",
"width": 1,
"style": "solid"
}
},
"hr": {
"spacing": {
"before": 30,
"after": 30
},
"border": {
"color": "FFD600",
"width": 6,
"style": "double"
}
},
"img": {
"align": "center",
"spacing": {
"before": 20,
"after": 20
},
"border": {
"color": "1A237E",
"width": 4,
"style": "solid"
}
},
"del": {
"font": "body",
"strikethrough": true,
"color": "757575"
},
"sup": {
"font": "body",
"size": 10,
"superScript": true
},
"sub": {
"font": "body",
"size": 10,
"subScript": true
},
"mark": {
"font": "body",
"background": "FFD600",
"color": "1A237E"
},
"footnote": {
"font": "body",
"size": 12,
"color": "textSecondary",
"superScript": true
},
"footnoteRef": {
"font": "body",
"size": 12,
"color": "textSecondary",
"spacing": {
"before": 6,
"after": 6,
"line": 1.3
}
}
},
"page": {
"margins": {
"top": 72,
"bottom": 72,
"left": 72,
"right": 72
},
"columns": 1,
"header": true,
"footer": true
}
}

View File

@@ -0,0 +1,315 @@
{
"id": "annual-report",
"name": "Annual Report",
"category": "Corporate",
"description": "Trustworthy and substantial. Deep navy blues, clean sans-serifs, and grid-like precision for financial clarity.",
"vibe": "Financial, Serious, Trust",
"googleFontsImport": "https://fonts.googleapis.com/css2?family=Libre+Franklin:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Merriweather:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Roboto+Mono:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap",
"typography": {
"fonts": {
"heading": "Libre Franklin",
"body": "Merriweather",
"code": "Roboto Mono"
},
"colors": {
"text": "333333",
"textSecondary": "666666",
"background": "FFFFFF",
"accent": "0D2B46",
"border": "E0E0E0",
"codeBg": "F5F7FA",
"blockquoteBorder": "0D2B46"
}
},
"elements": {
"h1": {
"font": "heading",
"size": 36,
"color": "accent",
"bold": true,
"align": "left",
"spacing": {
"before": 40,
"after": 20,
"line": 1.1
},
"weight": 900,
"borderBottom": {
"color": "accent",
"width": 4,
"style": "solid"
}
},
"h2": {
"font": "heading",
"size": 24,
"color": "textSecondary",
"bold": true,
"align": "left",
"spacing": {
"before": 32,
"after": 16,
"line": 1.2
},
"allCaps": true,
"letterSpacing": 1,
"borderBottom": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"h3": {
"font": "heading",
"size": 18,
"color": "accent",
"bold": true,
"align": "left",
"spacing": {
"before": 24,
"after": 12,
"line": 1.3
}
},
"h4": {
"font": "heading",
"size": 14,
"color": "text",
"bold": true,
"align": "left",
"spacing": {
"before": 20,
"after": 10,
"line": 1.4
}
},
"h5": {
"font": "heading",
"size": 12,
"color": "textSecondary",
"bold": true,
"align": "left",
"spacing": {
"before": 16,
"after": 8,
"line": 1.4
},
"allCaps": true
},
"h6": {
"font": "heading",
"size": 10,
"color": "textSecondary",
"italic": true,
"align": "left",
"spacing": {
"before": 16,
"after": 8,
"line": 1.4
}
},
"p": {
"font": "body",
"size": 11,
"color": "text",
"align": "justify",
"spacing": {
"before": 0,
"after": 12,
"line": 1.6
},
"weight": 300
},
"blockquote": {
"font": "body",
"size": 14,
"color": "accent",
"italic": true,
"align": "left",
"spacing": {
"before": 24,
"after": 24,
"line": 1.5
},
"padding": 20,
"borderLeft": {
"color": "accent",
"width": 6,
"style": "solid"
},
"background": "F5F7FA"
},
"code": {
"font": "code",
"size": 10,
"color": "accent",
"background": "codeBg",
"spacing": {
"before": 0,
"after": 0,
"line": 1.4
}
},
"pre": {
"font": "code",
"size": 10,
"color": "text",
"background": "codeBg",
"padding": 16,
"spacing": {
"before": 16,
"after": 16,
"line": 1.4
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"ul": {
"spacing": {
"before": 12,
"after": 12,
"line": 1.6
},
"indent": 24,
"bullet": "square"
},
"ol": {
"spacing": {
"before": 12,
"after": 12,
"line": 1.6
},
"indent": 24,
"numbering": "decimal"
},
"li": {
"font": "body",
"size": 11,
"color": "text",
"spacing": {
"before": 4,
"after": 4,
"line": 1.6
}
},
"strong": {
"font": "heading",
"bold": true,
"color": "accent"
},
"em": {
"font": "body",
"italic": true
},
"a": {
"font": "heading",
"color": "accent",
"underline": true,
"bold": true
},
"table": {
"spacing": {
"before": 24,
"after": 24,
"line": 1.2
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"th": {
"font": "heading",
"size": 10,
"color": "FFFFFF",
"bold": true,
"background": "accent",
"padding": 8
},
"td": {
"font": "body",
"size": 10,
"color": "text",
"padding": 8,
"borderBottom": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"hr": {
"spacing": {
"before": 32,
"after": 32
},
"border": {
"color": "accent",
"width": 2,
"style": "solid"
}
},
"img": {
"align": "center",
"spacing": {
"before": 24,
"after": 24
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"del": {
"font": "body",
"strikethrough": true,
"color": "textSecondary"
},
"sup": {
"font": "body",
"size": 8,
"superScript": true
},
"sub": {
"font": "body",
"size": 8,
"subScript": true
},
"mark": {
"font": "body",
"background": "FFF9C4",
"color": "text"
},
"footnote": {
"font": "body",
"size": 9,
"color": "textSecondary",
"superScript": true
},
"footnoteRef": {
"font": "body",
"size": 9,
"color": "textSecondary",
"spacing": {
"before": 6,
"after": 6,
"line": 1.2
}
}
},
"page": {
"margins": {
"top": 50,
"bottom": 50,
"left": 50,
"right": 50
},
"columns": 1,
"header": true,
"footer": true
}
}

View File

@@ -0,0 +1,309 @@
{
"id": "corporate-executive",
"name": "Corporate Executive",
"category": "Corporate",
"description": "Authoritative and professional. Designed for board reports, executive summaries, and high-stakes business communications.",
"vibe": "Executive, Formal, Trustworthy",
"googleFontsImport": "https://fonts.googleapis.com/css2?family=Source+Serif+4:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Source+Sans+3:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Inconsolata:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap",
"typography": {
"fonts": {
"heading": "Source Serif 4",
"body": "Source Sans 3",
"code": "Inconsolata"
},
"colors": {
"text": "333333",
"textSecondary": "546E7A",
"background": "FFFFFF",
"accent": "1A237E",
"border": "B0BEC5",
"codeBg": "ECEFF1",
"blockquoteBorder": "1A237E"
}
},
"elements": {
"h1": {
"font": "heading",
"size": 28,
"color": "accent",
"bold": true,
"align": "left",
"spacing": {
"before": 30,
"after": 15,
"line": 1.2
},
"borderBottom": {
"color": "accent",
"width": 2,
"style": "solid"
}
},
"h2": {
"font": "body",
"size": 18,
"color": "303F9F",
"bold": true,
"align": "left",
"spacing": {
"before": 24,
"after": 12,
"line": 1.3
},
"allCaps": true,
"letterSpacing": 0.5
},
"h3": {
"font": "heading",
"size": 16,
"color": "text",
"bold": true,
"align": "left",
"spacing": {
"before": 20,
"after": 10,
"line": 1.3
}
},
"h4": {
"font": "body",
"size": 14,
"color": "textSecondary",
"bold": true,
"align": "left",
"spacing": {
"before": 16,
"after": 8,
"line": 1.4
},
"italic": true
},
"h5": {
"font": "body",
"size": 12,
"color": "textSecondary",
"bold": true,
"align": "left",
"spacing": {
"before": 16,
"after": 8,
"line": 1.4
}
},
"h6": {
"font": "body",
"size": 11,
"color": "textSecondary",
"italic": true,
"align": "left",
"spacing": {
"before": 16,
"after": 8,
"line": 1.4
}
},
"p": {
"font": "body",
"size": 11,
"color": "text",
"align": "left",
"spacing": {
"before": 0,
"after": 14,
"line": 1.6
},
"weight": 400
},
"blockquote": {
"font": "heading",
"size": 14,
"color": "accent",
"italic": true,
"align": "left",
"spacing": {
"before": 24,
"after": 24,
"line": 1.5
},
"padding": 16,
"borderLeft": {
"color": "accent",
"width": 4,
"style": "solid"
},
"background": "F8F9FA"
},
"code": {
"font": "code",
"size": 10,
"color": "text",
"background": "codeBg",
"spacing": {
"before": 0,
"after": 0,
"line": 1.4
}
},
"pre": {
"font": "code",
"size": 10,
"color": "text",
"background": "codeBg",
"padding": 12,
"spacing": {
"before": 12,
"after": 12,
"line": 1.4
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"ul": {
"spacing": {
"before": 12,
"after": 12,
"line": 1.6
},
"indent": 24,
"bullet": "disc"
},
"ol": {
"spacing": {
"before": 12,
"after": 12,
"line": 1.6
},
"indent": 24,
"numbering": "decimal"
},
"li": {
"font": "body",
"size": 11,
"color": "text",
"spacing": {
"before": 4,
"after": 4,
"line": 1.6
}
},
"strong": {
"font": "heading",
"bold": true,
"color": "accent"
},
"em": {
"font": "body",
"italic": true
},
"a": {
"font": "body",
"color": "303F9F",
"underline": true,
"bold": false
},
"table": {
"spacing": {
"before": 20,
"after": 20,
"line": 1.2
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"th": {
"font": "heading",
"size": 11,
"color": "FFFFFF",
"bold": true,
"background": "accent",
"padding": 10
},
"td": {
"font": "body",
"size": 11,
"color": "text",
"padding": 10,
"borderBottom": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"hr": {
"spacing": {
"before": 30,
"after": 30
},
"border": {
"color": "accent",
"width": 1,
"style": "solid"
}
},
"img": {
"align": "left",
"spacing": {
"before": 20,
"after": 20
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"del": {
"font": "body",
"strikethrough": true,
"color": "textSecondary"
},
"sup": {
"font": "body",
"size": 9,
"superScript": true
},
"sub": {
"font": "body",
"size": 9,
"subScript": true
},
"mark": {
"font": "body",
"background": "E8EAF6",
"color": "text"
},
"footnote": {
"font": "body",
"size": 10,
"color": "textSecondary",
"superScript": true
},
"footnoteRef": {
"font": "body",
"size": 10,
"color": "textSecondary",
"spacing": {
"before": 6,
"after": 6,
"line": 1.2
}
}
},
"page": {
"margins": {
"top": 72,
"bottom": 72,
"left": 72,
"right": 72
},
"columns": 1,
"header": true,
"footer": true
}
}

View File

@@ -0,0 +1,316 @@
{
"id": "credit-card-platinum",
"name": "Platinum Card",
"category": "Corporate",
"description": "Exclusive and premium. Metallic silver gradients, OCR-style numbering, and sharp contrast.",
"vibe": "Luxury, Financial, Metallic",
"googleFontsImport": "https://fonts.googleapis.com/css2?family=Cinzel:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Montserrat:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Share+Tech+Mono:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap",
"typography": {
"fonts": {
"heading": "Cinzel",
"body": "Montserrat",
"code": "Share Tech Mono"
},
"colors": {
"text": "E0E0E0",
"textSecondary": "B0BEC5",
"background": "121212",
"accent": "FFD700",
"border": "424242",
"codeBg": "263238",
"blockquoteBorder": "B0BEC5"
}
},
"elements": {
"h1": {
"font": "heading",
"size": 28,
"color": "E0E0E0",
"bold": true,
"align": "right",
"spacing": {
"before": 40,
"after": 20,
"line": 1.2
},
"allCaps": true,
"textShadow": "0px 2px 4px rgba(0,0,0,0.5)"
},
"h2": {
"font": "body",
"size": 18,
"color": "textSecondary",
"bold": true,
"align": "left",
"spacing": {
"before": 30,
"after": 10,
"line": 1.3
},
"allCaps": true,
"letterSpacing": 2.0
},
"h3": {
"font": "code",
"size": 16,
"color": "E0E0E0",
"bold": false,
"align": "left",
"spacing": {
"before": 20,
"after": 10,
"line": 1.4
},
"textShadow": "1px 1px 0px #000000"
},
"h4": {
"font": "body",
"size": 14,
"color": "accent",
"bold": true,
"align": "left",
"spacing": {
"before": 16,
"after": 8,
"line": 1.4
},
"allCaps": true
},
"h5": {
"font": "body",
"size": 12,
"color": "textSecondary",
"bold": true,
"align": "left",
"spacing": {
"before": 16,
"after": 8,
"line": 1.4
}
},
"h6": {
"font": "code",
"size": 10,
"color": "textSecondary",
"italic": false,
"align": "left",
"spacing": {
"before": 16,
"after": 8,
"line": 1.4
}
},
"p": {
"font": "body",
"size": 11,
"color": "E0E0E0",
"align": "left",
"spacing": {
"before": 0,
"after": 16,
"line": 1.6
},
"weight": 300
},
"blockquote": {
"font": "heading",
"size": 14,
"color": "E0E0E0",
"italic": true,
"align": "center",
"spacing": {
"before": 24,
"after": 24,
"line": 1.5
},
"padding": 20,
"borderTop": {
"color": "accent",
"width": 1,
"style": "solid"
},
"borderBottom": {
"color": "accent",
"width": 1,
"style": "solid"
},
"background": "263238"
},
"code": {
"font": "code",
"size": 12,
"color": "accent",
"background": "codeBg",
"spacing": {
"before": 0,
"after": 0,
"line": 1.4
},
"letterSpacing": 1.5
},
"pre": {
"font": "code",
"size": 12,
"color": "E0E0E0",
"background": "codeBg",
"padding": 16,
"spacing": {
"before": 16,
"after": 16,
"line": 1.4
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"ul": {
"spacing": {
"before": 12,
"after": 12,
"line": 1.6
},
"indent": 20,
"bullet": "diamond"
},
"ol": {
"spacing": {
"before": 12,
"after": 12,
"line": 1.6
},
"indent": 20,
"numbering": "decimal-zero"
},
"li": {
"font": "body",
"size": 11,
"color": "E0E0E0",
"spacing": {
"before": 4,
"after": 4,
"line": 1.6
}
},
"strong": {
"font": "heading",
"bold": true,
"color": "FFFFFF"
},
"em": {
"font": "body",
"italic": true,
"color": "textSecondary"
},
"a": {
"font": "body",
"color": "accent",
"underline": true,
"bold": true
},
"table": {
"spacing": {
"before": 24,
"after": 24,
"line": 1.2
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
},
"background": "212121"
},
"th": {
"font": "heading",
"size": 10,
"color": "121212",
"bold": true,
"background": "B0BEC5",
"padding": 8
},
"td": {
"font": "body",
"size": 11,
"color": "E0E0E0",
"padding": 8,
"borderBottom": {
"color": "424242",
"width": 1,
"style": "solid"
}
},
"hr": {
"spacing": {
"before": 36,
"after": 36
},
"border": {
"color": "B0BEC5",
"width": 1,
"style": "solid"
}
},
"img": {
"align": "center",
"spacing": {
"before": 24,
"after": 24
},
"border": {
"color": "B0BEC5",
"width": 2,
"style": "solid"
}
},
"del": {
"font": "body",
"strikethrough": true,
"color": "757575"
},
"sup": {
"font": "body",
"size": 9,
"superScript": true
},
"sub": {
"font": "body",
"size": 9,
"subScript": true
},
"mark": {
"font": "body",
"background": "424242",
"color": "accent"
},
"footnote": {
"font": "body",
"size": 9,
"color": "757575",
"superScript": true
},
"footnoteRef": {
"font": "body",
"size": 9,
"color": "757575",
"spacing": {
"before": 6,
"after": 6,
"line": 1.2
}
}
},
"page": {
"margins": {
"top": 40,
"bottom": 40,
"left": 40,
"right": 40
},
"columns": 1,
"header": true,
"footer": true,
"background": "121212"
}
}

View File

@@ -0,0 +1,314 @@
{
"id": "currency-bill",
"name": "Currency Bill",
"category": "Corporate",
"description": "Engraved authority. Intricate border styles, heavy serif headings, and banknote aesthetics.",
"vibe": "Federal, Official, Monetary",
"googleFontsImport": "https://fonts.googleapis.com/css2?family=Playfair+Display+SC:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Noto+Serif:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Fira+Code:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap",
"typography": {
"fonts": {
"heading": "Playfair Display SC",
"body": "Noto Serif",
"code": "Fira Code"
},
"colors": {
"text": "1B3022",
"textSecondary": "4A5D50",
"background": "F4F8F4",
"accent": "2E7D32",
"border": "B9C6BD",
"codeBg": "E8F5E9",
"blockquoteBorder": "2E7D32"
}
},
"elements": {
"h1": {
"font": "heading",
"size": 36,
"color": "1B3022",
"bold": true,
"align": "center",
"spacing": {
"before": 40,
"after": 20,
"line": 1.0
},
"allCaps": true,
"textShadow": "0px 1px 0px rgba(0,0,0,0.2), 0px 0px 0px #1B3022"
},
"h2": {
"font": "heading",
"size": 24,
"color": "accent",
"bold": true,
"align": "center",
"spacing": {
"before": 24,
"after": 12,
"line": 1.2
},
"borderTop": {
"color": "accent",
"width": 1,
"style": "double"
},
"borderBottom": {
"color": "accent",
"width": 1,
"style": "double"
},
"padding": 8
},
"h3": {
"font": "heading",
"size": 18,
"color": "1B3022",
"bold": true,
"align": "left",
"spacing": {
"before": 20,
"after": 10,
"line": 1.2
}
},
"h4": {
"font": "heading",
"size": 16,
"color": "textSecondary",
"bold": true,
"align": "left",
"spacing": {
"before": 16,
"after": 8,
"line": 1.3
}
},
"h5": {
"font": "heading",
"size": 14,
"color": "textSecondary",
"bold": true,
"align": "left",
"spacing": {
"before": 16,
"after": 8,
"line": 1.3
}
},
"h6": {
"font": "body",
"size": 12,
"color": "textSecondary",
"italic": true,
"align": "left",
"spacing": {
"before": 16,
"after": 8,
"line": 1.3
}
},
"p": {
"font": "body",
"size": 12,
"color": "text",
"align": "justify",
"spacing": {
"before": 0,
"after": 12,
"line": 1.5
},
"weight": 400
},
"blockquote": {
"font": "heading",
"size": 16,
"color": "1B3022",
"italic": false,
"align": "center",
"spacing": {
"before": 20,
"after": 20,
"line": 1.4
},
"padding": 20,
"border": {
"color": "accent",
"width": 3,
"style": "solid"
},
"background": "E8F5E9"
},
"code": {
"font": "code",
"size": 11,
"color": "1B3022",
"background": "codeBg",
"spacing": {
"before": 0,
"after": 0,
"line": 1.4
}
},
"pre": {
"font": "code",
"size": 11,
"color": "1B3022",
"background": "codeBg",
"padding": 12,
"spacing": {
"before": 12,
"after": 12,
"line": 1.4
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"ul": {
"spacing": {
"before": 12,
"after": 12,
"line": 1.5
},
"indent": 24,
"bullet": "disc"
},
"ol": {
"spacing": {
"before": 12,
"after": 12,
"line": 1.5
},
"indent": 24,
"numbering": "upper-roman"
},
"li": {
"font": "body",
"size": 12,
"color": "text",
"spacing": {
"before": 2,
"after": 2,
"line": 1.5
}
},
"strong": {
"font": "heading",
"bold": true,
"color": "1B3022"
},
"em": {
"font": "body",
"italic": true
},
"a": {
"font": "body",
"color": "accent",
"underline": true,
"bold": true
},
"table": {
"spacing": {
"before": 16,
"after": 16,
"line": 1.2
},
"border": {
"color": "1B3022",
"width": 2,
"style": "solid"
}
},
"th": {
"font": "heading",
"size": 11,
"color": "F4F8F4",
"bold": true,
"background": "1B3022",
"padding": 8
},
"td": {
"font": "body",
"size": 11,
"color": "text",
"padding": 8,
"borderBottom": {
"color": "B9C6BD",
"width": 1,
"style": "solid"
}
},
"hr": {
"spacing": {
"before": 24,
"after": 24
},
"border": {
"color": "1B3022",
"width": 1,
"style": "solid"
}
},
"img": {
"align": "center",
"spacing": {
"before": 20,
"after": 20
},
"border": {
"color": "1B3022",
"width": 4,
"style": "double"
}
},
"del": {
"font": "body",
"strikethrough": true,
"color": "textSecondary"
},
"sup": {
"font": "body",
"size": 9,
"superScript": true
},
"sub": {
"font": "body",
"size": 9,
"subScript": true
},
"mark": {
"font": "body",
"background": "C8E6C9",
"color": "text"
},
"footnote": {
"font": "body",
"size": 10,
"color": "textSecondary",
"superScript": true
},
"footnoteRef": {
"font": "body",
"size": 10,
"color": "textSecondary",
"spacing": {
"before": 4,
"after": 4,
"line": 1.2
}
}
},
"page": {
"margins": {
"top": 40,
"bottom": 40,
"left": 40,
"right": 40
},
"columns": 1,
"header": true,
"footer": true
}
}

View File

@@ -0,0 +1,310 @@
{
"id": "legal-contract",
"name": "Legal Contract",
"category": "Corporate",
"description": "The standard analysis. Dense serif typography, defined numbering, and ironclad readability.",
"vibe": "Legal, Binding, Formal",
"googleFontsImport": "https://fonts.googleapis.com/css2?family=Tinos:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Courier+Prime:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap",
"typography": {
"fonts": {
"heading": "Tinos",
"body": "Tinos",
"code": "Courier Prime"
},
"colors": {
"text": "000000",
"textSecondary": "333333",
"background": "FFFFFF",
"accent": "000000",
"border": "000000",
"codeBg": "F0F0F0",
"blockquoteBorder": "000000"
}
},
"elements": {
"h1": {
"font": "heading",
"size": 16,
"color": "text",
"bold": true,
"align": "center",
"spacing": {
"before": 24,
"after": 12,
"line": 1.2
},
"allCaps": true,
"underline": true
},
"h2": {
"font": "heading",
"size": 14,
"color": "text",
"bold": true,
"align": "left",
"spacing": {
"before": 18,
"after": 6,
"line": 1.2
},
"allCaps": true
},
"h3": {
"font": "heading",
"size": 12,
"color": "text",
"bold": true,
"align": "left",
"spacing": {
"before": 12,
"after": 6,
"line": 1.2
},
"underline": true
},
"h4": {
"font": "heading",
"size": 12,
"color": "text",
"bold": true,
"align": "left",
"spacing": {
"before": 12,
"after": 6,
"line": 1.2
}
},
"h5": {
"font": "heading",
"size": 11,
"color": "text",
"bold": true,
"align": "left",
"spacing": {
"before": 12,
"after": 6,
"line": 1.2
},
"italic": true
},
"h6": {
"font": "heading",
"size": 11,
"color": "text",
"italic": true,
"align": "left",
"spacing": {
"before": 12,
"after": 6,
"line": 1.2
}
},
"p": {
"font": "body",
"size": 11,
"color": "text",
"align": "justify",
"spacing": {
"before": 0,
"after": 12,
"line": 1.15
},
"numbering": "section"
},
"blockquote": {
"font": "body",
"size": 11,
"color": "text",
"italic": false,
"align": "left",
"spacing": {
"before": 12,
"after": 12,
"line": 1.15
},
"padding": 12,
"border": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"code": {
"font": "code",
"size": 10,
"color": "text",
"background": "codeBg",
"spacing": {
"before": 0,
"after": 0,
"line": 1.4
}
},
"pre": {
"font": "code",
"size": 10,
"color": "text",
"background": "codeBg",
"padding": 12,
"spacing": {
"before": 12,
"after": 12,
"line": 1.4
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"ul": {
"spacing": {
"before": 12,
"after": 12,
"line": 1.15
},
"indent": 36,
"bullet": "disc"
},
"ol": {
"spacing": {
"before": 12,
"after": 12,
"line": 1.15
},
"indent": 36,
"numbering": "lower-alpha"
},
"li": {
"font": "body",
"size": 11,
"color": "text",
"spacing": {
"before": 0,
"after": 6,
"line": 1.15
}
},
"strong": {
"font": "body",
"bold": true,
"color": "text"
},
"em": {
"font": "body",
"italic": true
},
"a": {
"font": "body",
"color": "text",
"underline": true,
"bold": false
},
"table": {
"spacing": {
"before": 12,
"after": 12,
"line": 1.2
},
"border": {
"color": "000000",
"width": 1,
"style": "solid"
}
},
"th": {
"font": "heading",
"size": 11,
"color": "text",
"bold": true,
"background": "F0F0F0",
"padding": 6,
"borderBottom": {
"color": "000000",
"width": 1,
"style": "solid"
}
},
"td": {
"font": "body",
"size": 11,
"color": "text",
"padding": 6,
"borderBottom": {
"color": "CCCCCC",
"width": 1,
"style": "solid"
}
},
"hr": {
"spacing": {
"before": 24,
"after": 24
},
"border": {
"color": "000000",
"width": 1,
"style": "solid"
}
},
"img": {
"align": "center",
"spacing": {
"before": 12,
"after": 12
},
"border": {
"color": "000000",
"width": 1,
"style": "solid"
}
},
"del": {
"font": "body",
"strikethrough": true,
"color": "text"
},
"sup": {
"font": "body",
"size": 9,
"superScript": true
},
"sub": {
"font": "body",
"size": 9,
"subScript": true
},
"mark": {
"font": "body",
"background": "FFFF00",
"color": "text"
},
"footnote": {
"font": "body",
"size": 10,
"color": "text",
"superScript": true
},
"footnoteRef": {
"font": "body",
"size": 10,
"color": "text",
"spacing": {
"before": 6,
"after": 6,
"line": 1.2
}
}
},
"page": {
"margins": {
"top": 72,
"bottom": 72,
"left": 72,
"right": 72
},
"columns": 1,
"header": false,
"footer": true
}
}

View File

@@ -0,0 +1,310 @@
{
"id": "legal-pleading",
"name": "Legal Pleading",
"category": "Corporate",
"description": "Court-ready pleading format. Pleading paper line numbers, double spacing, and strict compliance.",
"vibe": "Courtroom, Litigation, Procedural",
"googleFontsImport": "https://fonts.googleapis.com/css2?family=Courier+Prime:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap",
"typography": {
"fonts": {
"heading": "Courier Prime",
"body": "Courier Prime",
"code": "Courier Prime"
},
"colors": {
"text": "000000",
"textSecondary": "000000",
"background": "FFFFFF",
"accent": "000000",
"border": "000000",
"codeBg": "FFFFFF",
"blockquoteBorder": "000000"
}
},
"elements": {
"h1": {
"font": "heading",
"size": 12,
"color": "text",
"bold": true,
"align": "center",
"spacing": {
"before": 24,
"after": 24,
"line": 2.0
},
"allCaps": true,
"underline": true
},
"h2": {
"font": "heading",
"size": 12,
"color": "text",
"bold": true,
"align": "center",
"spacing": {
"before": 24,
"after": 12,
"line": 2.0
},
"allCaps": true
},
"h3": {
"font": "heading",
"size": 12,
"color": "text",
"bold": true,
"align": "left",
"spacing": {
"before": 12,
"after": 0,
"line": 2.0
},
"underline": true
},
"h4": {
"font": "heading",
"size": 12,
"color": "text",
"bold": true,
"align": "left",
"spacing": {
"before": 12,
"after": 0,
"line": 2.0
}
},
"h5": {
"font": "heading",
"size": 12,
"color": "text",
"bold": true,
"align": "left",
"spacing": {
"before": 12,
"after": 0,
"line": 2.0
},
"italic": true
},
"h6": {
"font": "heading",
"size": 12,
"color": "text",
"italic": true,
"align": "left",
"spacing": {
"before": 12,
"after": 0,
"line": 2.0
}
},
"p": {
"font": "body",
"size": 12,
"color": "text",
"align": "justify",
"spacing": {
"before": 0,
"after": 0,
"line": 2.0
},
"indent": 48
},
"blockquote": {
"font": "body",
"size": 12,
"color": "text",
"italic": false,
"align": "left",
"spacing": {
"before": 0,
"after": 0,
"line": 1.0
},
"padding": 48,
"borderLeft": {
"color": "transparent",
"width": 0,
"style": "none"
}
},
"code": {
"font": "code",
"size": 12,
"color": "text",
"background": "codeBg",
"spacing": {
"before": 0,
"after": 0,
"line": 2.0
}
},
"pre": {
"font": "code",
"size": 12,
"color": "text",
"background": "codeBg",
"padding": 12,
"spacing": {
"before": 12,
"after": 12,
"line": 2.0
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"ul": {
"spacing": {
"before": 0,
"after": 0,
"line": 2.0
},
"indent": 48,
"bullet": "disc"
},
"ol": {
"spacing": {
"before": 0,
"after": 0,
"line": 2.0
},
"indent": 48,
"numbering": "decimal"
},
"li": {
"font": "body",
"size": 12,
"color": "text",
"spacing": {
"before": 0,
"after": 0,
"line": 2.0
}
},
"strong": {
"font": "body",
"bold": true,
"color": "text"
},
"em": {
"font": "body",
"italic": true
},
"a": {
"font": "body",
"color": "text",
"underline": true,
"bold": false
},
"table": {
"spacing": {
"before": 12,
"after": 12,
"line": 1.0
},
"border": {
"color": "000000",
"width": 1,
"style": "solid"
}
},
"th": {
"font": "heading",
"size": 12,
"color": "text",
"bold": true,
"background": "FFFFFF",
"padding": 6,
"borderBottom": {
"color": "000000",
"width": 1,
"style": "solid"
}
},
"td": {
"font": "body",
"size": 12,
"color": "text",
"padding": 6,
"borderBottom": {
"color": "000000",
"width": 1,
"style": "solid"
}
},
"hr": {
"spacing": {
"before": 24,
"after": 24
},
"border": {
"color": "000000",
"width": 1,
"style": "solid"
}
},
"img": {
"align": "center",
"spacing": {
"before": 12,
"after": 12
},
"border": {
"color": "000000",
"width": 1,
"style": "solid"
}
},
"del": {
"font": "body",
"strikethrough": true,
"color": "text"
},
"sup": {
"font": "body",
"size": 9,
"superScript": true
},
"sub": {
"font": "body",
"size": 9,
"subScript": true
},
"mark": {
"font": "body",
"background": "FFFF00",
"color": "text"
},
"footnote": {
"font": "body",
"size": 10,
"color": "text",
"superScript": true
},
"footnoteRef": {
"font": "body",
"size": 10,
"color": "text",
"spacing": {
"before": 6,
"after": 6,
"line": 1.0
}
}
},
"page": {
"margins": {
"top": 72,
"bottom": 72,
"left": 108,
"right": 72
},
"columns": 1,
"header": true,
"footer": true
}
}

View File

@@ -0,0 +1,174 @@
{
"id": "passport-official",
"name": "Official Passport",
"category": "Corporate",
"description": "Secure identity document style. Microprint aesthetics, guilloche suggestions, and OCR fonts.",
"vibe": "Government, Secure, Travel",
"googleFontsImport": "https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Space+Mono:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap",
"typography": {
"fonts": {
"heading": "Roboto",
"body": "Space Mono",
"code": "Space Mono"
},
"colors": {
"text": "1A237E",
"textSecondary": "3949AB",
"background": "E8EAF6",
"accent": "C2185B",
"border": "B39DDB",
"codeBg": "E3F2FD",
"blockquoteBorder": "1A237E"
}
},
"elements": {
"h1": {
"font": "heading",
"size": 24,
"color": "text",
"bold": true,
"align": "left",
"spacing": { "before": 24, "after": 12, "line": 1.2 },
"allCaps": true,
"letterSpacing": 1.0,
"borderBottom": { "color": "accent", "width": 2, "style": "solid" }
},
"h2": {
"font": "heading",
"size": 18,
"color": "textSecondary",
"bold": true,
"align": "left",
"spacing": { "before": 20, "after": 10, "line": 1.3 },
"allCaps": true
},
"h3": {
"font": "heading",
"size": 16,
"color": "text",
"bold": true,
"align": "left",
"spacing": { "before": 16, "after": 8, "line": 1.3 }
},
"h4": {
"font": "body",
"size": 14,
"color": "textSecondary",
"bold": true,
"align": "left",
"spacing": { "before": 16, "after": 8, "line": 1.4 },
"allCaps": true
},
"h5": {
"font": "body",
"size": 12,
"color": "textSecondary",
"bold": true,
"align": "left",
"spacing": { "before": 12, "after": 6, "line": 1.4 }
},
"h6": {
"font": "body",
"size": 11,
"color": "textSecondary",
"italic": true,
"align": "left",
"spacing": { "before": 12, "after": 6, "line": 1.4 }
},
"p": {
"font": "body",
"size": 12,
"color": "text",
"align": "left",
"spacing": { "before": 0, "after": 12, "line": 1.5 },
"weight": 500
},
"blockquote": {
"font": "code",
"size": 12,
"color": "accent",
"italic": false,
"align": "left",
"spacing": { "before": 16, "after": 16, "line": 1.4 },
"padding": 16,
"border": { "color": "accent", "width": 2, "style": "dashed" },
"background": "FFFFFF"
},
"code": {
"font": "code",
"size": 11,
"color": "text",
"background": "codeBg",
"spacing": { "before": 0, "after": 0, "line": 1.4 }
},
"pre": {
"font": "code",
"size": 11,
"color": "text",
"background": "codeBg",
"padding": 12,
"spacing": { "before": 12, "after": 12, "line": 1.4 },
"border": { "color": "border", "width": 1, "style": "solid" }
},
"ul": {
"spacing": { "before": 12, "after": 12, "line": 1.5 },
"indent": 20,
"bullet": "square"
},
"ol": {
"spacing": { "before": 12, "after": 12, "line": 1.5 },
"indent": 20,
"numbering": "decimal"
},
"li": {
"font": "body",
"size": 12,
"color": "text",
"spacing": { "before": 4, "after": 4, "line": 1.5 }
},
"strong": { "font": "heading", "bold": true, "color": "text" },
"em": { "font": "body", "italic": true },
"a": { "font": "body", "color": "accent", "underline": true, "bold": true },
"table": {
"spacing": { "before": 16, "after": 16, "line": 1.2 },
"border": { "color": "border", "width": 1, "style": "solid" }
},
"th": {
"font": "heading",
"size": 11,
"color": "FFFFFF",
"bold": true,
"background": "text",
"padding": 8
},
"td": {
"font": "body",
"size": 12,
"color": "text",
"padding": 8,
"borderBottom": { "color": "border", "width": 1, "style": "solid" }
},
"hr": {
"spacing": { "before": 24, "after": 24 },
"border": { "color": "border", "width": 1, "style": "solid" }
},
"img": {
"align": "left",
"spacing": { "before": 16, "after": 16 },
"border": { "color": "text", "width": 2, "style": "solid" },
"filter": "grayscale(100%)"
},
"del": { "font": "body", "strikethrough": true, "color": "accent" },
"sup": { "font": "body", "size": 9, "superScript": true },
"sub": { "font": "body", "size": 9, "subScript": true },
"mark": { "font": "body", "background": "E1BEE7", "color": "text" },
"footnote": { "font": "body", "size": 10, "color": "textSecondary", "superScript": true },
"footnoteRef": { "font": "body", "size": 10, "color": "textSecondary", "spacing": { "before": 6, "after": 6, "line": 1.2 } }
},
"page": {
"margins": { "top": 40, "bottom": 40, "left": 40, "right": 40 },
"columns": 1,
"header": true,
"footer": true
}
}

View File

@@ -0,0 +1,317 @@
{
"id": "police-blotter",
"name": "Police Blotter",
"category": "Corporate",
"description": "Bureaucratic field report style. Carbon copy aesthetics, monospace type, and form-like structure.",
"vibe": "Official, Gritty, Carbon Copy",
"googleFontsImport": "https://fonts.googleapis.com/css2?family=Special+Elite:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Cutive+Mono:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap",
"typography": {
"fonts": {
"heading": "Special Elite",
"body": "Cutive Mono",
"code": "Cutive Mono"
},
"colors": {
"text": "1A237E",
"textSecondary": "5C6BC0",
"background": "F5F5F5",
"accent": "B71C1C",
"border": "9FA8DA",
"codeBg": "E8EAF6",
"blockquoteBorder": "1A237E"
}
},
"elements": {
"h1": {
"font": "heading",
"size": 24,
"color": "text",
"bold": true,
"align": "left",
"spacing": {
"before": 24,
"after": 12,
"line": 1.2
},
"allCaps": true,
"borderBottom": {
"color": "text",
"width": 2,
"style": "solid"
}
},
"h2": {
"font": "heading",
"size": 18,
"color": "text",
"bold": true,
"align": "left",
"spacing": {
"before": 20,
"after": 10,
"line": 1.3
},
"background": "E8EAF6",
"padding": 4
},
"h3": {
"font": "heading",
"size": 16,
"color": "text",
"bold": true,
"align": "left",
"spacing": {
"before": 16,
"after": 8,
"line": 1.3
},
"underline": true
},
"h4": {
"font": "body",
"size": 14,
"color": "text",
"bold": true,
"align": "left",
"spacing": {
"before": 16,
"after": 8,
"line": 1.4
},
"allCaps": true
},
"h5": {
"font": "body",
"size": 12,
"color": "text",
"bold": true,
"align": "left",
"spacing": {
"before": 12,
"after": 6,
"line": 1.4
}
},
"h6": {
"font": "body",
"size": 11,
"color": "text",
"italic": true,
"align": "left",
"spacing": {
"before": 12,
"after": 6,
"line": 1.4
}
},
"p": {
"font": "body",
"size": 13,
"color": "text",
"align": "left",
"spacing": {
"before": 0,
"after": 12,
"line": 1.4
},
"weight": 400
},
"blockquote": {
"font": "heading",
"size": 14,
"color": "accent",
"italic": false,
"align": "left",
"spacing": {
"before": 16,
"after": 16,
"line": 1.4
},
"padding": 16,
"border": {
"color": "accent",
"width": 3,
"style": "solid"
},
"background": "F5F5F5"
},
"code": {
"font": "code",
"size": 12,
"color": "text",
"background": "codeBg",
"spacing": {
"before": 0,
"after": 0,
"line": 1.4
}
},
"pre": {
"font": "code",
"size": 12,
"color": "text",
"background": "codeBg",
"padding": 12,
"spacing": {
"before": 12,
"after": 12,
"line": 1.4
},
"border": {
"color": "border",
"width": 1,
"style": "dotted"
}
},
"ul": {
"spacing": {
"before": 12,
"after": 12,
"line": 1.4
},
"indent": 20,
"bullet": "hyphen"
},
"ol": {
"spacing": {
"before": 12,
"after": 12,
"line": 1.4
},
"indent": 20,
"numbering": "decimal"
},
"li": {
"font": "body",
"size": 13,
"color": "text",
"spacing": {
"before": 4,
"after": 4,
"line": 1.4
}
},
"strong": {
"font": "heading",
"bold": true,
"color": "text"
},
"em": {
"font": "body",
"italic": true
},
"a": {
"font": "body",
"color": "accent",
"underline": true,
"bold": true
},
"table": {
"spacing": {
"before": 16,
"after": 16,
"line": 1.2
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"th": {
"font": "heading",
"size": 12,
"color": "text",
"bold": true,
"background": "E8EAF6",
"padding": 8,
"borderBottom": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"td": {
"font": "body",
"size": 13,
"color": "text",
"padding": 8,
"borderBottom": {
"color": "border",
"width": 1,
"style": "dotted"
}
},
"hr": {
"spacing": {
"before": 24,
"after": 24
},
"border": {
"color": "border",
"width": 1,
"style": "dashed"
}
},
"img": {
"align": "center",
"spacing": {
"before": 16,
"after": 16
},
"border": {
"color": "text",
"width": 2,
"style": "solid"
},
"filter": "contrast(120%) grayscale(50%)"
},
"del": {
"font": "body",
"strikethrough": true,
"color": "text"
},
"sup": {
"font": "body",
"size": 9,
"superScript": true
},
"sub": {
"font": "body",
"size": 9,
"subScript": true
},
"mark": {
"font": "body",
"background": "FFCDD2",
"color": "text"
},
"footnote": {
"font": "body",
"size": 10,
"color": "textSecondary",
"superScript": true
},
"footnoteRef": {
"font": "body",
"size": 10,
"color": "textSecondary",
"spacing": {
"before": 6,
"after": 6,
"line": 1.2
}
}
},
"page": {
"margins": {
"top": 50,
"bottom": 50,
"left": 50,
"right": 50
},
"columns": 1,
"header": true,
"footer": true
}
}

View File

@@ -0,0 +1,311 @@
{
"id": "political-campaign",
"name": "Campaign Trail",
"category": "Corporate",
"description": "Bold, patriotic, and persuasive. Heavy sans-serif headlines designed for maximum visibility.",
"vibe": "Patriotic, Bold, Persuasive",
"googleFontsImport": "https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Roboto+Slab:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Courier+Prime:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap",
"typography": {
"fonts": {
"heading": "Montserrat",
"body": "Roboto Slab",
"code": "Courier Prime"
},
"colors": {
"text": "111111",
"textSecondary": "444444",
"background": "FFFFFF",
"accent": "BF0A30",
"border": "002868",
"codeBg": "F5F5F5",
"blockquoteBorder": "002868"
}
},
"elements": {
"h1": {
"font": "heading",
"size": 48,
"color": "border",
"bold": true,
"align": "left",
"spacing": {
"before": 40,
"after": 20,
"line": 1.0
},
"allCaps": true,
"weight": 900
},
"h2": {
"font": "heading",
"size": 32,
"color": "accent",
"bold": true,
"align": "left",
"spacing": {
"before": 32,
"after": 16,
"line": 1.1
},
"allCaps": true,
"weight": 700
},
"h3": {
"font": "heading",
"size": 24,
"color": "border",
"bold": true,
"align": "left",
"spacing": {
"before": 24,
"after": 12,
"line": 1.2
}
},
"h4": {
"font": "heading",
"size": 18,
"color": "text",
"bold": true,
"align": "left",
"spacing": {
"before": 20,
"after": 10,
"line": 1.3
}
},
"h5": {
"font": "heading",
"size": 16,
"color": "textSecondary",
"bold": true,
"align": "left",
"spacing": {
"before": 16,
"after": 8,
"line": 1.3
}
},
"h6": {
"font": "body",
"size": 14,
"color": "textSecondary",
"italic": true,
"align": "left",
"spacing": {
"before": 16,
"after": 8,
"line": 1.3
}
},
"p": {
"font": "body",
"size": 14,
"color": "text",
"align": "left",
"spacing": {
"before": 0,
"after": 16,
"line": 1.6
},
"weight": 300
},
"blockquote": {
"font": "heading",
"size": 20,
"color": "border",
"italic": true,
"align": "center",
"spacing": {
"before": 30,
"after": 30,
"line": 1.4
},
"padding": 20,
"borderTop": {
"color": "accent",
"width": 4,
"style": "solid"
},
"borderBottom": {
"color": "accent",
"width": 4,
"style": "solid"
},
"background": "FFFFFF"
},
"code": {
"font": "code",
"size": 12,
"color": "text",
"background": "codeBg",
"spacing": {
"before": 0,
"after": 0,
"line": 1.4
}
},
"pre": {
"font": "code",
"size": 12,
"color": "text",
"background": "codeBg",
"padding": 16,
"spacing": {
"before": 16,
"after": 16,
"line": 1.4
},
"border": {
"color": "textSecondary",
"width": 1,
"style": "solid"
}
},
"ul": {
"spacing": {
"before": 16,
"after": 16,
"line": 1.6
},
"indent": 24,
"bullet": "square"
},
"ol": {
"spacing": {
"before": 16,
"after": 16,
"line": 1.6
},
"indent": 24,
"numbering": "decimal"
},
"li": {
"font": "body",
"size": 14,
"color": "text",
"spacing": {
"before": 4,
"after": 4,
"line": 1.6
}
},
"strong": {
"font": "heading",
"bold": true,
"color": "border"
},
"em": {
"font": "body",
"italic": true,
"color": "accent"
},
"a": {
"font": "heading",
"color": "border",
"underline": true,
"bold": true
},
"table": {
"spacing": {
"before": 24,
"after": 24,
"line": 1.2
},
"border": {
"color": "border",
"width": 2,
"style": "solid"
}
},
"th": {
"font": "heading",
"size": 14,
"color": "FFFFFF",
"bold": true,
"background": "border",
"padding": 12
},
"td": {
"font": "body",
"size": 14,
"color": "text",
"padding": 12,
"borderBottom": {
"color": "textSecondary",
"width": 1,
"style": "solid"
}
},
"hr": {
"spacing": {
"before": 40,
"after": 40
},
"border": {
"color": "accent",
"width": 4,
"style": "solid"
}
},
"img": {
"align": "center",
"spacing": {
"before": 24,
"after": 24
},
"border": {
"color": "border",
"width": 4,
"style": "solid"
}
},
"del": {
"font": "body",
"strikethrough": true,
"color": "textSecondary"
},
"sup": {
"font": "body",
"size": 10,
"superScript": true
},
"sub": {
"font": "body",
"size": 10,
"subScript": true
},
"mark": {
"font": "body",
"background": "FFEB3B",
"color": "text"
},
"footnote": {
"font": "body",
"size": 10,
"color": "textSecondary",
"superScript": true
},
"footnoteRef": {
"font": "body",
"size": 10,
"color": "textSecondary",
"spacing": {
"before": 6,
"after": 6,
"line": 1.2
}
}
},
"page": {
"margins": {
"top": 50,
"bottom": 50,
"left": 50,
"right": 50
},
"columns": 1,
"header": true,
"footer": true
}
}

View File

@@ -0,0 +1,319 @@
{
"id": "professional",
"name": "Professional Business",
"category": "Corporate",
"description": "The gold standard for reports and proposals. Trustworthy, authoritative, and perfectly structured.",
"vibe": "Corporate, Trustworthy, Polished",
"googleFontsImport": "https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Roboto+Mono:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap",
"typography": {
"fonts": {
"heading": "Montserrat",
"body": "Open Sans",
"code": "Roboto Mono"
},
"colors": {
"text": "1A202C",
"textSecondary": "4A5568",
"background": "FFFFFF",
"accent": "2C5282",
"border": "E2E8F0",
"codeBg": "EDF2F7",
"blockquoteBorder": "2C5282"
}
},
"elements": {
"h1": {
"font": "heading",
"size": 32,
"color": "2C5282",
"bold": true,
"align": "left",
"spacing": {
"before": 24,
"after": 12,
"line": 1.2
},
"allCaps": true,
"letterSpacing": 1.0,
"borderBottom": {
"color": "E2E8F0",
"width": 1,
"style": "solid"
}
},
"h2": {
"font": "heading",
"size": 24,
"color": "2D3748",
"bold": true,
"align": "left",
"spacing": {
"before": 20,
"after": 10,
"line": 1.2
},
"borderLeft": {
"color": "2C5282",
"width": 4,
"style": "solid"
}
,
"padding": 8
},
"h3": {
"font": "heading",
"size": 18,
"color": "2C5282",
"bold": true,
"align": "left",
"spacing": {
"before": 16,
"after": 8,
"line": 1.3
},
"allCaps": true
},
"h4": {
"font": "heading",
"size": 16,
"color": "4A5568",
"bold": true,
"align": "left",
"spacing": {
"before": 16,
"after": 6,
"line": 1.3
}
},
"h5": {
"font": "heading",
"size": 14,
"color": "4A5568",
"bold": true,
"align": "left",
"spacing": {
"before": 14,
"after": 6,
"line": 1.4
},
"allCaps": true
},
"h6": {
"font": "heading",
"size": 12,
"color": "718096",
"bold": true,
"align": "left",
"spacing": {
"before": 14,
"after": 6,
"line": 1.4
},
"allCaps": true
},
"p": {
"font": "body",
"size": 14,
"color": "1A202C",
"align": "left",
"spacing": {
"before": 0,
"after": 12,
"line": 1.6
},
"weight": 400
},
"blockquote": {
"font": "body",
"size": 14,
"color": "2D3748",
"italic": true,
"align": "left",
"spacing": {
"before": 16,
"after": 16,
"line": 1.6
},
"padding": 16,
"borderLeft": {
"color": "2C5282",
"width": 4,
"style": "solid"
},
"background": "F7FAFC"
},
"code": {
"font": "code",
"size": 12,
"color": "2D3748",
"background": "codeBg",
"spacing": {
"before": 0,
"after": 0,
"line": 1.4
}
},
"pre": {
"font": "code",
"size": 12,
"color": "2D3748",
"background": "codeBg",
"padding": 16,
"spacing": {
"before": 16,
"after": 16,
"line": 1.4
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
},
"borderRadius": 4
},
"ul": {
"spacing": {
"before": 12,
"after": 12,
"line": 1.6
},
"indent": 20,
"bullet": "square"
},
"ol": {
"spacing": {
"before": 12,
"after": 12,
"line": 1.6
},
"indent": 20,
"numbering": "decimal"
},
"li": {
"font": "body",
"size": 14,
"color": "1A202C",
"spacing": {
"before": 4,
"after": 4,
"line": 1.6
}
},
"strong": {
"font": "heading",
"bold": true,
"color": "2C5282"
},
"em": {
"font": "body",
"italic": true
},
"a": {
"font": "body",
"color": "2C5282",
"underline": true,
"bold": true
},
"table": {
"spacing": {
"before": 20,
"after": 20,
"line": 1.3
},
"border": {
"color": "E2E8F0",
"width": 1,
"style": "solid"
}
},
"th": {
"font": "heading",
"size": 12,
"color": "FFFFFF",
"bold": true,
"background": "2C5282",
"padding": 10
},
"td": {
"font": "body",
"size": 14,
"color": "1A202C",
"padding": 10,
"borderBottom": {
"color": "E2E8F0",
"width": 1,
"style": "solid"
}
},
"hr": {
"spacing": {
"before": 30,
"after": 30
},
"border": {
"color": "2C5282",
"width": 2,
"style": "solid"
}
},
"img": {
"align": "left",
"spacing": {
"before": 16,
"after": 16
},
"border": {
"color": "E2E8F0",
"width": 1,
"style": "solid"
}
},
"del": {
"font": "body",
"strikethrough": true,
"color": "A0AEC0"
},
"sup": {
"font": "body",
"size": 10,
"superScript": true
},
"sub": {
"font": "body",
"size": 10,
"subScript": true
},
"mark": {
"font": "body",
"background": "ECC94B",
"color": "1A202C"
},
"footnote": {
"font": "body",
"size": 12,
"color": "textSecondary",
"superScript": true
},
"footnoteRef": {
"font": "body",
"size": 12,
"color": "textSecondary",
"spacing": {
"before": 6,
"after": 6,
"line": 1.3
}
}
},
"page": {
"margins": {
"top": 72,
"bottom": 72,
"left": 72,
"right": 72
},
"columns": 1,
"header": true,
"footer": true
}
}

View File

@@ -0,0 +1,311 @@
{
"id": "stock-ticker",
"name": "Wall Street",
"category": "Corporate",
"description": "High-frequency trading aesthetic. Neon green data on a pitch-black terminal background.",
"vibe": "Financial, Digital, Dark Mode",
"googleFontsImport": "https://fonts.googleapis.com/css2?family=VT323:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=JetBrains+Mono:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap",
"typography": {
"fonts": {
"heading": "VT323",
"body": "JetBrains Mono",
"code": "VT323"
},
"colors": {
"text": "00FF00",
"textSecondary": "008800",
"background": "000000",
"accent": "00FF00",
"border": "003300",
"codeBg": "0A0A0A",
"blockquoteBorder": "00FF00"
}
},
"elements": {
"h1": {
"font": "heading",
"size": 36,
"color": "accent",
"bold": false,
"align": "left",
"spacing": {
"before": 24,
"after": 12,
"line": 1.0
},
"allCaps": true,
"textShadow": "0 0 5px #00FF00"
},
"h2": {
"font": "heading",
"size": 24,
"color": "accent",
"bold": false,
"align": "left",
"spacing": {
"before": 24,
"after": 12,
"line": 1.0
},
"borderBottom": {
"color": "accent",
"width": 1,
"style": "dashed"
}
},
"h3": {
"font": "heading",
"size": 20,
"color": "textSecondary",
"bold": false,
"align": "left",
"spacing": {
"before": 20,
"after": 10,
"line": 1.0
}
},
"h4": {
"font": "body",
"size": 16,
"color": "text",
"bold": true,
"align": "left",
"spacing": {
"before": 16,
"after": 8,
"line": 1.2
}
},
"h5": {
"font": "body",
"size": 14,
"color": "textSecondary",
"bold": true,
"align": "left",
"spacing": {
"before": 16,
"after": 8,
"line": 1.2
}
},
"h6": {
"font": "body",
"size": 12,
"color": "textSecondary",
"italic": true,
"align": "left",
"spacing": {
"before": 16,
"after": 8,
"line": 1.2
}
},
"p": {
"font": "body",
"size": 12,
"color": "text",
"align": "left",
"spacing": {
"before": 0,
"after": 12,
"line": 1.4
},
"weight": 400
},
"blockquote": {
"font": "heading",
"size": 18,
"color": "text",
"italic": false,
"align": "left",
"spacing": {
"before": 16,
"after": 16,
"line": 1.2
},
"padding": 16,
"borderLeft": {
"color": "accent",
"width": 4,
"style": "solid"
},
"background": "050505"
},
"code": {
"font": "code",
"size": 14,
"color": "accent",
"background": "codeBg",
"spacing": {
"before": 0,
"after": 0,
"line": 1.2
}
},
"pre": {
"font": "code",
"size": 14,
"color": "accent",
"background": "codeBg",
"padding": 12,
"spacing": {
"before": 12,
"after": 12,
"line": 1.2
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"ul": {
"spacing": {
"before": 12,
"after": 12,
"line": 1.4
},
"indent": 20,
"bullet": "greater-than"
},
"ol": {
"spacing": {
"before": 12,
"after": 12,
"line": 1.4
},
"indent": 20,
"numbering": "binary"
},
"li": {
"font": "body",
"size": 12,
"color": "text",
"spacing": {
"before": 2,
"after": 2,
"line": 1.4
}
},
"strong": {
"font": "body",
"bold": true,
"color": "FFFFFF"
},
"em": {
"font": "body",
"italic": true,
"color": "textSecondary"
},
"a": {
"font": "body",
"color": "accent",
"underline": true,
"bold": true
},
"table": {
"spacing": {
"before": 16,
"after": 16,
"line": 1.2
},
"border": {
"color": "accent",
"width": 1,
"style": "solid"
},
"background": "000000"
},
"th": {
"font": "heading",
"size": 14,
"color": "000000",
"bold": false,
"background": "00FF00",
"padding": 8
},
"td": {
"font": "body",
"size": 12,
"color": "text",
"padding": 8,
"borderBottom": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"hr": {
"spacing": {
"before": 24,
"after": 24
},
"border": {
"color": "accent",
"width": 1,
"style": "dashed"
}
},
"img": {
"align": "center",
"spacing": {
"before": 16,
"after": 16
},
"border": {
"color": "accent",
"width": 1,
"style": "solid"
}
},
"del": {
"font": "body",
"strikethrough": true,
"color": "660000"
},
"sup": {
"font": "body",
"size": 10,
"superScript": true
},
"sub": {
"font": "body",
"size": 10,
"subScript": true
},
"mark": {
"font": "body",
"background": "003300",
"color": "accent"
},
"footnote": {
"font": "body",
"size": 10,
"color": "textSecondary",
"superScript": true
},
"footnoteRef": {
"font": "body",
"size": 10,
"color": "textSecondary",
"spacing": {
"before": 6,
"after": 6,
"line": 1.2
}
}
},
"page": {
"margins": {
"top": 40,
"bottom": 40,
"left": 40,
"right": 40
},
"columns": 1,
"header": true,
"footer": true,
"background": "000000"
}
}

View File

@@ -0,0 +1,303 @@
{
"id": "tech-memo",
"name": "Tech Memo",
"category": "Corporate",
"description": "Silicon Valley minimalism. High readability, soft gray geometric type, and a focus on clarity.",
"vibe": "Tech, Modern, Clean",
"googleFontsImport": "https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Source+Code+Pro:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap",
"typography": {
"fonts": {
"heading": "Roboto",
"body": "Open Sans",
"code": "Source Code Pro"
},
"colors": {
"text": "374151",
"textSecondary": "6B7280",
"background": "FFFFFF",
"accent": "3B82F6",
"border": "E5E7EB",
"codeBg": "F3F4F6",
"blockquoteBorder": "3B82F6"
}
},
"elements": {
"h1": {
"font": "heading",
"size": 30,
"color": "111827",
"bold": true,
"align": "left",
"spacing": {
"before": 32,
"after": 16,
"line": 1.2
},
"weight": 700
},
"h2": {
"font": "heading",
"size": 24,
"color": "374151",
"bold": true,
"align": "left",
"spacing": {
"before": 24,
"after": 12,
"line": 1.3
},
"weight": 500
},
"h3": {
"font": "heading",
"size": 20,
"color": "accent",
"bold": true,
"align": "left",
"spacing": {
"before": 20,
"after": 10,
"line": 1.3
}
},
"h4": {
"font": "heading",
"size": 16,
"color": "text",
"bold": true,
"align": "left",
"spacing": {
"before": 16,
"after": 8,
"line": 1.4
}
},
"h5": {
"font": "heading",
"size": 14,
"color": "textSecondary",
"bold": true,
"align": "left",
"spacing": {
"before": 16,
"after": 8,
"line": 1.4
},
"allCaps": true,
"letterSpacing": 0.5
},
"h6": {
"font": "heading",
"size": 12,
"color": "textSecondary",
"italic": true,
"align": "left",
"spacing": {
"before": 16,
"after": 8,
"line": 1.4
}
},
"p": {
"font": "body",
"size": 12,
"color": "text",
"align": "left",
"spacing": {
"before": 0,
"after": 12,
"line": 1.6
},
"weight": 400
},
"blockquote": {
"font": "body",
"size": 14,
"color": "text",
"italic": true,
"align": "left",
"spacing": {
"before": 20,
"after": 20,
"line": 1.5
},
"padding": 16,
"borderLeft": {
"color": "accent",
"width": 4,
"style": "solid"
},
"background": "F9FAFB"
},
"code": {
"font": "code",
"size": 12,
"color": "D946EF",
"background": "codeBg",
"spacing": {
"before": 0,
"after": 0,
"line": 1.4
}
},
"pre": {
"font": "code",
"size": 12,
"color": "1F2937",
"background": "codeBg",
"padding": 12,
"spacing": {
"before": 12,
"after": 12,
"line": 1.4
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
},
"radius": 4
},
"ul": {
"spacing": {
"before": 12,
"after": 12,
"line": 1.6
},
"indent": 24,
"bullet": "disc"
},
"ol": {
"spacing": {
"before": 12,
"after": 12,
"line": 1.6
},
"indent": 24,
"numbering": "decimal"
},
"li": {
"font": "body",
"size": 12,
"color": "text",
"spacing": {
"before": 4,
"after": 4,
"line": 1.6
}
},
"strong": {
"font": "body",
"bold": true,
"color": "111827"
},
"em": {
"font": "body",
"italic": true
},
"a": {
"font": "body",
"color": "accent",
"underline": false,
"bold": true
},
"table": {
"spacing": {
"before": 20,
"after": 20,
"line": 1.2
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"th": {
"font": "heading",
"size": 12,
"color": "374151",
"bold": true,
"background": "F3F4F6",
"padding": 10,
"radius": 4
},
"td": {
"font": "body",
"size": 12,
"color": "text",
"padding": 10,
"borderBottom": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"hr": {
"spacing": {
"before": 32,
"after": 32
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"img": {
"align": "center",
"spacing": {
"before": 24,
"after": 24
},
"radius": 8
},
"del": {
"font": "body",
"strikethrough": true,
"color": "textSecondary"
},
"sup": {
"font": "body",
"size": 9,
"superScript": true
},
"sub": {
"font": "body",
"size": 9,
"subScript": true
},
"mark": {
"font": "body",
"background": "FEF3C7",
"color": "text"
},
"footnote": {
"font": "body",
"size": 10,
"color": "textSecondary",
"superScript": true
},
"footnoteRef": {
"font": "body",
"size": 10,
"color": "textSecondary",
"spacing": {
"before": 6,
"after": 6,
"line": 1.2
}
}
},
"page": {
"margins": {
"top": 60,
"bottom": 60,
"left": 60,
"right": 60
},
"columns": 1,
"header": true,
"footer": true
}
}

View File

@@ -0,0 +1,316 @@
{
"id": "top-secret-redacted",
"name": "Classified",
"category": "Corporate",
"description": "For eyes only. Typewriter text, heavy redaction bars, and a sense of government secrecy.",
"vibe": "Secret, Government, Redacted",
"googleFontsImport": "https://fonts.googleapis.com/css2?family=Special+Elite:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Courier+Prime:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap",
"typography": {
"fonts": {
"heading": "Special Elite",
"body": "Courier Prime",
"code": "Courier Prime"
},
"colors": {
"text": "000000",
"textSecondary": "333333",
"background": "FFFFFF",
"accent": "000000",
"border": "000000",
"codeBg": "E0E0E0",
"blockquoteBorder": "000000"
}
},
"elements": {
"h1": {
"font": "heading",
"size": 24,
"color": "text",
"bold": true,
"align": "center",
"spacing": {
"before": 24,
"after": 12,
"line": 1.2
},
"allCaps": true,
"borderTop": {
"color": "text",
"width": 4,
"style": "solid"
},
"borderBottom": {
"color": "text",
"width": 4,
"style": "solid"
}
},
"h2": {
"font": "heading",
"size": 18,
"color": "text",
"bold": true,
"align": "left",
"spacing": {
"before": 24,
"after": 12,
"line": 1.2
},
"underline": true
},
"h3": {
"font": "heading",
"size": 16,
"color": "text",
"bold": true,
"align": "left",
"spacing": {
"before": 20,
"after": 10,
"line": 1.2
}
},
"h4": {
"font": "body",
"size": 14,
"color": "text",
"bold": true,
"align": "left",
"spacing": {
"before": 16,
"after": 8,
"line": 1.3
},
"allCaps": true
},
"h5": {
"font": "body",
"size": 12,
"color": "text",
"bold": true,
"align": "left",
"spacing": {
"before": 16,
"after": 8,
"line": 1.3
}
},
"h6": {
"font": "body",
"size": 12,
"color": "text",
"italic": true,
"align": "left",
"spacing": {
"before": 16,
"after": 8,
"line": 1.3
}
},
"p": {
"font": "body",
"size": 12,
"color": "text",
"align": "left",
"spacing": {
"before": 0,
"after": 12,
"line": 1.5
},
"weight": 400
},
"blockquote": {
"font": "body",
"size": 12,
"color": "text",
"italic": false,
"align": "left",
"spacing": {
"before": 16,
"after": 16,
"line": 1.5
},
"padding": 16,
"borderLeft": {
"color": "text",
"width": 10,
"style": "solid"
},
"background": "F0F0F0"
},
"code": {
"font": "code",
"size": 12,
"color": "text",
"background": "codeBg",
"spacing": {
"before": 0,
"after": 0,
"line": 1.4
}
},
"pre": {
"font": "code",
"size": 12,
"color": "text",
"background": "codeBg",
"padding": 12,
"spacing": {
"before": 12,
"after": 12,
"line": 1.4
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"ul": {
"spacing": {
"before": 12,
"after": 12,
"line": 1.5
},
"indent": 20,
"bullet": "disc"
},
"ol": {
"spacing": {
"before": 12,
"after": 12,
"line": 1.5
},
"indent": 20,
"numbering": "decimal"
},
"li": {
"font": "body",
"size": 12,
"color": "text",
"spacing": {
"before": 4,
"after": 4,
"line": 1.5
}
},
"strong": {
"font": "body",
"bold": true,
"color": "text"
},
"em": {
"font": "body",
"italic": true
},
"a": {
"font": "body",
"color": "text",
"underline": true,
"bold": true
},
"table": {
"spacing": {
"before": 16,
"after": 16,
"line": 1.2
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"th": {
"font": "heading",
"size": 12,
"color": "FFFFFF",
"bold": true,
"background": "000000",
"padding": 8
},
"td": {
"font": "body",
"size": 12,
"color": "text",
"padding": 8,
"borderBottom": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"hr": {
"spacing": {
"before": 24,
"after": 24
},
"border": {
"color": "000000",
"width": 8,
"style": "solid"
}
},
"img": {
"align": "center",
"spacing": {
"before": 16,
"after": 16
},
"border": {
"color": "000000",
"width": 4,
"style": "solid"
},
"filter": "contrast(150%)"
},
"del": {
"font": "body",
"strikethrough": false,
"background": "000000",
"color": "000000"
},
"sup": {
"font": "body",
"size": 9,
"superScript": true
},
"sub": {
"font": "body",
"size": 9,
"subScript": true
},
"mark": {
"font": "body",
"background": "000000",
"color": "000000"
},
"footnote": {
"font": "body",
"size": 10,
"color": "textSecondary",
"superScript": true
},
"footnoteRef": {
"font": "body",
"size": 10,
"color": "textSecondary",
"spacing": {
"before": 6,
"after": 6,
"line": 1.2
}
}
},
"page": {
"margins": {
"top": 50,
"bottom": 50,
"left": 50,
"right": 50
},
"columns": 1,
"header": true,
"footer": true
}
}

View File

@@ -0,0 +1,310 @@
{
"id": "whiteboard-strategy",
"name": "Whiteboard",
"category": "Corporate",
"description": "Brainstorming mode. Marker-style fonts, colorful accents, and a fluid, open layout.",
"vibe": "Creative, Informal, Strategy",
"googleFontsImport": "https://fonts.googleapis.com/css2?family=Permanent+Marker:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Kalam:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Patrick+Hand:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap",
"typography": {
"fonts": {
"heading": "Permanent Marker",
"body": "Kalam",
"code": "Patrick Hand"
},
"colors": {
"text": "1A237E",
"textSecondary": "B71C1C",
"background": "FFFFFF",
"accent": "2E7D32",
"border": "BDBDBD",
"codeBg": "F5F5F5",
"blockquoteBorder": "FF6F00"
}
},
"elements": {
"h1": {
"font": "heading",
"size": 36,
"color": "textSecondary",
"bold": false,
"align": "center",
"spacing": {
"before": 32,
"after": 24,
"line": 1.2
},
"rotation": -2
},
"h2": {
"font": "heading",
"size": 24,
"color": "text",
"bold": false,
"align": "left",
"spacing": {
"before": 24,
"after": 12,
"line": 1.2
},
"borderBottom": {
"color": "text",
"width": 3,
"style": "dashed"
}
},
"h3": {
"font": "heading",
"size": 20,
"color": "accent",
"bold": false,
"align": "left",
"spacing": {
"before": 24,
"after": 12,
"line": 1.2
}
},
"h4": {
"font": "body",
"size": 18,
"color": "text",
"bold": true,
"align": "left",
"spacing": {
"before": 20,
"after": 10,
"line": 1.3
}
},
"h5": {
"font": "body",
"size": 16,
"color": "textSecondary",
"bold": true,
"align": "left",
"spacing": {
"before": 16,
"after": 8,
"line": 1.3
},
"allCaps": true
},
"h6": {
"font": "body",
"size": 14,
"color": "textSecondary",
"italic": true,
"align": "left",
"spacing": {
"before": 16,
"after": 8,
"line": 1.3
}
},
"p": {
"font": "body",
"size": 16,
"color": "text",
"align": "left",
"spacing": {
"before": 0,
"after": 16,
"line": 1.6
},
"weight": 400
},
"blockquote": {
"font": "body",
"size": 20,
"color": "textSecondary",
"italic": false,
"align": "center",
"spacing": {
"before": 24,
"after": 24,
"line": 1.4
},
"padding": 16,
"border": {
"color": "blockquoteBorder",
"width": 4,
"style": "solid"
},
"background": "FFF8E1"
},
"code": {
"font": "code",
"size": 16,
"color": "accent",
"background": "codeBg",
"spacing": {
"before": 0,
"after": 0,
"line": 1.4
}
},
"pre": {
"font": "code",
"size": 16,
"color": "accent",
"background": "codeBg",
"padding": 16,
"spacing": {
"before": 16,
"after": 16,
"line": 1.4
},
"border": {
"color": "border",
"width": 2,
"style": "dashed"
}
},
"ul": {
"spacing": {
"before": 16,
"after": 16,
"line": 1.6
},
"indent": 20,
"bullet": "arrow"
},
"ol": {
"spacing": {
"before": 16,
"after": 16,
"line": 1.6
},
"indent": 20,
"numbering": "decimal"
},
"li": {
"font": "body",
"size": 16,
"color": "text",
"spacing": {
"before": 4,
"after": 4,
"line": 1.6
}
},
"strong": {
"font": "heading",
"bold": true,
"color": "textSecondary"
},
"em": {
"font": "body",
"italic": true,
"underline": true
},
"a": {
"font": "body",
"color": "accent",
"underline": true,
"bold": true
},
"table": {
"spacing": {
"before": 16,
"after": 16,
"line": 1.3
},
"border": {
"color": "text",
"width": 2,
"style": "solid"
}
},
"th": {
"font": "heading",
"size": 16,
"color": "text",
"bold": true,
"background": "E0F7FA",
"padding": 8
},
"td": {
"font": "body",
"size": 16,
"color": "text",
"padding": 8,
"borderBottom": {
"color": "text",
"width": 1,
"style": "solid"
}
},
"hr": {
"spacing": {
"before": 32,
"after": 32
},
"border": {
"color": "text",
"width": 4,
"style": "solid"
}
},
"img": {
"align": "left",
"spacing": {
"before": 16,
"after": 16
},
"border": {
"color": "text",
"width": 4,
"style": "solid"
},
"rotation": 2
},
"del": {
"font": "body",
"strikethrough": true,
"color": "textSecondary"
},
"sup": {
"font": "body",
"size": 12,
"superScript": true
},
"sub": {
"font": "body",
"size": 12,
"subScript": true
},
"mark": {
"font": "body",
"background": "FFEB3B",
"color": "text"
},
"footnote": {
"font": "body",
"size": 14,
"color": "textSecondary",
"superScript": true
},
"footnoteRef": {
"font": "body",
"size": 14,
"color": "textSecondary",
"spacing": {
"before": 6,
"after": 6,
"line": 1.3
}
}
},
"page": {
"margins": {
"top": 50,
"bottom": 50,
"left": 50,
"right": 50
},
"columns": 1,
"header": true,
"footer": false
}
}

View File

@@ -0,0 +1,317 @@
{
"id": "bauhaus-poster",
"name": "Bauhaus Poster",
"category": "creative",
"description": "Geometric minimalism inspired by the Bauhaus movement (1919-1933). Primary colors, bold diagonal lines, and functional typography.",
"vibe": "Geometric, Modernist, Functional",
"googleFontsImport": "https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Jost:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap",
"typography": {
"fonts": {
"heading": "Josefin Sans",
"body": "Jost",
"code": "Jost"
},
"colors": {
"text": "212121",
"textSecondary": "D50000",
"background": "F5F5F0",
"accent": "2962FF",
"border": "000000",
"codeBg": "FFEB3B",
"blockquoteBorder": "D50000"
}
},
"elements": {
"h1": {
"font": "heading",
"size": 48,
"color": "textSecondary",
"bold": true,
"align": "right",
"spacing": {
"before": 48,
"after": 24,
"line": 1.1
},
"borderBottom": {
"color": "border",
"width": 8,
"style": "solid",
"space": 10
},
"allCaps": true,
"rotation": -2
},
"h2": {
"font": "heading",
"size": 24,
"color": "accent",
"bold": true,
"align": "left",
"spacing": {
"before": 36,
"after": 18,
"line": 1.2
},
"background": "codeBg",
"padding": 12,
"rotation": 1
},
"h3": {
"font": "heading",
"size": 20,
"color": "text",
"bold": true,
"align": "left",
"spacing": {
"before": 24,
"after": 12,
"line": 1.2
},
"borderLeft": {
"color": "accent",
"width": 12,
"style": "solid",
"space": 12
}
},
"h4": {
"font": "body",
"size": 18,
"color": "textSecondary",
"bold": true,
"align": "left",
"spacing": {
"before": 20,
"after": 10,
"line": 1.3
}
},
"h5": {
"font": "body",
"size": 14,
"color": "accent",
"bold": true,
"align": "left",
"spacing": {
"before": 16,
"after": 8,
"line": 1.4
},
"allCaps": true
},
"h6": {
"font": "body",
"size": 12,
"color": "text",
"italic": true,
"align": "left",
"spacing": {
"before": 16,
"after": 8,
"line": 1.4
}
},
"p": {
"font": "body",
"size": 12,
"color": "text",
"align": "justify",
"spacing": {
"before": 0,
"after": 16,
"line": 1.6
}
},
"blockquote": {
"font": "heading",
"size": 14,
"color": "text",
"italic": true,
"align": "left",
"spacing": {
"before": 24,
"after": 24,
"line": 1.5
},
"padding": 24,
"borderLeft": {
"color": "textSecondary",
"width": 16,
"style": "solid"
},
"background": "transparent"
},
"code": {
"font": "code",
"size": 11,
"color": "text",
"background": "codeBg",
"spacing": {
"before": 0,
"after": 0,
"line": 1.4
}
},
"pre": {
"font": "code",
"size": 11,
"color": "text",
"background": "codeBg",
"padding": 16,
"spacing": {
"before": 16,
"after": 16,
"line": 1.4
},
"border": {
"color": "border",
"width": 2,
"style": "solid"
}
},
"ul": {
"spacing": {
"before": 16,
"after": 16,
"line": 1.6
},
"indent": 32,
"bullet": "square"
},
"ol": {
"spacing": {
"before": 16,
"after": 16,
"line": 1.6
},
"indent": 32,
"numbering": "decimal"
},
"li": {
"font": "body",
"size": 12,
"color": "text",
"spacing": {
"before": 4,
"after": 4,
"line": 1.6
}
},
"strong": {
"font": "heading",
"bold": true,
"color": "text"
},
"em": {
"font": "body",
"italic": true
},
"a": {
"font": "body",
"color": "accent",
"underline": true,
"bold": true
},
"table": {
"spacing": {
"before": 24,
"after": 24,
"line": 1.2
},
"border": {
"color": "border",
"width": 2,
"style": "solid"
}
},
"th": {
"font": "heading",
"size": 12,
"color": "background",
"bold": true,
"background": "textSecondary",
"padding": 12
},
"td": {
"font": "body",
"size": 12,
"color": "text",
"padding": 12,
"borderBottom": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"hr": {
"spacing": {
"before": 32,
"after": 32
},
"border": {
"color": "border",
"width": 8,
"style": "solid"
}
},
"img": {
"align": "center",
"spacing": {
"before": 24,
"after": 24
},
"border": {
"color": "border",
"width": 4,
"style": "solid"
}
},
"del": {
"font": "body",
"strikethrough": true
},
"sup": {
"font": "body",
"size": 9,
"superScript": true
},
"sub": {
"font": "body",
"size": 9,
"subScript": true
},
"mark": {
"font": "body",
"background": "codeBg",
"color": "text"
},
"footnote": {
"font": "body",
"size": 10,
"color": "textSecondary",
"superScript": true
},
"footnoteRef": {
"font": "body",
"size": 10,
"color": "textSecondary",
"spacing": {
"before": 4,
"after": 4,
"line": 1.2
}
}
},
"page": {
"margins": {
"top": 72,
"bottom": 72,
"left": 72,
"right": 72
},
"columns": 1,
"header": true,
"footer": true
}
}

View File

@@ -0,0 +1,314 @@
{
"id": "blueprint-cyanotype",
"name": "Blueprint Cyanotype",
"category": "creative",
"description": "Architectural schematics style with white lines on a deep blue grid. Precise, technical, and annotated.",
"vibe": "Technical, Architectural, Draft",
"googleFontsImport": "https://fonts.googleapis.com/css2?family=Lexend:wght@100..900&family=Architects+Daughter&display=swap",
"typography": {
"fonts": {
"heading": "Lexend",
"body": "Lexend",
"code": "Architects Daughter"
},
"colors": {
"text": "E3F2FD",
"textSecondary": "90CAF9",
"background": "0D47A1",
"accent": "FFEB3B",
"border": "64B5F6",
"codeBg": "1565C0",
"blockquoteBorder": "FFEB3B"
}
},
"elements": {
"h1": {
"font": "heading",
"size": 32,
"color": "text",
"bold": true,
"align": "left",
"spacing": {
"before": 36,
"after": 18,
"line": 1.1
},
"borderBottom": {
"color": "border",
"width": 2,
"style": "solid",
"space": 8
},
"allCaps": true
},
"h2": {
"font": "heading",
"size": 24,
"color": "textSecondary",
"bold": true,
"align": "left",
"spacing": {
"before": 24,
"after": 12,
"line": 1.2
}
},
"h3": {
"font": "heading",
"size": 18,
"color": "text",
"bold": true,
"align": "left",
"spacing": {
"before": 18,
"after": 9,
"line": 1.2
},
"borderLeft": {
"color": "accent",
"width": 4,
"style": "solid",
"space": 8
}
},
"h4": {
"font": "body",
"size": 14,
"color": "textSecondary",
"bold": true,
"align": "left",
"spacing": {
"before": 16,
"after": 8,
"line": 1.3
},
"allCaps": true
},
"h5": {
"font": "body",
"size": 12,
"color": "accent",
"bold": true,
"align": "left",
"spacing": {
"before": 12,
"after": 6,
"line": 1.4
}
},
"h6": {
"font": "code",
"size": 12,
"color": "textSecondary",
"align": "left",
"spacing": {
"before": 12,
"after": 6,
"line": 1.4
}
},
"p": {
"font": "body",
"size": 12,
"color": "text",
"align": "left",
"spacing": {
"before": 0,
"after": 12,
"line": 1.6
}
},
"blockquote": {
"font": "code",
"size": 14,
"color": "accent",
"italic": false,
"align": "left",
"spacing": {
"before": 18,
"after": 18,
"line": 1.4
},
"padding": 12,
"border": {
"color": "border",
"width": 1,
"style": "dashed"
},
"rotation": -1
},
"code": {
"font": "heading",
"size": 10,
"color": "accent",
"background": "codeBg",
"spacing": {
"before": 0,
"after": 0,
"line": 1.4
}
},
"pre": {
"font": "heading",
"size": 10,
"color": "text",
"background": "codeBg",
"padding": 12,
"spacing": {
"before": 12,
"after": 12,
"line": 1.4
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"ul": {
"spacing": {
"before": 12,
"after": 12,
"line": 1.6
},
"indent": 24,
"bullet": "cross"
},
"ol": {
"spacing": {
"before": 12,
"after": 12,
"line": 1.6
},
"indent": 24,
"numbering": "decimal-leading-zero"
},
"li": {
"font": "body",
"size": 12,
"color": "text",
"spacing": {
"before": 4,
"after": 4,
"line": 1.6
}
},
"strong": {
"font": "heading",
"bold": true,
"color": "accent"
},
"em": {
"font": "code",
"italic": false
},
"a": {
"font": "body",
"color": "accent",
"underline": true,
"bold": true
},
"table": {
"spacing": {
"before": 18,
"after": 18,
"line": 1.2
},
"border": {
"color": "border",
"width": 2,
"style": "solid"
}
},
"th": {
"font": "heading",
"size": 12,
"color": "accent",
"bold": true,
"background": "codeBg",
"padding": 8,
"allCaps": true
},
"td": {
"font": "body",
"size": 11,
"color": "text",
"padding": 8,
"borderBottom": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"hr": {
"spacing": {
"before": 24,
"after": 24
},
"border": {
"color": "border",
"width": 1,
"style": "dashed"
}
},
"img": {
"align": "center",
"spacing": {
"before": 18,
"after": 18
},
"border": {
"color": "border",
"width": 2,
"style": "solid"
}
},
"del": {
"font": "code",
"strikethrough": true,
"color": "textSecondary"
},
"sup": {
"font": "body",
"size": 9,
"superScript": true
},
"sub": {
"font": "body",
"size": 9,
"subScript": true
},
"mark": {
"font": "body",
"background": "background",
"color": "background"
},
"footnote": {
"font": "code",
"size": 10,
"color": "textSecondary",
"superScript": true
},
"footnoteRef": {
"font": "code",
"size": 10,
"color": "textSecondary",
"spacing": {
"before": 4,
"after": 4,
"line": 1.2
}
}
},
"page": {
"margins": {
"top": 50,
"bottom": 50,
"left": 50,
"right": 50
},
"columns": 1,
"header": true,
"footer": true
}
}

View File

@@ -0,0 +1,313 @@
{
"id": "brick-toy",
"name": "Brick Toy",
"category": "creative",
"description": "Playful and colorful, inspired by plastic building blocks. Rounded typefaces, primary colors, and a fun, tactile vibe.",
"vibe": "Playful, Colorful, Fun",
"googleFontsImport": "https://fonts.googleapis.com/css2?family=Fredoka:wght@300..700&family=Varela+Round&display=swap",
"typography": {
"fonts": {
"heading": "Fredoka",
"body": "Varela Round",
"code": "Varela Round"
},
"colors": {
"text": "212121",
"textSecondary": "1976D2",
"background": "FFFFFF",
"accent": "D32F2F",
"border": "FFEB3B",
"codeBg": "E3F2FD",
"blockquoteBorder": "388E3C"
}
},
"elements": {
"h1": {
"font": "heading",
"size": 42,
"color": "accent",
"bold": true,
"align": "center",
"spacing": {
"before": 42,
"after": 21,
"line": 1.1
},
"background": "border",
"padding": 16,
"border": {
"color": "text",
"width": 3,
"style": "solid"
}
},
"h2": {
"font": "heading",
"size": 28,
"color": "textSecondary",
"bold": true,
"align": "left",
"spacing": {
"before": 28,
"after": 14,
"line": 1.2
},
"borderBottom": {
"color": "blockquoteBorder",
"width": 4,
"style": "dotted",
"space": 6
}
},
"h3": {
"font": "heading",
"size": 22,
"color": "blockquoteBorder",
"bold": true,
"align": "left",
"spacing": {
"before": 22,
"after": 11,
"line": 1.2
}
},
"h4": {
"font": "body",
"size": 18,
"color": "text",
"bold": true,
"align": "left",
"spacing": {
"before": 18,
"after": 9,
"line": 1.3
}
},
"h5": {
"font": "body",
"size": 16,
"color": "accent",
"bold": true,
"align": "left",
"spacing": {
"before": 16,
"after": 8,
"line": 1.4
}
},
"h6": {
"font": "body",
"size": 14,
"color": "textSecondary",
"bold": true,
"align": "left",
"spacing": {
"before": 14,
"after": 7,
"line": 1.4
}
},
"p": {
"font": "body",
"size": 14,
"color": "text",
"align": "left",
"spacing": {
"before": 0,
"after": 14,
"line": 1.6
}
},
"blockquote": {
"font": "heading",
"size": 16,
"color": "textSecondary",
"italic": false,
"align": "center",
"spacing": {
"before": 24,
"after": 24,
"line": 1.5
},
"padding": 20,
"background": "codeBg",
"border": {
"color": "textSecondary",
"width": 4,
"style": "solid"
}
},
"code": {
"font": "body",
"size": 12,
"color": "accent",
"background": "border",
"spacing": {
"before": 0,
"after": 0,
"line": 1.4
}
},
"pre": {
"font": "body",
"size": 12,
"color": "accent",
"background": "border",
"padding": 16,
"spacing": {
"before": 16,
"after": 16,
"line": 1.4
},
"border": {
"color": "text",
"width": 2,
"style": "solid"
}
},
"ul": {
"spacing": {
"before": 14,
"after": 14,
"line": 1.6
},
"indent": 28,
"bullet": "disc"
},
"ol": {
"spacing": {
"before": 14,
"after": 14,
"line": 1.6
},
"indent": 28,
"numbering": "decimal"
},
"li": {
"font": "body",
"size": 14,
"color": "text",
"spacing": {
"before": 4,
"after": 4,
"line": 1.6
}
},
"strong": {
"font": "heading",
"bold": true,
"color": "accent"
},
"em": {
"font": "body",
"italic": true,
"color": "textSecondary"
},
"a": {
"font": "heading",
"color": "textSecondary",
"underline": true,
"bold": true
},
"table": {
"spacing": {
"before": 21,
"after": 21,
"line": 1.2
},
"border": {
"color": "text",
"width": 2,
"style": "solid"
}
},
"th": {
"font": "heading",
"size": 14,
"color": "background",
"bold": true,
"background": "blockquoteBorder",
"padding": 12
},
"td": {
"font": "body",
"size": 14,
"color": "text",
"padding": 12,
"borderBottom": {
"color": "text",
"width": 1,
"style": "solid"
}
},
"hr": {
"spacing": {
"before": 28,
"after": 28
},
"border": {
"color": "accent",
"width": 6,
"style": "dashed"
}
},
"img": {
"align": "center",
"spacing": {
"before": 21,
"after": 21
},
"border": {
"color": "text",
"width": 4,
"style": "solid"
}
},
"del": {
"font": "body",
"strikethrough": true
},
"sup": {
"font": "body",
"size": 10,
"superScript": true
},
"sub": {
"font": "body",
"size": 10,
"subScript": true
},
"mark": {
"font": "body",
"background": "border",
"color": "text"
},
"footnote": {
"font": "body",
"size": 12,
"color": "textSecondary",
"superScript": true
},
"footnoteRef": {
"font": "body",
"size": 12,
"color": "textSecondary",
"spacing": {
"before": 6,
"after": 6,
"line": 1.2
}
}
},
"page": {
"margins": {
"top": 60,
"bottom": 60,
"left": 60,
"right": 60
},
"columns": 1,
"header": true,
"footer": true
}
}

View File

@@ -0,0 +1,341 @@
{
"id": "brutalist-mono",
"name": "Brutalist Mono",
"category": "creative",
"description": "Raw, undiluted design aesthetic. Monospaced type, heavy black borders, and an anti-design ethos.",
"vibe": "Raw, Industrial, Anti-Design",
"googleFontsImport": "https://fonts.googleapis.com/css2?family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&family=DM+Mono:ital,wght@0,300;0,400;0,500;1,300;1,400;1,500&display=swap",
"typography": {
"fonts": {
"heading": "Space Mono",
"body": "DM Mono",
"code": "DM Mono"
},
"colors": {
"text": "000000",
"textSecondary": "333333",
"background": "FFFFFF",
"accent": "000000",
"border": "000000",
"codeBg": "E0E0E0",
"blockquoteBorder": "000000"
}
},
"elements": {
"h1": {
"font": "heading",
"size": 36,
"color": "text",
"bold": true,
"align": "left",
"spacing": {
"before": 40,
"after": 20,
"line": 1.1
},
"border": {
"color": "border",
"width": 6,
"style": "solid"
},
"padding": 24,
"allCaps": true
},
"h2": {
"font": "heading",
"size": 24,
"color": "text",
"bold": true,
"align": "left",
"spacing": {
"before": 32,
"after": 16,
"line": 1.2
},
"background": "codeBg",
"padding": 12,
"borderBottom": {
"color": "border",
"width": 4,
"style": "solid"
}
},
"h3": {
"font": "heading",
"size": 20,
"color": "text",
"bold": true,
"align": "left",
"spacing": {
"before": 24,
"after": 12,
"line": 1.2
},
"borderLeft": {
"color": "border",
"width": 12,
"style": "solid",
"space": 12
}
},
"h4": {
"font": "body",
"size": 16,
"color": "text",
"bold": true,
"align": "left",
"spacing": {
"before": 20,
"after": 10,
"line": 1.3
},
"allCaps": true
},
"h5": {
"font": "heading",
"size": 14,
"color": "textSecondary",
"bold": true,
"align": "left",
"spacing": {
"before": 16,
"after": 8,
"line": 1.4
},
"underline": true
},
"h6": {
"font": "heading",
"size": 12,
"color": "textSecondary",
"bold": false,
"align": "left",
"spacing": {
"before": 16,
"after": 8,
"line": 1.4
}
},
"p": {
"font": "body",
"size": 12,
"color": "text",
"align": "left",
"spacing": {
"before": 0,
"after": 16,
"line": 1.6
}
},
"blockquote": {
"font": "heading",
"size": 16,
"color": "text",
"italic": false,
"align": "left",
"spacing": {
"before": 24,
"after": 24,
"line": 1.4
},
"padding": 24,
"border": {
"color": "border",
"width": 4,
"style": "solid"
},
"background": "codeBg"
},
"code": {
"font": "body",
"size": 11,
"color": "text",
"background": "codeBg",
"spacing": {
"before": 0,
"after": 0,
"line": 1.4
}
},
"pre": {
"font": "body",
"size": 11,
"color": "text",
"background": "background",
"padding": 16,
"spacing": {
"before": 16,
"after": 16,
"line": 1.4
},
"border": {
"color": "border",
"width": 2,
"style": "solid"
}
},
"ul": {
"spacing": {
"before": 16,
"after": 16,
"line": 1.6
},
"indent": 32,
"bullet": "square"
},
"ol": {
"spacing": {
"before": 16,
"after": 16,
"line": 1.6
},
"indent": 32,
"numbering": "decimal-leading-zero"
},
"li": {
"font": "body",
"size": 12,
"color": "text",
"spacing": {
"before": 4,
"after": 4,
"line": 1.6
}
},
"strong": {
"font": "heading",
"bold": true,
"color": "text"
},
"em": {
"font": "body",
"italic": true,
"background": "codeBg"
},
"a": {
"font": "heading",
"color": "text",
"underline": true,
"bold": true,
"background": "codeBg"
},
"table": {
"spacing": {
"before": 24,
"after": 24,
"line": 1.2
},
"border": {
"color": "border",
"width": 4,
"style": "solid"
}
},
"th": {
"font": "heading",
"size": 12,
"color": "background",
"bold": true,
"background": "text",
"padding": 12,
"borderBottom": {
"color": "border",
"width": 4,
"style": "solid"
},
"borderRight": {
"color": "background",
"width": 1,
"style": "solid"
}
},
"td": {
"font": "body",
"size": 12,
"color": "text",
"padding": 12,
"borderBottom": {
"color": "border",
"width": 1,
"style": "solid"
},
"borderRight": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"hr": {
"spacing": {
"before": 32,
"after": 32
},
"border": {
"color": "border",
"width": 8,
"style": "solid"
}
},
"img": {
"align": "left",
"spacing": {
"before": 24,
"after": 24
},
"border": {
"color": "border",
"width": 4,
"style": "solid"
},
"grayscale": true
},
"del": {
"font": "body",
"strikethrough": true,
"background": "text",
"color": "background"
},
"sup": {
"font": "body",
"size": 10,
"superScript": true
},
"sub": {
"font": "body",
"size": 10,
"subScript": true
},
"mark": {
"font": "body",
"background": "text",
"color": "background"
},
"footnote": {
"font": "body",
"size": 10,
"color": "textSecondary",
"superScript": true
},
"footnoteRef": {
"font": "body",
"size": 10,
"color": "textSecondary",
"spacing": {
"before": 4,
"after": 4,
"line": 1.2
}
}
},
"page": {
"margins": {
"top": 60,
"bottom": 60,
"left": 60,
"right": 60
},
"columns": 1,
"header": true,
"footer": true
}
}

View File

@@ -0,0 +1,306 @@
{
"id": "creative-portfolio",
"name": "Creative Portfolio",
"category": "creative",
"description": "Minimalist gallery style for showcasing visual work. Focuses on images and clean typography.",
"vibe": "Minimalist, Visual, Gallery",
"googleFontsImport": "https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,300..900;1,300..900&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap",
"typography": {
"fonts": {
"heading": "Playfair Display",
"body": "Jost",
"code": "Jost"
},
"colors": {
"text": "212121",
"textSecondary": "757575",
"background": "FFFFFF",
"accent": "000000",
"border": "E0E0E0",
"codeBg": "F5F5F5",
"blockquoteBorder": "000000"
}
},
"elements": {
"h1": {
"font": "heading",
"size": 42,
"color": "text",
"bold": false,
"align": "left",
"spacing": {
"before": 42,
"after": 42,
"line": 1.2
}
},
"h2": {
"font": "heading",
"size": 28,
"color": "text",
"bold": false,
"align": "left",
"spacing": {
"before": 48,
"after": 24,
"line": 1.2
}
},
"h3": {
"font": "heading",
"size": 22,
"color": "text",
"bold": false,
"align": "left",
"spacing": {
"before": 32,
"after": 16,
"line": 1.3
}
},
"h4": {
"font": "body",
"size": 18,
"color": "text",
"bold": true,
"align": "left",
"spacing": {
"before": 24,
"after": 12,
"line": 1.4
},
"allCaps": true,
"letterSpacing": 2
},
"h5": {
"font": "body",
"size": 16,
"color": "textSecondary",
"bold": true,
"align": "left",
"spacing": {
"before": 16,
"after": 8,
"line": 1.4
}
},
"h6": {
"font": "body",
"size": 14,
"color": "textSecondary",
"bold": true,
"align": "left",
"spacing": {
"before": 16,
"after": 8,
"line": 1.4
},
"allCaps": true
},
"p": {
"font": "body",
"size": 16,
"color": "textSecondary",
"align": "left",
"spacing": {
"before": 0,
"after": 24,
"line": 1.6
}
},
"blockquote": {
"font": "heading",
"size": 24,
"color": "text",
"italic": true,
"align": "left",
"spacing": {
"before": 40,
"after": 40,
"line": 1.4
},
"padding": 0,
"border": {
"color": "transparent",
"width": 0,
"style": "none"
},
"background": "transparent"
},
"code": {
"font": "body",
"size": 14,
"color": "text",
"background": "codeBg",
"spacing": {
"before": 0,
"after": 0,
"line": 1.4
}
},
"pre": {
"font": "body",
"size": 14,
"color": "text",
"background": "codeBg",
"padding": 24,
"spacing": {
"before": 24,
"after": 24,
"line": 1.4
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"ul": {
"spacing": {
"before": 24,
"after": 24,
"line": 1.6
},
"indent": 24,
"bullet": "square"
},
"ol": {
"spacing": {
"before": 24,
"after": 24,
"line": 1.6
},
"indent": 24,
"numbering": "decimal-leading-zero"
},
"li": {
"font": "body",
"size": 16,
"color": "textSecondary",
"spacing": {
"before": 8,
"after": 8,
"line": 1.6
}
},
"strong": {
"font": "body",
"bold": true,
"color": "text"
},
"em": {
"font": "body",
"italic": true,
"color": "text"
},
"a": {
"font": "body",
"color": "text",
"underline": true,
"bold": true
},
"table": {
"spacing": {
"before": 32,
"after": 32,
"line": 1.4
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"th": {
"font": "body",
"size": 14,
"color": "text",
"bold": true,
"background": "codeBg",
"padding": 16,
"allCaps": true,
"letterSpacing": 1
},
"td": {
"font": "body",
"size": 16,
"color": "textSecondary",
"padding": 16,
"borderBottom": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"hr": {
"spacing": {
"before": 48,
"after": 48
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"img": {
"align": "center",
"spacing": {
"before": 32,
"after": 32
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"del": {
"font": "body",
"strikethrough": true,
"color": "textSecondary"
},
"sup": {
"font": "body",
"size": 12,
"superScript": true
},
"sub": {
"font": "body",
"size": 12,
"subScript": true
},
"mark": {
"font": "body",
"background": "codeBg",
"color": "text"
},
"footnote": {
"font": "body",
"size": 12,
"color": "textSecondary",
"superScript": true
},
"footnoteRef": {
"font": "body",
"size": 12,
"color": "textSecondary",
"spacing": {
"before": 4,
"after": 4,
"line": 1.2
}
}
},
"page": {
"margins": {
"top": 72,
"bottom": 72,
"left": 72,
"right": 72
},
"columns": 1,
"header": true,
"footer": true
}
}

View File

@@ -0,0 +1,308 @@
{
"id": "glitch-art",
"name": "Glitch Art",
"category": "creative",
"description": "Cyberpunk aesthetic with distorted digital noise. High contrast neon colors on dark backgrounds.",
"vibe": "Cyberpunk, Distorted, Digital",
"googleFontsImport": "https://fonts.googleapis.com/css2?family=Rubik+Glitch&family=Share+Tech+Mono&display=swap",
"typography": {
"fonts": {
"heading": "Rubik Glitch",
"body": "Share Tech Mono",
"code": "Share Tech Mono"
},
"colors": {
"text": "E0E0E0",
"textSecondary": "00E5FF",
"background": "121212",
"accent": "FF00E6",
"border": "00FF00",
"codeBg": "1E1E1E",
"blockquoteBorder": "00E5FF"
}
},
"elements": {
"h1": {
"font": "heading",
"size": 48,
"color": "accent",
"bold": true,
"align": "left",
"spacing": {
"before": 48,
"after": 24,
"line": 1.1
},
"borderLeft": {
"color": "textSecondary",
"width": 8,
"style": "solid",
"space": 16
}
},
"h2": {
"font": "heading",
"size": 32,
"color": "border",
"bold": true,
"align": "left",
"spacing": {
"before": 36,
"after": 18,
"line": 1.2
},
"allCaps": true
},
"h3": {
"font": "heading",
"size": 24,
"color": "textSecondary",
"bold": true,
"align": "left",
"spacing": {
"before": 24,
"after": 12,
"line": 1.2
}
},
"h4": {
"font": "body",
"size": 20,
"color": "text",
"bold": true,
"align": "left",
"spacing": {
"before": 20,
"after": 10,
"line": 1.3
}
},
"h5": {
"font": "body",
"size": 16,
"color": "accent",
"bold": true,
"align": "left",
"spacing": {
"before": 16,
"after": 8,
"line": 1.4
}
},
"h6": {
"font": "body",
"size": 14,
"color": "border",
"bold": true,
"align": "left",
"spacing": {
"before": 16,
"after": 8,
"line": 1.4
}
},
"p": {
"font": "body",
"size": 14,
"color": "text",
"align": "left",
"spacing": {
"before": 0,
"after": 16,
"line": 1.6
}
},
"blockquote": {
"font": "body",
"size": 16,
"color": "textSecondary",
"italic": true,
"align": "left",
"spacing": {
"before": 24,
"after": 24,
"line": 1.5
},
"padding": 24,
"border": {
"color": "accent",
"width": 2,
"style": "dashed"
},
"background": "codeBg"
},
"code": {
"font": "code",
"size": 12,
"color": "border",
"background": "codeBg",
"spacing": {
"before": 0,
"after": 0,
"line": 1.4
}
},
"pre": {
"font": "code",
"size": 12,
"color": "border",
"background": "codeBg",
"padding": 16,
"spacing": {
"before": 16,
"after": 16,
"line": 1.4
},
"border": {
"color": "textSecondary",
"width": 1,
"style": "solid"
}
},
"ul": {
"spacing": {
"before": 16,
"after": 16,
"line": 1.6
},
"indent": 32,
"bullet": "disc"
},
"ol": {
"spacing": {
"before": 16,
"after": 16,
"line": 1.6
},
"indent": 32,
"numbering": "binary"
},
"li": {
"font": "body",
"size": 14,
"color": "text",
"spacing": {
"before": 4,
"after": 4,
"line": 1.6
}
},
"strong": {
"font": "body",
"bold": true,
"color": "accent"
},
"em": {
"font": "body",
"italic": true,
"color": "textSecondary"
},
"a": {
"font": "body",
"color": "border",
"underline": true,
"bold": true
},
"table": {
"spacing": {
"before": 24,
"after": 24,
"line": 1.2
},
"border": {
"color": "textSecondary",
"width": 1,
"style": "solid"
}
},
"th": {
"font": "heading",
"size": 14,
"color": "background",
"bold": true,
"background": "textSecondary",
"padding": 12
},
"td": {
"font": "body",
"size": 14,
"color": "text",
"padding": 12,
"borderBottom": {
"color": "textSecondary",
"width": 1,
"style": "solid"
}
},
"hr": {
"spacing": {
"before": 32,
"after": 32
},
"border": {
"color": "accent",
"width": 4,
"style": "solid"
}
},
"img": {
"align": "left",
"spacing": {
"before": 24,
"after": 24
},
"border": {
"color": "border",
"width": 2,
"style": "solid"
}
},
"del": {
"font": "body",
"strikethrough": true,
"color": "border"
},
"sup": {
"font": "body",
"size": 10,
"superScript": true
},
"sub": {
"font": "body",
"size": 10,
"subScript": true
},
"mark": {
"font": "body",
"background": "accent",
"color": "background"
},
"footnote": {
"font": "body",
"size": 12,
"color": "textSecondary",
"superScript": true
},
"footnoteRef": {
"font": "body",
"size": 12,
"color": "textSecondary",
"spacing": {
"before": 6,
"after": 6,
"line": 1.2
}
}
},
"page": {
"margins": {
"top": 60,
"bottom": 60,
"left": 60,
"right": 60
},
"columns": 1,
"header": true,
"footer": true
}
}

View File

@@ -0,0 +1,321 @@
{
"id": "grunge-90s",
"name": "Grunge 90s",
"category": "creative",
"description": "Distressed, chaotic aesthetic inspired by 90s zines and music. Messy typography, torn edges, and angsty vibes.",
"vibe": "Chaotic, Distressed, Raw",
"googleFontsImport": "https://fonts.googleapis.com/css2?family=Rock+Salt&family=Special+Elite&display=swap",
"typography": {
"fonts": {
"heading": "Rock Salt",
"body": "Special Elite",
"code": "Special Elite"
},
"colors": {
"text": "212121",
"textSecondary": "4E342E",
"background": "EFEBE9",
"accent": "D84315",
"border": "3E2723",
"codeBg": "D7CCC8",
"blockquoteBorder": "212121"
}
},
"elements": {
"h1": {
"font": "heading",
"size": 36,
"color": "textSecondary",
"bold": true,
"align": "center",
"spacing": {
"before": 40,
"after": 20,
"line": 1.2
},
"rotation": -2,
"borderBottom": {
"color": "accent",
"width": 6,
"style": "dashed",
"space": 10
}
},
"h2": {
"font": "heading",
"size": 24,
"color": "text",
"bold": true,
"align": "left",
"spacing": {
"before": 30,
"after": 15,
"line": 1.3
},
"rotation": 1,
"background": "accent",
"padding": 8
},
"h3": {
"font": "body",
"size": 20,
"color": "text",
"bold": true,
"align": "left",
"spacing": {
"before": 24,
"after": 12,
"line": 1.3
},
"borderLeft": {
"color": "border",
"width": 4,
"style": "solid",
"space": 8
}
},
"h4": {
"font": "body",
"size": 18,
"color": "textSecondary",
"bold": true,
"align": "left",
"spacing": {
"before": 20,
"after": 10,
"line": 1.3
},
"allCaps": true
},
"h5": {
"font": "body",
"size": 16,
"color": "accent",
"bold": true,
"align": "left",
"spacing": {
"before": 16,
"after": 8,
"line": 1.4
}
},
"h6": {
"font": "body",
"size": 14,
"color": "text",
"italic": true,
"align": "left",
"spacing": {
"before": 16,
"after": 8,
"line": 1.4
}
},
"p": {
"font": "body",
"size": 14,
"color": "text",
"align": "left",
"spacing": {
"before": 0,
"after": 16,
"line": 1.6
}
},
"blockquote": {
"font": "heading",
"size": 14,
"color": "text",
"italic": false,
"align": "center",
"spacing": {
"before": 24,
"after": 24,
"line": 1.5
},
"padding": 20,
"border": {
"color": "border",
"width": 3,
"style": "solid"
},
"rotation": 1
},
"code": {
"font": "code",
"size": 12,
"color": "textSecondary",
"background": "codeBg",
"spacing": {
"before": 0,
"after": 0,
"line": 1.4
}
},
"pre": {
"font": "code",
"size": 12,
"color": "textSecondary",
"background": "codeBg",
"padding": 16,
"spacing": {
"before": 16,
"after": 16,
"line": 1.4
},
"border": {
"color": "border",
"width": 2,
"style": "dashed"
}
},
"ul": {
"spacing": {
"before": 16,
"after": 16,
"line": 1.6
},
"indent": 28,
"bullet": "disc"
},
"ol": {
"spacing": {
"before": 16,
"after": 16,
"line": 1.6
},
"indent": 28,
"numbering": "decimal"
},
"li": {
"font": "body",
"size": 14,
"color": "text",
"spacing": {
"before": 4,
"after": 4,
"line": 1.6
}
},
"strong": {
"font": "heading",
"bold": true,
"color": "textSecondary"
},
"em": {
"font": "body",
"italic": true,
"background": "codeBg"
},
"a": {
"font": "body",
"color": "accent",
"underline": true,
"bold": true
},
"table": {
"spacing": {
"before": 24,
"after": 24,
"line": 1.2
},
"border": {
"color": "border",
"width": 2,
"style": "solid"
}
},
"th": {
"font": "heading",
"size": 14,
"color": "background",
"bold": true,
"background": "textSecondary",
"padding": 12
},
"td": {
"font": "body",
"size": 14,
"color": "text",
"padding": 12,
"borderBottom": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"hr": {
"spacing": {
"before": 32,
"after": 32
},
"border": {
"color": "accent",
"width": 4,
"style": "dashed"
}
},
"img": {
"align": "left",
"spacing": {
"before": 24,
"after": 24
},
"border": {
"color": "text",
"width": 4,
"style": "solid"
},
"grayscale": true,
"rotation": 1
},
"del": {
"font": "body",
"strikethrough": true,
"color": "accent"
},
"sup": {
"font": "body",
"size": 10,
"superScript": true
},
"sub": {
"font": "body",
"size": 10,
"subScript": true
},
"mark": {
"font": "body",
"background": "accent",
"color": "background"
},
"footnote": {
"font": "body",
"size": 12,
"color": "textSecondary",
"superScript": true,
"italic": true
},
"footnoteRef": {
"font": "body",
"size": 12,
"color": "textSecondary",
"spacing": {
"before": 6,
"after": 6,
"line": 1.2
}
}
},
"page": {
"margins": {
"top": 72,
"bottom": 72,
"left": 72,
"right": 72
},
"columns": 1,
"header": true,
"footer": true
}
}

View File

@@ -0,0 +1,305 @@
{
"id": "kindergarten-art",
"name": "Kindergarten Art",
"category": "creative",
"description": "Inspired by children's drawings. Messy, colorful, and fun. Looks like it was drawn with crayons.",
"vibe": "Childish, Colorful, Crayon",
"googleFontsImport": "https://fonts.googleapis.com/css2?family=Finger+Paint&family=Balsamiq+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap",
"typography": {
"fonts": {
"heading": "Finger Paint",
"body": "Balsamiq Sans",
"code": "Balsamiq Sans"
},
"colors": {
"text": "212121",
"textSecondary": "FF6F00",
"background": "FFF9C4",
"accent": "D50000",
"border": "2962FF",
"codeBg": "FFFFFF",
"blockquoteBorder": "00C853"
}
},
"elements": {
"h1": {
"font": "heading",
"size": 42,
"color": "accent",
"bold": true,
"align": "center",
"spacing": {
"before": 42,
"after": 21,
"line": 1.2
},
"rotation": -3
},
"h2": {
"font": "heading",
"size": 28,
"color": "border",
"bold": true,
"align": "center",
"spacing": {
"before": 28,
"after": 14,
"line": 1.2
},
"rotation": 2
},
"h3": {
"font": "heading",
"size": 22,
"color": "textSecondary",
"bold": true,
"align": "left",
"spacing": {
"before": 22,
"after": 11,
"line": 1.2
}
},
"h4": {
"font": "body",
"size": 18,
"color": "blockquoteBorder",
"bold": true,
"align": "left",
"spacing": {
"before": 18,
"after": 9,
"line": 1.3
}
},
"h5": {
"font": "body",
"size": 16,
"color": "accent",
"bold": true,
"align": "left",
"spacing": {
"before": 16,
"after": 8,
"line": 1.4
}
},
"h6": {
"font": "body",
"size": 14,
"color": "textSecondary",
"bold": true,
"align": "left",
"spacing": {
"before": 14,
"after": 7,
"line": 1.4
}
},
"p": {
"font": "body",
"size": 16,
"color": "text",
"align": "left",
"spacing": {
"before": 0,
"after": 16,
"line": 1.6
}
},
"blockquote": {
"font": "heading",
"size": 18,
"color": "textSecondary",
"italic": false,
"align": "center",
"spacing": {
"before": 24,
"after": 24,
"line": 1.5
},
"padding": 20,
"background": "codeBg",
"border": {
"color": "blockquoteBorder",
"width": 6,
"style": "solid"
},
"rotation": -1
},
"code": {
"font": "body",
"size": 14,
"color": "border",
"background": "codeBg",
"spacing": {
"before": 0,
"after": 0,
"line": 1.4
}
},
"pre": {
"font": "body",
"size": 14,
"color": "border",
"background": "codeBg",
"padding": 16,
"spacing": {
"before": 16,
"after": 16,
"line": 1.4
},
"border": {
"color": "textSecondary",
"width": 3,
"style": "dashed"
}
},
"ul": {
"spacing": {
"before": 16,
"after": 16,
"line": 1.6
},
"indent": 24,
"bullet": "disc"
},
"ol": {
"spacing": {
"before": 16,
"after": 16,
"line": 1.6
},
"indent": 24,
"numbering": "decimal"
},
"li": {
"font": "body",
"size": 16,
"color": "text",
"spacing": {
"before": 4,
"after": 4,
"line": 1.6
}
},
"strong": {
"font": "heading",
"bold": true,
"color": "accent"
},
"em": {
"font": "body",
"italic": true,
"color": "border"
},
"a": {
"font": "heading",
"color": "blockquoteBorder",
"underline": true,
"bold": true
},
"table": {
"spacing": {
"before": 24,
"after": 24,
"line": 1.2
},
"border": {
"color": "text",
"width": 3,
"style": "solid"
}
},
"th": {
"font": "heading",
"size": 16,
"color": "background",
"bold": true,
"background": "textSecondary",
"padding": 12
},
"td": {
"font": "body",
"size": 16,
"color": "text",
"padding": 12,
"borderBottom": {
"color": "text",
"width": 2,
"style": "solid"
}
},
"hr": {
"spacing": {
"before": 32,
"after": 32
},
"border": {
"color": "accent",
"width": 8,
"style": "solid"
}
},
"img": {
"align": "center",
"spacing": {
"before": 24,
"after": 24
},
"border": {
"color": "text",
"width": 5,
"style": "solid"
},
"rotation": 2
},
"del": {
"font": "body",
"strikethrough": true,
"color": "accent"
},
"sup": {
"font": "body",
"size": 12,
"superScript": true
},
"sub": {
"font": "body",
"size": 12,
"subScript": true
},
"mark": {
"font": "body",
"background": "blockquoteBorder",
"color": "background"
},
"footnote": {
"font": "body",
"size": 14,
"color": "text",
"superScript": true
},
"footnoteRef": {
"font": "body",
"size": 14,
"color": "text",
"spacing": {
"before": 6,
"after": 6,
"line": 1.2
}
}
},
"page": {
"margins": {
"top": 72,
"bottom": 72,
"left": 72,
"right": 72
},
"columns": 1,
"header": true,
"footer": true
}
}

View File

@@ -0,0 +1,308 @@
{
"id": "origami-paper",
"name": "Origami Paper",
"category": "creative",
"description": "Delicate and sharp, inspired by the art of paper folding. Clean lines, subtle shadows, and a feeling of precision.",
"vibe": "Delicate, Sharp, Precise",
"googleFontsImport": "https://fonts.googleapis.com/css2?family=Foldit:wght@100..900&family=Mulish:ital,wght@0,200..1000;1,200..1000&display=swap",
"typography": {
"fonts": {
"heading": "Foldit",
"body": "Mulish",
"code": "Mulish"
},
"colors": {
"text": "37474F",
"textSecondary": "546E7A",
"background": "ECEFF1",
"accent": "00838F",
"border": "B0BEC5",
"codeBg": "FFFFFF",
"blockquoteBorder": "00838F"
}
},
"elements": {
"h1": {
"font": "heading",
"size": 36,
"color": "text",
"bold": true,
"align": "left",
"spacing": {
"before": 36,
"after": 18,
"line": 1.1
},
"borderBottom": {
"color": "border",
"width": 1,
"style": "solid",
"space": 8
}
},
"h2": {
"font": "heading",
"size": 24,
"color": "accent",
"bold": true,
"align": "left",
"spacing": {
"before": 24,
"after": 12,
"line": 1.2
}
},
"h3": {
"font": "heading",
"size": 20,
"color": "textSecondary",
"bold": true,
"align": "left",
"spacing": {
"before": 20,
"after": 10,
"line": 1.2
}
},
"h4": {
"font": "body",
"size": 16,
"color": "text",
"bold": true,
"align": "left",
"spacing": {
"before": 16,
"after": 8,
"line": 1.3
},
"allCaps": true
},
"h5": {
"font": "body",
"size": 14,
"color": "accent",
"bold": true,
"align": "left",
"spacing": {
"before": 14,
"after": 7,
"line": 1.4
}
},
"h6": {
"font": "body",
"size": 12,
"color": "textSecondary",
"bold": false,
"align": "left",
"spacing": {
"before": 14,
"after": 7,
"line": 1.4
}
},
"p": {
"font": "body",
"size": 12,
"color": "text",
"align": "left",
"spacing": {
"before": 0,
"after": 12,
"line": 1.6
}
},
"blockquote": {
"font": "heading",
"size": 14,
"color": "accent",
"italic": false,
"align": "left",
"spacing": {
"before": 18,
"after": 18,
"line": 1.5
},
"padding": 16,
"background": "codeBg",
"borderLeft": {
"color": "accent",
"width": 4,
"style": "solid"
}
},
"code": {
"font": "body",
"size": 10,
"color": "textSecondary",
"background": "codeBg",
"spacing": {
"before": 0,
"after": 0,
"line": 1.4
}
},
"pre": {
"font": "body",
"size": 10,
"color": "textSecondary",
"background": "codeBg",
"padding": 12,
"spacing": {
"before": 12,
"after": 12,
"line": 1.4
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"ul": {
"spacing": {
"before": 12,
"after": 12,
"line": 1.6
},
"indent": 24,
"bullet": "diamond"
},
"ol": {
"spacing": {
"before": 12,
"after": 12,
"line": 1.6
},
"indent": 24,
"numbering": "decimal-leading-zero"
},
"li": {
"font": "body",
"size": 12,
"color": "text",
"spacing": {
"before": 4,
"after": 4,
"line": 1.6
}
},
"strong": {
"font": "body",
"bold": true,
"color": "text"
},
"em": {
"font": "body",
"italic": true,
"color": "textSecondary"
},
"a": {
"font": "body",
"color": "accent",
"underline": true,
"bold": true
},
"table": {
"spacing": {
"before": 18,
"after": 18,
"line": 1.2
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"th": {
"font": "heading",
"size": 12,
"color": "text",
"bold": true,
"background": "codeBg",
"padding": 8
},
"td": {
"font": "body",
"size": 12,
"color": "text",
"padding": 8,
"borderBottom": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"hr": {
"spacing": {
"before": 24,
"after": 24
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"img": {
"align": "left",
"spacing": {
"before": 18,
"after": 18
},
"border": {
"color": "codeBg",
"width": 4,
"style": "solid"
}
},
"del": {
"font": "body",
"strikethrough": true,
"color": "textSecondary"
},
"sup": {
"font": "body",
"size": 9,
"superScript": true
},
"sub": {
"font": "body",
"size": 9,
"subScript": true
},
"mark": {
"font": "body",
"background": "border",
"color": "text"
},
"footnote": {
"font": "body",
"size": 10,
"color": "textSecondary",
"superScript": true
},
"footnoteRef": {
"font": "body",
"size": 10,
"color": "textSecondary",
"spacing": {
"before": 4,
"after": 4,
"line": 1.2
}
}
},
"page": {
"margins": {
"top": 72,
"bottom": 72,
"left": 72,
"right": 72
},
"columns": 1,
"header": true,
"footer": true
}
}

View File

@@ -0,0 +1,319 @@
{
"id": "pop-art-comic",
"name": "Pop Art Comic",
"category": "creative",
"description": "Bold, punchy, and loud. Inspired by classic comic books and pop art. Halftone dots, speech bubbles, and POW!",
"vibe": "Bold, Comic, Punchy",
"googleFontsImport": "https://fonts.googleapis.com/css2?family=Bangers&family=Comic+Neue:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap",
"typography": {
"fonts": {
"heading": "Bangers",
"body": "Comic Neue",
"code": "Comic Neue"
},
"colors": {
"text": "212121",
"textSecondary": "D50000",
"background": "FFFFFF",
"accent": "FFD600",
"border": "212121",
"codeBg": "E3F2FD",
"blockquoteBorder": "212121"
}
},
"elements": {
"h1": {
"font": "heading",
"size": 42,
"color": "textSecondary",
"bold": false,
"align": "center",
"spacing": {
"before": 42,
"after": 21,
"line": 1.1
},
"borderBottom": {
"color": "border",
"width": 6,
"style": "solid",
"space": 10
},
"shadow": "4px 4px 0px #000000"
},
"h2": {
"font": "heading",
"size": 32,
"color": "background",
"bold": false,
"align": "left",
"spacing": {
"before": 32,
"after": 16,
"line": 1.2
},
"background": "border",
"padding": 12,
"rotation": 1
},
"h3": {
"font": "heading",
"size": 26,
"color": "accent",
"bold": false,
"align": "left",
"spacing": {
"before": 26,
"after": 13,
"line": 1.2
},
"shadow": "2px 2px 0px #000000"
},
"h4": {
"font": "body",
"size": 20,
"color": "text",
"bold": true,
"align": "left",
"spacing": {
"before": 20,
"after": 10,
"line": 1.3
}
},
"h5": {
"font": "heading",
"size": 18,
"color": "text",
"bold": false,
"align": "left",
"spacing": {
"before": 18,
"after": 9,
"line": 1.4
}
},
"h6": {
"font": "body",
"size": 16,
"color": "textSecondary",
"bold": true,
"align": "left",
"spacing": {
"before": 16,
"after": 8,
"line": 1.4
}
},
"p": {
"font": "body",
"size": 16,
"color": "text",
"align": "left",
"spacing": {
"before": 0,
"after": 16,
"line": 1.5
}
},
"blockquote": {
"font": "heading",
"size": 20,
"color": "text",
"italic": false,
"align": "center",
"spacing": {
"before": 24,
"after": 24,
"line": 1.4
},
"padding": 24,
"background": "codeBg",
"border": {
"color": "border",
"width": 4,
"style": "solid"
},
"radius": 24
},
"code": {
"font": "body",
"size": 14,
"color": "text",
"background": "accent",
"spacing": {
"before": 0,
"after": 0,
"line": 1.4
}
},
"pre": {
"font": "body",
"size": 14,
"color": "text",
"background": "accent",
"padding": 16,
"spacing": {
"before": 16,
"after": 16,
"line": 1.4
},
"border": {
"color": "border",
"width": 3,
"style": "solid"
}
},
"ul": {
"spacing": {
"before": 16,
"after": 16,
"line": 1.5
},
"indent": 32,
"bullet": "circle"
},
"ol": {
"spacing": {
"before": 16,
"after": 16,
"line": 1.5
},
"indent": 32,
"numbering": "decimal"
},
"li": {
"font": "body",
"size": 16,
"color": "text",
"spacing": {
"before": 4,
"after": 4,
"line": 1.5
}
},
"strong": {
"font": "heading",
"bold": false,
"color": "textSecondary"
},
"em": {
"font": "body",
"italic": true,
"color": "text"
},
"a": {
"font": "heading",
"color": "accent",
"underline": true,
"bold": false
},
"table": {
"spacing": {
"before": 24,
"after": 24,
"line": 1.2
},
"border": {
"color": "border",
"width": 3,
"style": "solid"
}
},
"th": {
"font": "heading",
"size": 16,
"color": "text",
"bold": false,
"background": "accent",
"padding": 12,
"borderBottom": {
"color": "border",
"width": 3,
"style": "solid"
}
},
"td": {
"font": "body",
"size": 16,
"color": "text",
"padding": 12,
"borderBottom": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"hr": {
"spacing": {
"before": 32,
"after": 32
},
"border": {
"color": "border",
"width": 6,
"style": "solid"
}
},
"img": {
"align": "center",
"spacing": {
"before": 24,
"after": 24
},
"border": {
"color": "border",
"width": 5,
"style": "solid"
},
"shadow": "8px 8px 0px #000000"
},
"del": {
"font": "body",
"strikethrough": true,
"color": "textSecondary"
},
"sup": {
"font": "body",
"size": 12,
"superScript": true
},
"sub": {
"font": "body",
"size": 12,
"subScript": true
},
"mark": {
"font": "body",
"background": "accent",
"color": "text"
},
"footnote": {
"font": "body",
"size": 14,
"color": "text",
"superScript": true
},
"footnoteRef": {
"font": "body",
"size": 14,
"color": "text",
"spacing": {
"before": 6,
"after": 6,
"line": 1.2
}
}
},
"page": {
"margins": {
"top": 72,
"bottom": 72,
"left": 72,
"right": 72
},
"columns": 1,
"header": true,
"footer": true
}
}

View File

@@ -0,0 +1,309 @@
{
"id": "risograph-print",
"name": "Risograph Print",
"category": "creative",
"description": "Inspired by Riso printing. Grainy textures, overlapping colors, and a lo-fi DIY zine aesthetic.",
"vibe": "Grainy, DIY, Artistic",
"googleFontsImport": "https://fonts.googleapis.com/css2?family=Staatliches&family=Courier+Prime:ital,wght@0,400;0,700;1,400;1,700&display=swap",
"typography": {
"fonts": {
"heading": "Staatliches",
"body": "Courier Prime",
"code": "Courier Prime"
},
"colors": {
"text": "1A237E",
"textSecondary": "E91E63",
"background": "F8E1E7",
"accent": "FFD600",
"border": "1A237E",
"codeBg": "FFFFFF",
"blockquoteBorder": "E91E63"
}
},
"elements": {
"h1": {
"font": "heading",
"size": 42,
"color": "textSecondary",
"bold": false,
"align": "left",
"spacing": {
"before": 42,
"after": 21,
"line": 1.1
},
"borderBottom": {
"color": "text",
"width": 6,
"style": "solid",
"space": 8
}
},
"h2": {
"font": "heading",
"size": 32,
"color": "text",
"bold": false,
"align": "left",
"spacing": {
"before": 32,
"after": 16,
"line": 1.1
},
"background": "accent",
"padding": 12
},
"h3": {
"font": "heading",
"size": 26,
"color": "textSecondary",
"bold": false,
"align": "left",
"spacing": {
"before": 26,
"after": 13,
"line": 1.2
}
},
"h4": {
"font": "body",
"size": 18,
"color": "text",
"bold": true,
"align": "left",
"spacing": {
"before": 18,
"after": 9,
"line": 1.3
}
},
"h5": {
"font": "body",
"size": 16,
"color": "textSecondary",
"bold": true,
"align": "left",
"spacing": {
"before": 16,
"after": 8,
"line": 1.4
}
},
"h6": {
"font": "body",
"size": 14,
"color": "text",
"italic": true,
"align": "left",
"spacing": {
"before": 14,
"after": 7,
"line": 1.4
}
},
"p": {
"font": "body",
"size": 14,
"color": "text",
"align": "left",
"spacing": {
"before": 0,
"after": 14,
"line": 1.6
}
},
"blockquote": {
"font": "heading",
"size": 16,
"color": "textSecondary",
"italic": false,
"align": "left",
"spacing": {
"before": 21,
"after": 21,
"line": 1.5
},
"padding": 16,
"border": {
"color": "text",
"width": 2,
"style": "solid"
}
},
"code": {
"font": "body",
"size": 12,
"color": "textSecondary",
"background": "codeBg",
"spacing": {
"before": 0,
"after": 0,
"line": 1.4
}
},
"pre": {
"font": "body",
"size": 12,
"color": "textSecondary",
"background": "codeBg",
"padding": 16,
"spacing": {
"before": 16,
"after": 16,
"line": 1.4
},
"border": {
"color": "border",
"width": 1,
"style": "dashed"
}
},
"ul": {
"spacing": {
"before": 14,
"after": 14,
"line": 1.6
},
"indent": 28,
"bullet": "disc"
},
"ol": {
"spacing": {
"before": 14,
"after": 14,
"line": 1.6
},
"indent": 28,
"numbering": "decimal"
},
"li": {
"font": "body",
"size": 14,
"color": "text",
"spacing": {
"before": 4,
"after": 4,
"line": 1.6
}
},
"strong": {
"font": "heading",
"bold": false,
"color": "textSecondary"
},
"em": {
"font": "body",
"italic": true,
"color": "text"
},
"a": {
"font": "body",
"color": "border",
"underline": true,
"bold": true
},
"table": {
"spacing": {
"before": 21,
"after": 21,
"line": 1.2
},
"border": {
"color": "border",
"width": 2,
"style": "solid"
}
},
"th": {
"font": "heading",
"size": 14,
"color": "text",
"bold": false,
"background": "accent",
"padding": 10
},
"td": {
"font": "body",
"size": 14,
"color": "text",
"padding": 10,
"borderBottom": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"hr": {
"spacing": {
"before": 28,
"after": 28
},
"border": {
"color": "textSecondary",
"width": 4,
"style": "dotted"
}
},
"img": {
"align": "left",
"spacing": {
"before": 21,
"after": 21
},
"border": {
"color": "text",
"width": 2,
"style": "solid"
},
"grayscale": true
},
"del": {
"font": "body",
"strikethrough": true,
"color": "textSecondary"
},
"sup": {
"font": "body",
"size": 10,
"superScript": true
},
"sub": {
"font": "body",
"size": 10,
"subScript": true
},
"mark": {
"font": "body",
"background": "accent",
"color": "text"
},
"footnote": {
"font": "body",
"size": 12,
"color": "textSecondary",
"superScript": true
},
"footnoteRef": {
"font": "body",
"size": 12,
"color": "textSecondary",
"spacing": {
"before": 6,
"after": 6,
"line": 1.2
}
}
},
"page": {
"margins": {
"top": 60,
"bottom": 60,
"left": 60,
"right": 60
},
"columns": 1,
"header": true,
"footer": true
}
}

View File

@@ -0,0 +1,307 @@
{
"id": "street-art-graffiti",
"name": "Street Art Graffiti",
"category": "creative",
"description": "Urban style with spray paint textures and marker tags. Rebellious, bold, and expressive.",
"vibe": "Urban, Rebellious, Street",
"googleFontsImport": "https://fonts.googleapis.com/css2?family=Sedgwick+Ave&family=Caveat:wght@400..700&display=swap",
"typography": {
"fonts": {
"heading": "Sedgwick Ave",
"body": "Caveat",
"code": "Caveat"
},
"colors": {
"text": "FFFFFF",
"textSecondary": "FFEB3B",
"background": "212121",
"accent": "D50000",
"border": "00E5FF",
"codeBg": "424242",
"blockquoteBorder": "76FF03"
}
},
"elements": {
"h1": {
"font": "heading",
"size": 48,
"color": "textSecondary",
"bold": false,
"align": "center",
"spacing": {
"before": 48,
"after": 24,
"line": 1.2
},
"rotation": -3,
"shadow": "4px 4px 0px #D50000"
},
"h2": {
"font": "heading",
"size": 32,
"color": "border",
"bold": false,
"align": "left",
"spacing": {
"before": 32,
"after": 16,
"line": 1.2
},
"rotation": 2
},
"h3": {
"font": "heading",
"size": 24,
"color": "blockquoteBorder",
"bold": false,
"align": "left",
"spacing": {
"before": 24,
"after": 12,
"line": 1.2
}
},
"h4": {
"font": "body",
"size": 22,
"color": "text",
"bold": true,
"align": "left",
"spacing": {
"before": 20,
"after": 10,
"line": 1.3
}
},
"h5": {
"font": "body",
"size": 20,
"color": "accent",
"bold": true,
"align": "left",
"spacing": {
"before": 16,
"after": 8,
"line": 1.4
}
},
"h6": {
"font": "body",
"size": 18,
"color": "textSecondary",
"bold": true,
"align": "left",
"spacing": {
"before": 16,
"after": 8,
"line": 1.4
}
},
"p": {
"font": "body",
"size": 18,
"color": "text",
"align": "left",
"spacing": {
"before": 0,
"after": 18,
"line": 1.5
}
},
"blockquote": {
"font": "heading",
"size": 20,
"color": "textSecondary",
"italic": false,
"align": "center",
"spacing": {
"before": 24,
"after": 24,
"line": 1.4
},
"padding": 20,
"border": {
"color": "accent",
"width": 3,
"style": "solid"
},
"background": "codeBg",
"rotation": 1
},
"code": {
"font": "body",
"size": 16,
"color": "border",
"background": "codeBg",
"spacing": {
"before": 0,
"after": 0,
"line": 1.4
}
},
"pre": {
"font": "body",
"size": 16,
"color": "border",
"background": "codeBg",
"padding": 16,
"spacing": {
"before": 16,
"after": 16,
"line": 1.4
},
"border": {
"color": "textSecondary",
"width": 1,
"style": "dashed"
}
},
"ul": {
"spacing": {
"before": 16,
"after": 16,
"line": 1.5
},
"indent": 28,
"bullet": "arrow"
},
"ol": {
"spacing": {
"before": 16,
"after": 16,
"line": 1.5
},
"indent": 28,
"numbering": "decimal"
},
"li": {
"font": "body",
"size": 18,
"color": "text",
"spacing": {
"before": 4,
"after": 4,
"line": 1.5
}
},
"strong": {
"font": "heading",
"bold": false,
"color": "accent"
},
"em": {
"font": "body",
"italic": true,
"color": "textSecondary",
"background": "codeBg"
},
"a": {
"font": "heading",
"color": "blockquoteBorder",
"underline": true,
"bold": false
},
"table": {
"spacing": {
"before": 24,
"after": 24,
"line": 1.2
},
"border": {
"color": "accent",
"width": 2,
"style": "solid"
}
},
"th": {
"font": "heading",
"size": 18,
"color": "background",
"bold": false,
"background": "accent",
"padding": 12
},
"td": {
"font": "body",
"size": 18,
"color": "text",
"padding": 12,
"borderBottom": {
"color": "accent",
"width": 1,
"style": "solid"
}
},
"hr": {
"spacing": {
"before": 32,
"after": 32
},
"border": {
"color": "border",
"width": 4,
"style": "dashed"
}
},
"img": {
"align": "center",
"spacing": {
"before": 24,
"after": 24
},
"border": {
"color": "text",
"width": 3,
"style": "solid"
},
"rotation": -1
},
"del": {
"font": "body",
"strikethrough": true,
"color": "accent"
},
"sup": {
"font": "body",
"size": 14,
"superScript": true
},
"sub": {
"font": "body",
"size": 14,
"subScript": true
},
"mark": {
"font": "body",
"background": "textSecondary",
"color": "background"
},
"footnote": {
"font": "body",
"size": 16,
"color": "textSecondary",
"superScript": true
},
"footnoteRef": {
"font": "body",
"size": 16,
"color": "textSecondary",
"spacing": {
"before": 6,
"after": 6,
"line": 1.2
}
}
},
"page": {
"margins": {
"top": 60,
"bottom": 60,
"left": 60,
"right": 60
},
"columns": 1,
"header": false,
"footer": true
}
}

View File

@@ -0,0 +1,306 @@
{
"id": "vaporwave-aesthetic",
"name": "Vaporwave Aesthetic",
"category": "creative",
"description": "Nostalgic 80s/90s internet vibe. Neon grids, cyan and magenta gradients, and retro-futuristic typography.",
"vibe": "Nostalgic, Digital, Surreal",
"googleFontsImport": "https://fonts.googleapis.com/css2?family=Audiowide&family=Varela+Round&display=swap",
"typography": {
"fonts": {
"heading": "Audiowide",
"body": "Varela Round",
"code": "Varela Round"
},
"colors": {
"text": "1A237E",
"textSecondary": "FF4081",
"background": "F3E5F5",
"accent": "00E5FF",
"border": "D500F9",
"codeBg": "FFFFFF",
"blockquoteBorder": "00E5FF"
}
},
"elements": {
"h1": {
"font": "heading",
"size": 36,
"color": "textSecondary",
"bold": false,
"align": "center",
"spacing": {
"before": 40,
"after": 20,
"line": 1.2
},
"letterSpacing": 4,
"allCaps": true,
"shadow": "2px 2px 0px #00E5FF"
},
"h2": {
"font": "heading",
"size": 24,
"color": "accent",
"bold": false,
"align": "center",
"spacing": {
"before": 32,
"after": 16,
"line": 1.2
},
"letterSpacing": 2
},
"h3": {
"font": "heading",
"size": 20,
"color": "border",
"bold": false,
"align": "center",
"spacing": {
"before": 24,
"after": 12,
"line": 1.2
}
},
"h4": {
"font": "body",
"size": 16,
"color": "text",
"bold": true,
"align": "center",
"spacing": {
"before": 20,
"after": 10,
"line": 1.3
},
"allCaps": true
},
"h5": {
"font": "body",
"size": 14,
"color": "textSecondary",
"bold": true,
"align": "center",
"spacing": {
"before": 16,
"after": 8,
"line": 1.4
}
},
"h6": {
"font": "body",
"size": 12,
"color": "border",
"bold": true,
"align": "center",
"spacing": {
"before": 16,
"after": 8,
"line": 1.4
}
},
"p": {
"font": "body",
"size": 12,
"color": "text",
"align": "justify",
"spacing": {
"before": 0,
"after": 16,
"line": 1.6
}
},
"blockquote": {
"font": "heading",
"size": 14,
"color": "textSecondary",
"italic": false,
"align": "center",
"spacing": {
"before": 24,
"after": 24,
"line": 1.5
},
"padding": 20,
"background": "codeBg",
"border": {
"color": "accent",
"width": 2,
"style": "solid"
}
},
"code": {
"font": "body",
"size": 11,
"color": "border",
"background": "codeBg",
"spacing": {
"before": 0,
"after": 0,
"line": 1.4
}
},
"pre": {
"font": "body",
"size": 11,
"color": "border",
"background": "codeBg",
"padding": 16,
"spacing": {
"before": 16,
"after": 16,
"line": 1.4
},
"border": {
"color": "textSecondary",
"width": 1,
"style": "solid"
}
},
"ul": {
"spacing": {
"before": 16,
"after": 16,
"line": 1.6
},
"indent": 32,
"bullet": "diamond"
},
"ol": {
"spacing": {
"before": 16,
"after": 16,
"line": 1.6
},
"indent": 32,
"numbering": "decimal-leading-zero"
},
"li": {
"font": "body",
"size": 12,
"color": "text",
"spacing": {
"before": 4,
"after": 4,
"line": 1.6
}
},
"strong": {
"font": "heading",
"bold": false,
"color": "textSecondary"
},
"em": {
"font": "body",
"italic": true,
"color": "accent"
},
"a": {
"font": "heading",
"color": "accent",
"underline": true,
"bold": false
},
"table": {
"spacing": {
"before": 24,
"after": 24,
"line": 1.2
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"th": {
"font": "heading",
"size": 12,
"color": "background",
"bold": false,
"background": "border",
"padding": 12
},
"td": {
"font": "body",
"size": 12,
"color": "text",
"padding": 12,
"borderBottom": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"hr": {
"spacing": {
"before": 32,
"after": 32
},
"border": {
"color": "accent",
"width": 4,
"style": "double"
}
},
"img": {
"align": "center",
"spacing": {
"before": 24,
"after": 24
},
"border": {
"color": "textSecondary",
"width": 2,
"style": "solid"
}
},
"del": {
"font": "body",
"strikethrough": true,
"color": "accent"
},
"sup": {
"font": "body",
"size": 10,
"superScript": true
},
"sub": {
"font": "body",
"size": 10,
"subScript": true
},
"mark": {
"font": "body",
"background": "accent",
"color": "text"
},
"footnote": {
"font": "body",
"size": 10,
"color": "textSecondary",
"superScript": true
},
"footnoteRef": {
"font": "body",
"size": 10,
"color": "textSecondary",
"spacing": {
"before": 6,
"after": 6,
"line": 1.2
}
}
},
"page": {
"margins": {
"top": 72,
"bottom": 72,
"left": 72,
"right": 72
},
"columns": 1,
"header": true,
"footer": true
}
}

View File

@@ -0,0 +1,307 @@
{
"id": "watercolor-wash",
"name": "Watercolor Wash",
"category": "creative",
"description": "Soft, artistic, and flowing. Uses hand-written style fonts and a gentle pastel color palette.",
"vibe": "Soft, Artistic, Flowing",
"googleFontsImport": "https://fonts.googleapis.com/css2?family=Amatic+SC:wght@400;700&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap",
"typography": {
"fonts": {
"heading": "Amatic SC",
"body": "Open Sans",
"code": "Open Sans"
},
"colors": {
"text": "455A64",
"textSecondary": "78909C",
"background": "FFFFFF",
"accent": "EC407A",
"border": "B3E5FC",
"codeBg": "F3E5F5",
"blockquoteBorder": "AB47BC"
}
},
"elements": {
"h1": {
"font": "heading",
"size": 48,
"color": "accent",
"bold": true,
"align": "center",
"spacing": {
"before": 48,
"after": 24,
"line": 1.1
},
"borderBottom": {
"color": "border",
"width": 4,
"style": "dashed",
"space": 10
}
},
"h2": {
"font": "heading",
"size": 36,
"color": "textSecondary",
"bold": true,
"align": "left",
"spacing": {
"before": 36,
"after": 18,
"line": 1.2
}
},
"h3": {
"font": "heading",
"size": 30,
"color": "blockquoteBorder",
"bold": true,
"align": "left",
"spacing": {
"before": 30,
"after": 15,
"line": 1.2
}
},
"h4": {
"font": "body",
"size": 18,
"color": "text",
"bold": true,
"align": "left",
"spacing": {
"before": 20,
"after": 10,
"line": 1.3
}
},
"h5": {
"font": "body",
"size": 16,
"color": "textSecondary",
"bold": true,
"align": "left",
"spacing": {
"before": 16,
"after": 8,
"line": 1.4
}
},
"h6": {
"font": "body",
"size": 14,
"color": "accent",
"bold": true,
"align": "left",
"spacing": {
"before": 16,
"after": 8,
"line": 1.4
}
},
"p": {
"font": "body",
"size": 14,
"color": "text",
"align": "left",
"spacing": {
"before": 0,
"after": 14,
"line": 1.6
}
},
"blockquote": {
"font": "heading",
"size": 24,
"color": "textSecondary",
"italic": false,
"align": "center",
"spacing": {
"before": 24,
"after": 24,
"line": 1.4
},
"padding": 0,
"border": {
"color": "transparent",
"width": 0,
"style": "none"
},
"background": "transparent"
},
"code": {
"font": "body",
"size": 12,
"color": "blockquoteBorder",
"background": "codeBg",
"spacing": {
"before": 0,
"after": 0,
"line": 1.4
}
},
"pre": {
"font": "body",
"size": 12,
"color": "blockquoteBorder",
"background": "codeBg",
"padding": 16,
"spacing": {
"before": 16,
"after": 16,
"line": 1.4
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"ul": {
"spacing": {
"before": 14,
"after": 14,
"line": 1.6
},
"indent": 28,
"bullet": "circle"
},
"ol": {
"spacing": {
"before": 14,
"after": 14,
"line": 1.6
},
"indent": 28,
"numbering": "decimal"
},
"li": {
"font": "body",
"size": 14,
"color": "text",
"spacing": {
"before": 4,
"after": 4,
"line": 1.6
}
},
"strong": {
"font": "heading",
"bold": true,
"color": "accent"
},
"em": {
"font": "body",
"italic": true,
"color": "textSecondary"
},
"a": {
"font": "body",
"color": "accent",
"underline": true,
"bold": true
},
"table": {
"spacing": {
"before": 24,
"after": 24,
"line": 1.2
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"th": {
"font": "heading",
"size": 18,
"color": "text",
"bold": true,
"background": "codeBg",
"padding": 12
},
"td": {
"font": "body",
"size": 14,
"color": "text",
"padding": 12,
"borderBottom": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"hr": {
"spacing": {
"before": 32,
"after": 32
},
"border": {
"color": "border",
"width": 2,
"style": "solid"
}
},
"img": {
"align": "center",
"spacing": {
"before": 24,
"after": 24
},
"border": {
"color": "codeBg",
"width": 8,
"style": "solid"
}
},
"del": {
"font": "body",
"strikethrough": true,
"color": "textSecondary"
},
"sup": {
"font": "body",
"size": 10,
"superScript": true
},
"sub": {
"font": "body",
"size": 10,
"subScript": true
},
"mark": {
"font": "body",
"background": "codeBg",
"color": "text"
},
"footnote": {
"font": "body",
"size": 12,
"color": "textSecondary",
"superScript": true
},
"footnoteRef": {
"font": "body",
"size": 12,
"color": "textSecondary",
"spacing": {
"before": 6,
"after": 6,
"line": 1.2
}
}
},
"page": {
"margins": {
"top": 90,
"bottom": 90,
"left": 90,
"right": 90
},
"columns": 1,
"header": true,
"footer": true
}
}

View File

@@ -0,0 +1,308 @@
{
"id": "art-nouveau-organic",
"name": "Art Nouveau Organic",
"category": "editorial",
"description": "Inspired by the Art Nouveau movement (1890-1910). Flowing organic lines with nature-inspired elegance and whiplash curves.",
"vibe": "Organic, Flowing, Decorative",
"googleFontsImport": "https://fonts.googleapis.com/css2?family=Sorts+Mill+Goudy:ital,wght@0,400;1,400&family=Fanwood+Text:ital,wght@0,400;1,400&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap",
"typography": {
"fonts": {
"heading": "Sorts Mill Goudy",
"body": "Fanwood Text",
"code": "Fanwood Text"
},
"colors": {
"text": "3D4A2D",
"textSecondary": "4A5D23",
"background": "FDFDF8",
"accent": "8FA876",
"border": "B5C99A",
"codeBg": "F4F7F0",
"blockquoteBorder": "8FA876"
}
},
"elements": {
"h1": {
"font": "heading",
"size": 42,
"color": "textSecondary",
"bold": false,
"align": "center",
"spacing": {
"before": 48,
"after": 32,
"line": 1.2
},
"borderBottom": {
"color": "accent",
"width": 2,
"style": "solid",
"space": 12
}
,
"italic": true
},
"h2": {
"font": "heading",
"size": 24,
"color": "textSecondary",
"bold": false,
"align": "left",
"spacing": {
"before": 36,
"after": 18,
"line": 1.3
},
"italic": true
},
"h3": {
"font": "heading",
"size": 20,
"color": "textSecondary",
"bold": false,
"align": "left",
"spacing": {
"before": 24,
"after": 12,
"line": 1.3
}
},
"h4": {
"font": "body",
"size": 18,
"color": "text",
"bold": true,
"align": "left",
"spacing": {
"before": 20,
"after": 10,
"line": 1.4
}
},
"h5": {
"font": "body",
"size": 16,
"color": "textSecondary",
"bold": true,
"align": "left",
"spacing": {
"before": 16,
"after": 8,
"line": 1.4
}
},
"h6": {
"font": "body",
"size": 14,
"color": "textSecondary",
"italic": true,
"align": "left",
"spacing": {
"before": 16,
"after": 8,
"line": 1.4
}
},
"p": {
"font": "body",
"size": 12,
"color": "text",
"align": "justify",
"spacing": {
"before": 0,
"after": 16,
"line": 1.8
}
},
"blockquote": {
"font": "body",
"size": 14,
"color": "text",
"italic": true,
"align": "left",
"spacing": {
"before": 28,
"after": 28,
"line": 1.6
},
"padding": 20,
"border": {
"color": "blockquoteBorder",
"width": 3,
"style": "solid"
},
"background": "F4F7F0"
},
"code": {
"font": "body",
"size": 11,
"color": "textSecondary",
"background": "codeBg",
"spacing": {
"before": 0,
"after": 0,
"line": 1.4
}
},
"pre": {
"font": "body",
"size": 11,
"color": "textSecondary",
"background": "codeBg",
"padding": 16,
"spacing": {
"before": 16,
"after": 16,
"line": 1.4
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"ul": {
"spacing": {
"before": 16,
"after": 16,
"line": 1.6
},
"indent": 24,
"bullet": "circle"
},
"ol": {
"spacing": {
"before": 16,
"after": 16,
"line": 1.6
},
"indent": 24,
"numbering": "decimal"
},
"li": {
"font": "body",
"size": 12,
"color": "text",
"spacing": {
"before": 6,
"after": 6,
"line": 1.6
}
},
"strong": {
"font": "body",
"bold": true,
"color": "textSecondary"
},
"em": {
"font": "body",
"italic": true
},
"a": {
"font": "body",
"color": "accent",
"underline": true,
"bold": true
},
"table": {
"spacing": {
"before": 24,
"after": 24,
"line": 1.4
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"th": {
"font": "heading",
"size": 12,
"color": "textSecondary",
"bold": true,
"background": "codeBg",
"padding": 12
},
"td": {
"font": "body",
"size": 11,
"color": "text",
"padding": 12,
"borderBottom": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"hr": {
"spacing": {
"before": 32,
"after": 32
},
"border": {
"color": "accent",
"width": 1,
"style": "solid"
}
},
"img": {
"align": "center",
"spacing": {
"before": 24,
"after": 24
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"del": {
"font": "body",
"strikethrough": true
},
"sup": {
"font": "body",
"size": 9,
"superScript": true
},
"sub": {
"font": "body",
"size": 9,
"subScript": true
},
"mark": {
"font": "body",
"background": "accent",
"color": "background"
},
"footnote": {
"font": "body",
"size": 10,
"color": "textSecondary",
"superScript": true
},
"footnoteRef": {
"font": "body",
"size": 10,
"color": "textSecondary",
"spacing": {
"before": 4,
"after": 4,
"line": 1.2
}
}
},
"page": {
"margins": {
"top": 72,
"bottom": 72,
"left": 72,
"right": 72
},
"columns": 1,
"header": true,
"footer": true
}
}

View File

@@ -0,0 +1,305 @@
{
"id": "arts-crafts-heritage",
"name": "Arts & Crafts Heritage",
"category": "editorial",
"description": "Inspired by William Morris and the Arts & Crafts movement (1880s-1900). Emphasizes craftsmanship, natural forms, and medieval aesthetics with readable typography.",
"vibe": "Artisan, Literary, Handcrafted",
"googleFontsImport": "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&family=EB+Garamond:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap",
"typography": {
"fonts": {
"heading": "Cormorant Garamond",
"body": "EB Garamond",
"code": "EB Garamond"
},
"colors": {
"text": "3C3C3C",
"textSecondary": "2F4F4F",
"background": "FCFAF2",
"accent": "556B2F",
"border": "A3B18A",
"codeBg": "F5F5DC",
"blockquoteBorder": "556B2F"
}
},
"elements": {
"h1": {
"font": "heading",
"size": 36,
"color": "textSecondary",
"bold": true,
"align": "center",
"spacing": {
"before": 40,
"after": 24,
"line": 1.2
},
"borderBottom": {
"color": "accent",
"width": 2,
"style": "solid",
"space": 10
}
},
"h2": {
"font": "heading",
"size": 22,
"color": "accent",
"bold": true,
"align": "left",
"spacing": {
"before": 32,
"after": 16,
"line": 1.3
}
},
"h3": {
"font": "heading",
"size": 18,
"color": "accent",
"bold": true,
"align": "left",
"spacing": {
"before": 24,
"after": 12,
"line": 1.3
}
},
"h4": {
"font": "body",
"size": 16,
"color": "text",
"bold": true,
"align": "left",
"spacing": {
"before": 20,
"after": 10,
"line": 1.4
}
},
"h5": {
"font": "body",
"size": 14,
"color": "textSecondary",
"bold": true,
"align": "left",
"spacing": {
"before": 16,
"after": 8,
"line": 1.4
}
},
"h6": {
"font": "body",
"size": 12,
"color": "textSecondary",
"italic": true,
"align": "left",
"spacing": {
"before": 16,
"after": 8,
"line": 1.4
}
},
"p": {
"font": "body",
"size": 12,
"color": "text",
"align": "justify",
"spacing": {
"before": 0,
"after": 16,
"line": 1.8
}
},
"blockquote": {
"font": "body",
"size": 14,
"color": "text",
"italic": true,
"align": "left",
"spacing": {
"before": 24,
"after": 24,
"line": 1.6
},
"padding": 20,
"border": {
"color": "blockquoteBorder",
"width": 4,
"style": "solid"
},
"background": "F5F5DC"
},
"code": {
"font": "body",
"size": 11,
"color": "textSecondary",
"background": "codeBg",
"spacing": {
"before": 0,
"after": 0,
"line": 1.4
}
},
"pre": {
"font": "body",
"size": 11,
"color": "textSecondary",
"background": "codeBg",
"padding": 16,
"spacing": {
"before": 16,
"after": 16,
"line": 1.4
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"ul": {
"spacing": {
"before": 16,
"after": 16,
"line": 1.6
},
"indent": 24,
"bullet": "disc"
},
"ol": {
"spacing": {
"before": 16,
"after": 16,
"line": 1.6
},
"indent": 24,
"numbering": "decimal"
},
"li": {
"font": "body",
"size": 12,
"color": "text",
"spacing": {
"before": 4,
"after": 4,
"line": 1.6
}
},
"strong": {
"font": "body",
"bold": true,
"color": "textSecondary"
},
"em": {
"font": "body",
"italic": true
},
"a": {
"font": "body",
"color": "accent",
"underline": true,
"bold": true
},
"table": {
"spacing": {
"before": 24,
"after": 24,
"line": 1.4
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"th": {
"font": "heading",
"size": 12,
"color": "textSecondary",
"bold": true,
"background": "codeBg",
"padding": 12
},
"td": {
"font": "body",
"size": 11,
"color": "text",
"padding": 12,
"borderBottom": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"hr": {
"spacing": {
"before": 32,
"after": 32
},
"border": {
"color": "accent",
"width": 2,
"style": "solid"
}
},
"img": {
"align": "center",
"spacing": {
"before": 24,
"after": 24
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"del": {
"font": "body",
"strikethrough": true
},
"sup": {
"font": "body",
"size": 9,
"superScript": true
},
"sub": {
"font": "body",
"size": 9,
"subScript": true
},
"mark": {
"font": "body",
"background": "accent",
"color": "background"
},
"footnote": {
"font": "body",
"size": 10,
"color": "textSecondary",
"superScript": true
},
"footnoteRef": {
"font": "body",
"size": 10,
"color": "textSecondary",
"spacing": {
"before": 4,
"after": 4,
"line": 1.2
}
}
},
"page": {
"margins": {
"top": 72,
"bottom": 72,
"left": 72,
"right": 72
},
"columns": 1,
"header": true,
"footer": true
}
}

View File

@@ -0,0 +1,304 @@
{
"id": "baroque-splendor",
"name": "Baroque Splendor",
"category": "editorial",
"description": "Heavy, dramatic 17th-century luxury. Deep golds and crimsons with deeply flourished script.",
"vibe": "Luxurious, Dramatic, Heavy",
"googleFontsImport": "https://fonts.googleapis.com/css2?family=Mrs+Saint+Delafield&family=Mate:ital,wght@0,400;0,700;1,400;1,700&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap",
"typography": {
"fonts": {
"heading": "Mrs Saint Delafield",
"body": "Mate",
"code": "Mate"
},
"colors": {
"text": "3D2B1F",
"textSecondary": "800000",
"background": "FFFBF0",
"accent": "B8860B",
"border": "D4AF37",
"codeBg": "FFF8E7",
"blockquoteBorder": "B8860B"
}
},
"elements": {
"h1": {
"font": "heading",
"size": 56,
"color": "textSecondary",
"bold": false,
"align": "center",
"spacing": {
"before": 52,
"after": 32,
"line": 1.1
}
},
"h2": {
"font": "body",
"size": 20,
"color": "accent",
"bold": true,
"align": "center",
"spacing": {
"before": 40,
"after": 20,
"line": 1.2
},
"allCaps": true,
"letterSpacing": 3
},
"h3": {
"font": "body",
"size": 16,
"color": "accent",
"bold": true,
"align": "center",
"spacing": {
"before": 24,
"after": 12,
"line": 1.2
},
"allCaps": true
},
"h4": {
"font": "body",
"size": 14,
"color": "text",
"bold": true,
"align": "left",
"spacing": {
"before": 20,
"after": 10,
"line": 1.3
}
},
"h5": {
"font": "body",
"size": 13,
"color": "textSecondary",
"bold": true,
"align": "left",
"spacing": {
"before": 16,
"after": 8,
"line": 1.3
}
},
"h6": {
"font": "body",
"size": 12,
"color": "textSecondary",
"italic": true,
"align": "left",
"spacing": {
"before": 16,
"after": 8,
"line": 1.3
}
},
"p": {
"font": "body",
"size": 12,
"color": "text",
"align": "justify",
"spacing": {
"before": 0,
"after": 18,
"line": 1.8
}
},
"blockquote": {
"font": "body",
"size": 16,
"color": "text",
"italic": true,
"align": "center",
"spacing": {
"before": 32,
"after": 32,
"line": 1.5
},
"padding": 24,
"border": {
"color": "blockquoteBorder",
"width": 3,
"style": "double"
},
"background": "FFF8E7"
},
"code": {
"font": "body",
"size": 11,
"color": "accent",
"background": "codeBg",
"spacing": {
"before": 0,
"after": 0,
"line": 1.4
}
},
"pre": {
"font": "body",
"size": 11,
"color": "accent",
"background": "codeBg",
"padding": 16,
"spacing": {
"before": 16,
"after": 16,
"line": 1.4
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"ul": {
"spacing": {
"before": 16,
"after": 16,
"line": 1.8
},
"indent": 24,
"bullet": "diamond"
},
"ol": {
"spacing": {
"before": 16,
"after": 16,
"line": 1.8
},
"indent": 24,
"numbering": "upper-roman"
},
"li": {
"font": "body",
"size": 12,
"color": "text",
"spacing": {
"before": 6,
"after": 6,
"line": 1.8
}
},
"strong": {
"font": "body",
"bold": true,
"color": "textSecondary"
},
"em": {
"font": "body",
"italic": true,
"color": "accent"
},
"a": {
"font": "body",
"color": "accent",
"underline": true,
"bold": true
},
"table": {
"spacing": {
"before": 32,
"after": 32,
"line": 1.5
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"th": {
"font": "body",
"size": 12,
"color": "textSecondary",
"bold": true,
"background": "codeBg",
"padding": 12,
"allCaps": true
},
"td": {
"font": "body",
"size": 12,
"color": "text",
"padding": 12,
"borderBottom": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"hr": {
"spacing": {
"before": 40,
"after": 40
},
"border": {
"color": "accent",
"width": 4,
"style": "double"
}
},
"img": {
"align": "center",
"spacing": {
"before": 32,
"after": 32
},
"border": {
"color": "border",
"width": 3,
"style": "solid"
}
},
"del": {
"font": "body",
"strikethrough": true
},
"sup": {
"font": "body",
"size": 9,
"superScript": true
},
"sub": {
"font": "body",
"size": 9,
"subScript": true
},
"mark": {
"font": "body",
"background": "accent",
"color": "background"
},
"footnote": {
"font": "body",
"size": 10,
"color": "textSecondary",
"superScript": true
},
"footnoteRef": {
"font": "body",
"size": 10,
"color": "textSecondary",
"spacing": {
"before": 4,
"after": 4,
"line": 1.2
}
}
},
"page": {
"margins": {
"top": 72,
"bottom": 72,
"left": 72,
"right": 72
},
"columns": 1,
"header": true,
"footer": true
}
}

View File

@@ -0,0 +1,323 @@
{
"id": "classic-newspaper",
"name": "Classic Newspaper",
"category": "Editorial",
"description": "The trusted voice of record. Traditional multi-column layout with high-contrast serifs and justified text.",
"vibe": "Authoritative, Timeless, Informative",
"googleFontsImport": "https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Newsreader:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Courier+Prime:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap",
"typography": {
"fonts": {
"heading": "Playfair Display",
"body": "Newsreader",
"code": "Courier Prime"
},
"colors": {
"text": "111111",
"textSecondary": "333333",
"background": "F9F7F1",
"accent": "8B0000",
"border": "222222",
"codeBg": "EAE8E0",
"blockquoteBorder": "111111"
}
},
"elements": {
"h1": {
"font": "heading",
"size": 48,
"color": "111111",
"bold": true,
"align": "center",
"spacing": {
"before": 24,
"after": 24,
"line": 0.95
},
"allCaps": true,
"letterSpacing": -1,
"borderBottom": {
"color": "111111",
"width": 4,
"style": "double"
}
},
"h2": {
"font": "heading",
"size": 32,
"color": "111111",
"bold": true,
"align": "center",
"italic": true,
"spacing": {
"before": 24,
"after": 12,
"line": 1.1
}
},
"h3": {
"font": "heading",
"size": 24,
"color": "111111",
"bold": true,
"align": "left",
"spacing": {
"before": 20,
"after": 8,
"line": 1.1
},
"borderBottom": {
"color": "111111",
"width": 1,
"style": "solid"
}
},
"h4": {
"font": "heading",
"size": 18,
"color": "111111",
"bold": true,
"align": "left",
"spacing": {
"before": 16,
"after": 8,
"line": 1.2
}
},
"h5": {
"font": "heading",
"size": 14,
"color": "333333",
"bold": true,
"align": "left",
"spacing": {
"before": 12,
"after": 4,
"line": 1.2
},
"allCaps": true
},
"h6": {
"font": "heading",
"size": 12,
"color": "333333",
"bold": false,
"italic": true,
"align": "left",
"spacing": {
"before": 12,
"after": 4,
"line": 1.2
}
},
"p": {
"font": "body",
"size": 13,
"color": "111111",
"align": "justify",
"spacing": {
"before": 0,
"after": 12,
"line": 1.4
},
"weight": 400
},
"blockquote": {
"font": "heading",
"size": 20,
"color": "111111",
"italic": true,
"align": "center",
"bold": true,
"spacing": {
"before": 24,
"after": 24,
"line": 1.2
},
"padding": 24,
"borderTop": {
"color": "111111",
"width": 1,
"style": "solid"
},
"borderBottom": {
"color": "111111",
"width": 1,
"style": "solid"
},
"indent": 20
},
"code": {
"font": "code",
"size": 12,
"color": "111111",
"background": "codeBg",
"spacing": {
"before": 0,
"after": 0,
"line": 1.4
}
},
"pre": {
"font": "code",
"size": 11,
"color": "111111",
"background": "codeBg",
"padding": 12,
"spacing": {
"before": 12,
"after": 12,
"line": 1.4
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"ul": {
"spacing": {
"before": 12,
"after": 12,
"line": 1.4
},
"indent": 16,
"bullet": "disc"
},
"ol": {
"spacing": {
"before": 12,
"after": 12,
"line": 1.4
},
"indent": 16,
"numbering": "decimal"
},
"li": {
"font": "body",
"size": 13,
"color": "111111",
"spacing": {
"before": 2,
"after": 2,
"line": 1.4
}
},
"strong": {
"font": "heading",
"bold": true,
"color": "111111"
},
"em": {
"font": "body",
"italic": true
},
"a": {
"font": "body",
"color": "111111",
"underline": true,
"bold": true
},
"table": {
"spacing": {
"before": 16,
"after": 16,
"line": 1.2
},
"border": {
"color": "111111",
"width": 1,
"style": "solid"
}
},
"th": {
"font": "heading",
"size": 12,
"color": "FFFFFF",
"bold": true,
"background": "111111",
"padding": 8
},
"td": {
"font": "body",
"size": 12,
"color": "111111",
"padding": 8,
"borderBottom": {
"color": "CCCCCC",
"width": 1,
"style": "solid"
}
},
"hr": {
"spacing": {
"before": 24,
"after": 24
},
"border": {
"color": "111111",
"width": 1,
"style": "solid"
}
},
"img": {
"align": "center",
"spacing": {
"before": 16,
"after": 16
},
"border": {
"color": "111111",
"width": 2,
"style": "solid"
}
},
"del": {
"font": "body",
"strikethrough": true,
"color": "555555"
},
"sup": {
"font": "body",
"size": 9,
"superScript": true
},
"sub": {
"font": "body",
"size": 9,
"subScript": true
},
"mark": {
"font": "body",
"background": "EAE8E0",
"color": "111111",
"italic": true
},
"footnote": {
"font": "body",
"size": 10,
"color": "textSecondary",
"superScript": true
},
"footnoteRef": {
"font": "body",
"size": 10,
"color": "textSecondary",
"spacing": {
"before": 4,
"after": 4,
"line": 1.2
}
}
},
"page": {
"margins": {
"top": 50,
"bottom": 50,
"left": 50,
"right": 50
},
"columns": 1,
"header": true,
"footer": true
}
}

View File

@@ -0,0 +1,307 @@
{
"id": "cottagecore-journal",
"name": "Cottagecore Journal",
"category": "editorial",
"description": "Whimsical countryside diary. Handwritten fonts with soft sage greens and earthy browns.",
"vibe": "Whimsical, Nature, Handmade",
"googleFontsImport": "https://fonts.googleapis.com/css2?family=Amatic+SC:wght@400;700&family=Patrick+Hand&family=Caveat:wght@400..700&display=swap",
"typography": {
"fonts": {
"heading": "Amatic SC",
"body": "Patrick Hand",
"code": "Patrick Hand"
},
"colors": {
"text": "424242",
"textSecondary": "33691E",
"background": "F1F8E9",
"accent": "5D4037",
"border": "A5D6A7",
"codeBg": "FFFFFF",
"blockquoteBorder": "33691E"
}
},
"elements": {
"h1": {
"font": "heading",
"size": 48,
"color": "textSecondary",
"bold": true,
"align": "center",
"spacing": {
"before": 40,
"after": 24,
"line": 1.2
}
},
"h2": {
"font": "body",
"size": 24,
"color": "accent",
"bold": true,
"align": "center",
"spacing": {
"before": 30,
"after": 14,
"line": 1.2
},
"borderBottom": {
"color": "accent",
"width": 1,
"style": "dashed",
"space": 6
}
},
"h3": {
"font": "body",
"size": 20,
"color": "accent",
"bold": true,
"align": "left",
"spacing": {
"before": 24,
"after": 12,
"line": 1.3
}
},
"h4": {
"font": "body",
"size": 18,
"color": "text",
"bold": true,
"align": "left",
"spacing": {
"before": 20,
"after": 10,
"line": 1.3
}
},
"h5": {
"font": "body",
"size": 16,
"color": "textSecondary",
"bold": true,
"align": "left",
"spacing": {
"before": 16,
"after": 8,
"line": 1.3
}
},
"h6": {
"font": "body",
"size": 14,
"color": "textSecondary",
"italic": true,
"align": "left",
"spacing": {
"before": 16,
"after": 8,
"line": 1.3
}
},
"p": {
"font": "body",
"size": 15,
"color": "text",
"align": "left",
"spacing": {
"before": 0,
"after": 16,
"line": 1.6
}
},
"blockquote": {
"font": "body",
"size": 18,
"color": "text",
"italic": true,
"align": "left",
"spacing": {
"before": 24,
"after": 24,
"line": 1.5
},
"padding": 20,
"border": {
"color": "blockquoteBorder",
"width": 2,
"style": "dotted"
},
"background": "FFFFFF",
"borderRadius": 12
},
"code": {
"font": "body",
"size": 14,
"color": "textSecondary",
"background": "codeBg",
"spacing": {
"before": 0,
"after": 0,
"line": 1.4
}
},
"pre": {
"font": "body",
"size": 14,
"color": "textSecondary",
"background": "codeBg",
"padding": 20,
"spacing": {
"before": 16,
"after": 16,
"line": 1.4
},
"border": {
"color": "border",
"width": 1,
"style": "dashed"
}
},
"ul": {
"spacing": {
"before": 16,
"after": 16,
"line": 1.5
},
"indent": 24,
"bullet": "heart"
},
"ol": {
"spacing": {
"before": 16,
"after": 16,
"line": 1.5
},
"indent": 24,
"numbering": "decimal"
},
"li": {
"font": "body",
"size": 15,
"color": "text",
"spacing": {
"before": 4,
"after": 4,
"line": 1.5
}
},
"strong": {
"font": "body",
"bold": true,
"color": "textSecondary"
},
"em": {
"font": "body",
"italic": true
},
"a": {
"font": "body",
"color": "textSecondary",
"underline": true,
"bold": true
},
"table": {
"spacing": {
"before": 24,
"after": 24,
"line": 1.3
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"th": {
"font": "body",
"size": 15,
"color": "textSecondary",
"bold": true,
"background": "E8F5E9",
"padding": 12
},
"td": {
"font": "body",
"size": 14,
"color": "text",
"padding": 12,
"borderBottom": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"hr": {
"spacing": {
"before": 32,
"after": 32
},
"border": {
"color": "border",
"width": 1,
"style": "dashed"
}
},
"img": {
"align": "center",
"spacing": {
"before": 24,
"after": 24
},
"border": {
"color": "border",
"width": 2,
"style": "solid"
},
"borderRadius": 8
},
"del": {
"font": "body",
"strikethrough": true
},
"sup": {
"font": "body",
"size": 10,
"superScript": true
},
"sub": {
"font": "body",
"size": 10,
"subScript": true
},
"mark": {
"font": "body",
"background": "A5D6A7",
"color": "textSecondary"
},
"footnote": {
"font": "body",
"size": 12,
"color": "textSecondary",
"superScript": true
},
"footnoteRef": {
"font": "body",
"size": 12,
"color": "textSecondary",
"spacing": {
"before": 4,
"after": 4,
"line": 1.2
}
}
},
"page": {
"margins": {
"top": 72,
"bottom": 72,
"left": 72,
"right": 72
},
"columns": 1,
"header": true,
"footer": true
}
}

View File

@@ -0,0 +1,299 @@
{
"id": "dutch-golden-age",
"name": "Dutch Golden Age",
"category": "editorial",
"description": "Inspired by 17th century Dutch art and typography. Rich, painterly aesthetics with Rembrandt-era elegance.",
"vibe": "Classical, Rich, Painterly",
"googleFontsImport": "https://fonts.googleapis.com/css2?family=Pirata+One&family=Gentium+Book+Plus:ital,wght@0,400;0,700;1,400;1,700&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap",
"typography": {
"fonts": {
"heading": "Pirata One",
"body": "Gentium Book Plus",
"code": "Gentium Book Plus"
},
"colors": {
"text": "4E342E",
"textSecondary": "3E2723",
"background": "FCF9F2",
"accent": "BF8040",
"border": "A1887F",
"codeBg": "EFEBE9",
"blockquoteBorder": "BF8040"
}
},
"elements": {
"h1": {
"font": "heading",
"size": 42,
"color": "textSecondary",
"bold": false,
"align": "center",
"spacing": {
"before": 48,
"after": 32,
"line": 1.2
}
},
"h2": {
"font": "body",
"size": 20,
"color": "textSecondary",
"bold": true,
"align": "left",
"spacing": {
"before": 36,
"after": 18,
"line": 1.3
}
},
"h3": {
"font": "body",
"size": 16,
"color": "textSecondary",
"bold": true,
"align": "left",
"spacing": {
"before": 24,
"after": 12,
"line": 1.3
}
},
"h4": {
"font": "body",
"size": 14,
"color": "text",
"bold": true,
"align": "left",
"spacing": {
"before": 20,
"after": 10,
"line": 1.4
}
},
"h5": {
"font": "body",
"size": 13,
"color": "textSecondary",
"bold": true,
"align": "left",
"spacing": {
"before": 16,
"after": 8,
"line": 1.4
}
},
"h6": {
"font": "body",
"size": 12,
"color": "textSecondary",
"italic": true,
"align": "left",
"spacing": {
"before": 16,
"after": 8,
"line": 1.4
}
},
"p": {
"font": "body",
"size": 12,
"color": "text",
"align": "justify",
"spacing": {
"before": 0,
"after": 16,
"line": 1.8
}
},
"blockquote": {
"font": "body",
"size": 14,
"color": "text",
"italic": true,
"align": "left",
"spacing": {
"before": 28,
"after": 28,
"line": 1.6
},
"padding": 20,
"border": {
"color": "blockquoteBorder",
"width": 1,
"style": "solid"
},
"background": "EFEBE9"
},
"code": {
"font": "body",
"size": 11,
"color": "textSecondary",
"background": "codeBg",
"spacing": {
"before": 0,
"after": 0,
"line": 1.4
}
},
"pre": {
"font": "body",
"size": 11,
"color": "textSecondary",
"background": "codeBg",
"padding": 16,
"spacing": {
"before": 16,
"after": 16,
"line": 1.4
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"ul": {
"spacing": {
"before": 16,
"after": 16,
"line": 1.6
},
"indent": 24,
"bullet": "cross"
},
"ol": {
"spacing": {
"before": 16,
"after": 16,
"line": 1.6
},
"indent": 24,
"numbering": "decimal"
},
"li": {
"font": "body",
"size": 12,
"color": "text",
"spacing": {
"before": 6,
"after": 6,
"line": 1.6
}
},
"strong": {
"font": "body",
"bold": true,
"color": "textSecondary"
},
"em": {
"font": "body",
"italic": true
},
"a": {
"font": "body",
"color": "accent",
"underline": true,
"bold": true
},
"table": {
"spacing": {
"before": 24,
"after": 24,
"line": 1.4
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"th": {
"font": "body",
"size": 12,
"color": "textSecondary",
"bold": true,
"background": "codeBg",
"padding": 12
},
"td": {
"font": "body",
"size": 11,
"color": "text",
"padding": 12,
"borderBottom": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"hr": {
"spacing": {
"before": 32,
"after": 32
},
"border": {
"color": "accent",
"width": 1,
"style": "solid"
}
},
"img": {
"align": "center",
"spacing": {
"before": 24,
"after": 24
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"del": {
"font": "body",
"strikethrough": true
},
"sup": {
"font": "body",
"size": 9,
"superScript": true
},
"sub": {
"font": "body",
"size": 9,
"subScript": true
},
"mark": {
"font": "body",
"background": "accent",
"color": "background"
},
"footnote": {
"font": "body",
"size": 10,
"color": "textSecondary",
"superScript": true
},
"footnoteRef": {
"font": "body",
"size": 10,
"color": "textSecondary",
"spacing": {
"before": 4,
"after": 4,
"line": 1.2
}
}
},
"page": {
"margins": {
"top": 72,
"bottom": 72,
"left": 72,
"right": 72
},
"columns": 1,
"header": true,
"footer": true
}
}

View File

@@ -0,0 +1,309 @@
{
"id": "fashion-magazine",
"name": "Fashion Magazine",
"category": "editorial",
"description": "Trendy and bold. High-contrast typography with oversized lettering and pink accents.",
"vibe": "Trendy, Loud, Pink",
"googleFontsImport": "https://fonts.googleapis.com/css2?family=Abril+Fatface&family=Raleway:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap",
"typography": {
"fonts": {
"heading": "Abril Fatface",
"body": "Raleway",
"code": "Raleway"
},
"colors": {
"text": "212121",
"textSecondary": "E91E63",
"background": "FFFFFF",
"accent": "E91E63",
"border": "EFEFEF",
"codeBg": "F5F5F5",
"blockquoteBorder": "E91E63"
}
},
"elements": {
"h1": {
"font": "heading",
"size": 64,
"color": "textSecondary",
"bold": false,
"align": "left",
"spacing": {
"before": 40,
"after": 32,
"line": 0.9
}
},
"h2": {
"font": "body",
"size": 18,
"color": "text",
"bold": true,
"align": "left",
"spacing": {
"before": 32,
"after": 16,
"line": 1.2
},
"allCaps": true,
"letterSpacing": 4
},
"h3": {
"font": "body",
"size": 14,
"color": "textSecondary",
"bold": true,
"align": "left",
"spacing": {
"before": 24,
"after": 12,
"line": 1.2
},
"allCaps": true,
"letterSpacing": 2
},
"h4": {
"font": "body",
"size": 12,
"color": "text",
"bold": true,
"align": "left",
"spacing": {
"before": 20,
"after": 10,
"line": 1.3
}
},
"h5": {
"font": "body",
"size": 11,
"color": "textSecondary",
"bold": true,
"align": "left",
"spacing": {
"before": 16,
"after": 8,
"line": 1.3
}
},
"h6": {
"font": "body",
"size": 10,
"color": "textSecondary",
"bold": true,
"align": "left",
"spacing": {
"before": 16,
"after": 8,
"line": 1.3
},
"allCaps": true
},
"p": {
"font": "body",
"size": 11,
"color": "text",
"align": "left",
"spacing": {
"before": 0,
"after": 16,
"line": 1.6
},
"weight": 300
},
"blockquote": {
"font": "heading",
"size": 28,
"color": "text",
"italic": false,
"align": "left",
"spacing": {
"before": 32,
"after": 32,
"line": 1.1
},
"padding": 24,
"borderLeft": {
"color": "blockquoteBorder",
"width": 12,
"style": "solid"
}
,
"background": "transparent"
},
"code": {
"font": "body",
"size": 10,
"color": "text",
"background": "codeBg",
"spacing": {
"before": 0,
"after": 0,
"line": 1.4
}
},
"pre": {
"font": "body",
"size": 10,
"color": "text",
"background": "codeBg",
"padding": 16,
"spacing": {
"before": 16,
"after": 16,
"line": 1.4
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"ul": {
"spacing": {
"before": 16,
"after": 16,
"line": 1.5
},
"indent": 20,
"bullet": "circle"
},
"ol": {
"spacing": {
"before": 16,
"after": 16,
"line": 1.5
},
"indent": 20,
"numbering": "decimal"
},
"li": {
"font": "body",
"size": 11,
"color": "text",
"spacing": {
"before": 4,
"after": 4,
"line": 1.5
},
"weight": 300
},
"strong": {
"font": "body",
"bold": true,
"color": "text"
},
"em": {
"font": "body",
"italic": true,
"color": "textSecondary"
},
"a": {
"font": "body",
"color": "textSecondary",
"underline": true,
"bold": true
},
"table": {
"spacing": {
"before": 24,
"after": 24,
"line": 1.3
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"th": {
"font": "body",
"size": 11,
"color": "textSecondary",
"bold": true,
"background": "codeBg",
"padding": 12,
"allCaps": true
},
"td": {
"font": "body",
"size": 11,
"color": "text",
"padding": 12,
"borderBottom": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"hr": {
"spacing": {
"before": 32,
"after": 32
},
"border": {
"color": "textSecondary",
"width": 1,
"style": "solid"
}
},
"img": {
"align": "left",
"spacing": {
"before": 24,
"after": 24
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"del": {
"font": "body",
"strikethrough": true
},
"sup": {
"font": "body",
"size": 9,
"superScript": true
},
"sub": {
"font": "body",
"size": 9,
"subScript": true
},
"mark": {
"font": "body",
"background": "textSecondary",
"color": "background"
},
"footnote": {
"font": "body",
"size": 9,
"color": "textSecondary",
"superScript": true
},
"footnoteRef": {
"font": "body",
"size": 9,
"color": "textSecondary",
"spacing": {
"before": 4,
"after": 4,
"line": 1.2
}
}
},
"page": {
"margins": {
"top": 72,
"bottom": 72,
"left": 72,
"right": 72
},
"columns": 1,
"header": true,
"footer": true
}
}

View File

@@ -0,0 +1,292 @@
{
"id": "film-script",
"name": "Film Script",
"category": "editorial",
"description": "Hollywood screenplay format. Courier font, specific margins, and character name centering.",
"vibe": "Cinematic, Format, Draft",
"googleFontsImport": "https://fonts.googleapis.com/css2?family=Courier+Prime:ital,wght@0,400;0,700;1,400;1,700&display=swap",
"typography": {
"fonts": {
"heading": "Courier Prime",
"body": "Courier Prime",
"code": "Courier Prime"
},
"colors": {
"text": "000000",
"textSecondary": "333333",
"background": "FFFFFF",
"accent": "666666",
"border": "CCCCCC",
"codeBg": "F9F9F9",
"blockquoteBorder": "666666"
}
},
"elements": {
"h1": {
"font": "heading",
"size": 12,
"color": "text",
"bold": true,
"align": "left",
"spacing": {
"before": 24,
"after": 24,
"line": 1.2
},
"allCaps": true,
"underline": true
},
"h2": {
"font": "heading",
"size": 12,
"color": "text",
"bold": true,
"align": "center",
"spacing": {
"before": 48,
"after": 0,
"line": 1.2
},
"allCaps": true
},
"h3": {
"font": "heading",
"size": 12,
"color": "text",
"bold": true,
"align": "left",
"spacing": {
"before": 24,
"after": 12,
"line": 1.2
},
"italic": true
},
"h4": {
"font": "body",
"size": 12,
"color": "text",
"bold": true,
"align": "left",
"spacing": {
"before": 12,
"after": 6,
"line": 1.2
}
},
"h5": {
"font": "body",
"size": 12,
"color": "text",
"bold": true,
"align": "left",
"spacing": {
"before": 12,
"after": 6,
"line": 1.2
}
},
"h6": {
"font": "body",
"size": 12,
"color": "text",
"italic": true,
"align": "left",
"spacing": {
"before": 12,
"after": 6,
"line": 1.2
}
},
"p": {
"font": "body",
"size": 12,
"color": "text",
"align": "left",
"spacing": {
"before": 0,
"after": 12,
"line": 1.2
}
},
"blockquote": {
"font": "body",
"size": 12,
"color": "text",
"italic": false,
"align": "center",
"spacing": {
"before": 12,
"after": 12,
"line": 1.2
},
"padding": 0,
"margin": {
"left": 40,
"right": 40
},
"background": "transparent"
},
"code": {
"font": "body",
"size": 12,
"color": "textSecondary",
"background": "codeBg",
"spacing": {
"before": 0,
"after": 0,
"line": 1.2
}
},
"pre": {
"font": "body",
"size": 12,
"color": "textSecondary",
"background": "codeBg",
"padding": 12,
"spacing": {
"before": 12,
"after": 12,
"line": 1.2
},
"border": null
},
"ul": {
"spacing": {
"before": 12,
"after": 12,
"line": 1.2
},
"indent": 24,
"bullet": "dash"
},
"ol": {
"spacing": {
"before": 12,
"after": 12,
"line": 1.2
},
"indent": 24,
"numbering": "decimal"
},
"li": {
"font": "body",
"size": 12,
"color": "text",
"spacing": {
"before": 4,
"after": 4,
"line": 1.2
}
},
"strong": {
"font": "body",
"bold": true,
"color": "text"
},
"em": {
"font": "body",
"italic": true
},
"a": {
"font": "body",
"color": "text",
"underline": true
},
"table": {
"spacing": {
"before": 24,
"after": 24,
"line": 1.2
},
"border": {
"color": "text",
"width": 1,
"style": "solid"
}
},
"th": {
"font": "body",
"size": 12,
"color": "text",
"bold": true,
"padding": 8,
"allCaps": true
},
"td": {
"font": "body",
"size": 12,
"color": "text",
"padding": 8,
"borderBottom": {
"color": "text",
"width": 1,
"style": "solid"
}
},
"hr": {
"spacing": {
"before": 24,
"after": 24
},
"border": {
"color": "text",
"width": 1,
"style": "solid"
}
},
"img": {
"align": "left",
"spacing": {
"before": 12,
"after": 12
}
},
"del": {
"font": "body",
"strikethrough": true
},
"sup": {
"font": "body",
"size": 9,
"superScript": true
},
"sub": {
"font": "body",
"size": 9,
"subScript": true
},
"mark": {
"font": "body",
"background": "text",
"color": "background"
},
"footnote": {
"font": "body",
"size": 10,
"color": "text",
"superScript": true
},
"footnoteRef": {
"font": "body",
"size": 10,
"color": "text",
"spacing": {
"before": 4,
"after": 4,
"line": 1.2
}
}
},
"page": {
"margins": {
"top": 72,
"bottom": 72,
"left": 108,
"right": 72
},
"columns": 1,
"header": false,
"footer": true
}
}

View File

@@ -0,0 +1,309 @@
{
"id": "indie-zine",
"name": "Indie Zine",
"category": "editorial",
"description": "DIY photocopier aesthetic. Typewriter fonts, cut-out look, and rebellious asymmetry.",
"vibe": "DIY, Rebellious, Rough",
"googleFontsImport": "https://fonts.googleapis.com/css2?family=Special+Elite&family=Rock+Salt&family=Montserrat:wght@0,300;0,700;1,400&display=swap",
"typography": {
"fonts": {
"heading": "Rock Salt",
"body": "Special Elite",
"code": "Special Elite"
},
"colors": {
"text": "212121",
"textSecondary": "000000",
"background": "FFFFFF",
"accent": "D1C4E9",
"border": "000000",
"codeBg": "F0F0F0",
"blockquoteBorder": "000000"
}
},
"elements": {
"h1": {
"font": "heading",
"size": 32,
"color": "textSecondary",
"bold": false,
"align": "left",
"spacing": {
"before": 40,
"after": 32,
"line": 1.2
},
"background": "accent",
"padding": 12,
"rotation": -2
},
"h2": {
"font": "body",
"size": 18,
"color": "textSecondary",
"bold": true,
"align": "left",
"spacing": {
"before": 32,
"after": 16,
"line": 1.2
},
"borderBottom": {
"color": "textSecondary",
"width": 2,
"style": "solid",
"space": 4
}
},
"h3": {
"font": "body",
"size": 16,
"color": "textSecondary",
"bold": true,
"align": "left",
"spacing": {
"before": 24,
"after": 12,
"line": 1.2
}
},
"h4": {
"font": "body",
"size": 14,
"color": "text",
"bold": true,
"align": "left",
"spacing": {
"before": 20,
"after": 10,
"line": 1.3
}
},
"h5": {
"font": "body",
"size": 12,
"color": "textSecondary",
"bold": true,
"align": "left",
"spacing": {
"before": 16,
"after": 8,
"line": 1.3
}
},
"h6": {
"font": "body",
"size": 11,
"color": "textSecondary",
"italic": true,
"align": "left",
"spacing": {
"before": 16,
"after": 8,
"line": 1.3
}
},
"p": {
"font": "body",
"size": 11,
"color": "text",
"align": "left",
"spacing": {
"before": 0,
"after": 16,
"line": 1.5
}
},
"blockquote": {
"font": "body",
"size": 13,
"color": "textSecondary",
"italic": true,
"align": "left",
"spacing": {
"before": 24,
"after": 24,
"line": 1.5
},
"padding": 16,
"border": {
"color": "blockquoteBorder",
"width": 2,
"style": "dashed"
},
"rotation": 1
},
"code": {
"font": "body",
"size": 10,
"color": "textSecondary",
"background": "codeBg",
"spacing": {
"before": 0,
"after": 0,
"line": 1.3
}
},
"pre": {
"font": "body",
"size": 10,
"color": "textSecondary",
"background": "codeBg",
"padding": 16,
"spacing": {
"before": 16,
"after": 16,
"line": 1.3
},
"border": {
"color": "textSecondary",
"width": 1,
"style": "solid"
}
},
"ul": {
"spacing": {
"before": 16,
"after": 16,
"line": 1.5
},
"indent": 20,
"bullet": "square"
},
"ol": {
"spacing": {
"before": 16,
"after": 16,
"line": 1.5
},
"indent": 20,
"numbering": "decimal"
},
"li": {
"font": "body",
"size": 11,
"color": "text",
"spacing": {
"before": 4,
"after": 4,
"line": 1.5
}
},
"strong": {
"font": "body",
"bold": true,
"color": "textSecondary"
},
"em": {
"font": "body",
"italic": true
},
"a": {
"font": "body",
"color": "textSecondary",
"underline": true,
"bold": true
},
"table": {
"spacing": {
"before": 24,
"after": 24,
"line": 1.3
},
"border": {
"color": "textSecondary",
"width": 1,
"style": "solid"
}
},
"th": {
"font": "body",
"size": 11,
"color": "background",
"bold": true,
"background": "textSecondary",
"padding": 10
},
"td": {
"font": "body",
"size": 11,
"color": "text",
"padding": 10,
"borderBottom": {
"color": "textSecondary",
"width": 1,
"style": "solid"
}
},
"hr": {
"spacing": {
"before": 32,
"after": 32
},
"border": {
"color": "textSecondary",
"width": 2,
"style": "solid"
}
},
"img": {
"align": "center",
"spacing": {
"before": 24,
"after": 24
},
"border": {
"color": "textSecondary",
"width": 2,
"style": "solid"
},
"rotation": -1
},
"del": {
"font": "body",
"strikethrough": true
},
"sup": {
"font": "body",
"size": 8,
"superScript": true
},
"sub": {
"font": "body",
"size": 8,
"subScript": true
},
"mark": {
"font": "body",
"background": "textSecondary",
"color": "background"
},
"footnote": {
"font": "body",
"size": 9,
"color": "textSecondary",
"superScript": true
},
"footnoteRef": {
"font": "body",
"size": 9,
"color": "textSecondary",
"spacing": {
"before": 4,
"after": 4,
"line": 1.2
}
}
},
"page": {
"margins": {
"top": 72,
"bottom": 72,
"left": 72,
"right": 72
},
"columns": 1,
"header": true,
"footer": true
}
}

View File

@@ -0,0 +1,300 @@
{
"id": "literary-review",
"name": "Literary Review",
"category": "editorial",
"description": "Classic bookish aesthetic. Dense serif text, elegant headers, perfect for long-form essays.",
"vibe": "Intellectual, Dense, Classic",
"googleFontsImport": "https://fonts.googleapis.com/css2?family=Crimson+Pro:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&family=Sorts+Mill+Goudy:ital,wght@0,400;1,400&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap",
"typography": {
"fonts": {
"heading": "Crimson Pro",
"body": "Sorts Mill Goudy",
"code": "Sorts Mill Goudy"
},
"colors": {
"text": "212121",
"textSecondary": "4A148C",
"background": "FFFFFF",
"accent": "4A148C",
"border": "E0E0E0",
"codeBg": "F5F5F5",
"blockquoteBorder": "4A148C"
}
},
"elements": {
"h1": {
"font": "heading",
"size": 40,
"color": "textSecondary",
"bold": true,
"align": "center",
"spacing": {
"before": 48,
"after": 32,
"line": 1.2
}
},
"h2": {
"font": "heading",
"size": 18,
"color": "text",
"bold": false,
"align": "center",
"spacing": {
"before": 36,
"after": 18,
"line": 1.2
},
"smallCaps": true,
"letterSpacing": 2
},
"h3": {
"font": "heading",
"size": 16,
"color": "textSecondary",
"bold": true,
"align": "left",
"spacing": {
"before": 24,
"after": 12,
"line": 1.3
}
},
"h4": {
"font": "body",
"size": 14,
"color": "text",
"bold": true,
"align": "left",
"spacing": {
"before": 20,
"after": 10,
"line": 1.4
}
},
"h5": {
"font": "body",
"size": 12,
"color": "textSecondary",
"bold": true,
"align": "left",
"spacing": {
"before": 16,
"after": 8,
"line": 1.4
}
},
"h6": {
"font": "body",
"size": 11,
"color": "textSecondary",
"italic": true,
"align": "left",
"spacing": {
"before": 16,
"after": 8,
"line": 1.4
}
},
"p": {
"font": "body",
"size": 12,
"color": "text",
"align": "justify",
"spacing": {
"before": 0,
"after": 16,
"line": 1.8
}
},
"blockquote": {
"font": "body",
"size": 14,
"color": "textSecondary",
"italic": true,
"align": "center",
"spacing": {
"before": 28,
"after": 28,
"line": 1.6
},
"padding": 0,
"margin": {
"left": 40,
"right": 40
},
"background": "transparent"
},
"code": {
"font": "body",
"size": 11,
"color": "textSecondary",
"background": "codeBg",
"spacing": {
"before": 0,
"after": 0,
"line": 1.4
}
},
"pre": {
"font": "body",
"size": 11,
"color": "textSecondary",
"background": "codeBg",
"padding": 16,
"spacing": {
"before": 16,
"after": 16,
"line": 1.4
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"ul": {
"spacing": {
"before": 16,
"after": 16,
"line": 1.6
},
"indent": 24,
"bullet": "circle"
},
"ol": {
"spacing": {
"before": 16,
"after": 16,
"line": 1.6
},
"indent": 24,
"numbering": "lower-roman"
},
"li": {
"font": "body",
"size": 12,
"color": "text",
"spacing": {
"before": 6,
"after": 6,
"line": 1.6
}
},
"strong": {
"font": "body",
"bold": true,
"color": "textSecondary"
},
"em": {
"font": "body",
"italic": true
},
"a": {
"font": "body",
"color": "textSecondary",
"underline": true,
"bold": true
},
"table": {
"spacing": {
"before": 24,
"after": 24,
"line": 1.4
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"th": {
"font": "heading",
"size": 12,
"color": "textSecondary",
"bold": true,
"background": "codeBg",
"padding": 12
},
"td": {
"font": "body",
"size": 11,
"color": "text",
"padding": 12,
"borderBottom": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"hr": {
"spacing": {
"before": 32,
"after": 32
},
"border": {
"color": "accent",
"width": 1,
"style": "solid"
}
},
"img": {
"align": "center",
"spacing": {
"before": 24,
"after": 24
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"del": {
"font": "body",
"strikethrough": true
},
"sup": {
"font": "body",
"size": 9,
"superScript": true
},
"sub": {
"font": "body",
"size": 9,
"subScript": true
},
"mark": {
"font": "body",
"background": "accent",
"color": "background"
},
"footnote": {
"font": "body",
"size": 10,
"color": "textSecondary",
"superScript": true
},
"footnoteRef": {
"font": "body",
"size": 10,
"color": "textSecondary",
"spacing": {
"before": 4,
"after": 4,
"line": 1.2
}
}
},
"page": {
"margins": {
"top": 72,
"bottom": 72,
"left": 72,
"right": 72
},
"columns": 1,
"header": true,
"footer": true
}
}

View File

@@ -0,0 +1,317 @@
{
"id": "luxury-editorial",
"name": "Luxury Editorial",
"category": "editorial",
"description": "High-fashion magazine inspired design. Elegant serifs with sophisticated spacing and premium feel for upscale content.",
"vibe": "Fashion, Premium, Sophisticated",
"googleFontsImport": "https://fonts.googleapis.com/css2?family=Cormorant:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap",
"typography": {
"fonts": {
"heading": "Cormorant",
"body": "Montserrat",
"code": "Montserrat"
},
"colors": {
"text": "3A3A3A",
"textSecondary": "1C1C1C",
"background": "FFFFFF",
"accent": "B8860B",
"border": "E5E5E5",
"codeBg": "F5F5F5",
"blockquoteBorder": "B8860B"
}
},
"elements": {
"h1": {
"font": "heading",
"size": 48,
"color": "textSecondary",
"bold": false,
"align": "center",
"spacing": {
"before": 48,
"after": 32,
"line": 1.1
},
"letterSpacing": 2,
"weight": 500
},
"h2": {
"font": "body",
"size": 13,
"color": "textSecondary",
"bold": true,
"align": "left",
"spacing": {
"before": 36,
"after": 18,
"line": 1.2
},
"allCaps": true,
"letterSpacing": 3,
"weight": 600
},
"h3": {
"font": "body",
"size": 11,
"color": "textSecondary",
"bold": true,
"align": "left",
"spacing": {
"before": 24,
"after": 12,
"line": 1.2
},
"allCaps": true,
"letterSpacing": 2
},
"h4": {
"font": "body",
"size": 11,
"color": "text",
"bold": true,
"align": "left",
"spacing": {
"before": 20,
"after": 10,
"line": 1.3
}
},
"h5": {
"font": "body",
"size": 10,
"color": "textSecondary",
"bold": true,
"align": "left",
"spacing": {
"before": 16,
"after": 8,
"line": 1.3
}
},
"h6": {
"font": "body",
"size": 10,
"color": "textSecondary",
"italic": true,
"align": "left",
"spacing": {
"before": 16,
"after": 8,
"line": 1.3
}
},
"p": {
"font": "body",
"size": 11,
"color": "text",
"align": "left",
"spacing": {
"before": 0,
"after": 16,
"line": 1.7
},
"weight": 300
},
"blockquote": {
"font": "heading",
"size": 18,
"color": "textSecondary",
"italic": true,
"align": "center",
"spacing": {
"before": 32,
"after": 32,
"line": 1.5
},
"padding": 24,
"borderTop": {
"color": "blockquoteBorder",
"width": 1,
"style": "solid"
},
"borderBottom": {
"color": "blockquoteBorder",
"width": 1,
"style": "solid"
},
"background": "transparent"
},
"code": {
"font": "body",
"size": 10,
"color": "textSecondary",
"background": "codeBg",
"spacing": {
"before": 0,
"after": 0,
"line": 1.4
}
},
"pre": {
"font": "body",
"size": 10,
"color": "textSecondary",
"background": "codeBg",
"padding": 16,
"spacing": {
"before": 16,
"after": 16,
"line": 1.4
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"ul": {
"spacing": {
"before": 16,
"after": 16,
"line": 1.6
},
"indent": 20,
"bullet": "circle"
},
"ol": {
"spacing": {
"before": 16,
"after": 16,
"line": 1.6
},
"indent": 20,
"numbering": "decimal"
},
"li": {
"font": "body",
"size": 11,
"color": "text",
"spacing": {
"before": 4,
"after": 4,
"line": 1.6
},
"weight": 300
},
"strong": {
"font": "body",
"bold": true,
"color": "textSecondary"
},
"em": {
"font": "body",
"italic": true,
"color": "accent"
},
"a": {
"font": "body",
"color": "textSecondary",
"underline": true,
"bold": true,
"letterSpacing": 1
},
"table": {
"spacing": {
"before": 24,
"after": 24,
"line": 1.4
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"th": {
"font": "body",
"size": 11,
"color": "textSecondary",
"bold": true,
"background": "codeBg",
"padding": 12,
"allCaps": true,
"letterSpacing": 2
},
"td": {
"font": "body",
"size": 10,
"color": "text",
"padding": 12,
"borderBottom": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"hr": {
"spacing": {
"before": 32,
"after": 32
},
"border": {
"color": "accent",
"width": 1,
"style": "solid"
}
},
"img": {
"align": "center",
"spacing": {
"before": 24,
"after": 24
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"del": {
"font": "body",
"strikethrough": true
},
"sup": {
"font": "body",
"size": 9,
"superScript": true
},
"sub": {
"font": "body",
"size": 9,
"subScript": true
},
"mark": {
"font": "body",
"background": "accent",
"color": "background"
},
"footnote": {
"font": "body",
"size": 9,
"color": "textSecondary",
"superScript": true
},
"footnoteRef": {
"font": "body",
"size": 9,
"color": "textSecondary",
"spacing": {
"before": 4,
"after": 4,
"line": 1.2
}
}
},
"page": {
"margins": {
"top": 90,
"bottom": 90,
"left": 90,
"right": 90
},
"columns": 1,
"header": true,
"footer": true
}
}

View File

@@ -0,0 +1,314 @@
{
"id": "neo-gothic-revival",
"name": "Neo-Gothic Revival",
"category": "editorial",
"description": "Inspired by Gothic architecture and medieval manuscripts. Dark, dramatic typography with ecclesiastical gravitas.",
"vibe": "Medieval, Dramatic, Historic",
"googleFontsImport": "https://fonts.googleapis.com/css2?family=Cinzel+Decorative:wght@400;700;900&family=Spectral:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap",
"typography": {
"fonts": {
"heading": "Cinzel Decorative",
"body": "Spectral",
"code": "Spectral"
},
"colors": {
"text": "2C2C2C",
"textSecondary": "1A1A1A",
"background": "FDFDF0",
"accent": "4A0E0E",
"border": "3E2723",
"codeBg": "F5F5EB",
"blockquoteBorder": "4A0E0E"
}
},
"elements": {
"h1": {
"font": "heading",
"size": 36,
"color": "textSecondary",
"bold": true,
"align": "center",
"spacing": {
"before": 48,
"after": 32,
"line": 1.2
},
"borderTop": {
"color": "accent",
"width": 3,
"style": "solid",
"space": 12
},
"borderBottom": {
"color": "accent",
"width": 3,
"style": "solid",
"space": 12
},
"padding": 20
},
"h2": {
"font": "heading",
"size": 18,
"color": "accent",
"bold": false,
"align": "left",
"spacing": {
"before": 36,
"after": 18,
"line": 1.3
}
},
"h3": {
"font": "heading",
"size": 14,
"color": "accent",
"bold": true,
"align": "left",
"spacing": {
"before": 24,
"after": 12,
"line": 1.3
},
"allCaps": true
},
"h4": {
"font": "body",
"size": 14,
"color": "text",
"bold": true,
"align": "left",
"spacing": {
"before": 20,
"after": 10,
"line": 1.4
}
},
"h5": {
"font": "body",
"size": 12,
"color": "textSecondary",
"bold": true,
"align": "left",
"spacing": {
"before": 16,
"after": 8,
"line": 1.4
}
},
"h6": {
"font": "body",
"size": 11,
"color": "textSecondary",
"italic": true,
"align": "left",
"spacing": {
"before": 16,
"after": 8,
"line": 1.4
}
},
"p": {
"font": "body",
"size": 12,
"color": "text",
"align": "justify",
"spacing": {
"before": 0,
"after": 18,
"line": 1.8
}
},
"blockquote": {
"font": "body",
"size": 14,
"color": "text",
"italic": true,
"align": "left",
"spacing": {
"before": 28,
"after": 28,
"line": 1.6
},
"padding": 20,
"borderLeft": {
"color": "blockquoteBorder",
"width": 4,
"style": "solid"
}
,
"background": "F5F5EB"
},
"code": {
"font": "body",
"size": 11,
"color": "textSecondary",
"background": "codeBg",
"spacing": {
"before": 0,
"after": 0,
"line": 1.4
}
},
"pre": {
"font": "body",
"size": 11,
"color": "textSecondary",
"background": "codeBg",
"padding": 16,
"spacing": {
"before": 16,
"after": 16,
"line": 1.4
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"ul": {
"spacing": {
"before": 16,
"after": 16,
"line": 1.6
},
"indent": 24,
"bullet": "circle"
},
"ol": {
"spacing": {
"before": 16,
"after": 16,
"line": 1.6
},
"indent": 24,
"numbering": "decimal"
},
"li": {
"font": "body",
"size": 12,
"color": "text",
"spacing": {
"before": 6,
"after": 6,
"line": 1.6
}
},
"strong": {
"font": "body",
"bold": true,
"color": "textSecondary"
},
"em": {
"font": "body",
"italic": true
},
"a": {
"font": "body",
"color": "accent",
"underline": true,
"bold": true
},
"table": {
"spacing": {
"before": 24,
"after": 24,
"line": 1.4
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"th": {
"font": "heading",
"size": 12,
"color": "background",
"bold": true,
"background": "textSecondary",
"padding": 12
},
"td": {
"font": "body",
"size": 11,
"color": "text",
"padding": 12,
"borderBottom": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"hr": {
"spacing": {
"before": 32,
"after": 32
},
"border": {
"color": "accent",
"width": 2,
"style": "solid"
}
},
"img": {
"align": "center",
"spacing": {
"before": 24,
"after": 24
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"del": {
"font": "body",
"strikethrough": true
},
"sup": {
"font": "body",
"size": 9,
"superScript": true
},
"sub": {
"font": "body",
"size": 9,
"subScript": true
},
"mark": {
"font": "body",
"background": "accent",
"color": "background"
},
"footnote": {
"font": "body",
"size": 10,
"color": "textSecondary",
"superScript": true
},
"footnoteRef": {
"font": "body",
"size": 10,
"color": "textSecondary",
"spacing": {
"before": 4,
"after": 4,
"line": 1.2
}
}
},
"page": {
"margins": {
"top": 72,
"bottom": 72,
"left": 72,
"right": 72
},
"columns": 1,
"header": true,
"footer": true
}
}

View File

@@ -0,0 +1,343 @@
{
"id": "newspaper-classic",
"name": "Newspaper Classic",
"category": "editorial",
"description": "Authentic broadsheet newspaper style. Blackletter masthead, heavy ruled lines, and authoritative 3-column serif typography.",
"vibe": "Authority, Traditional, Broadsheet",
"googleFontsImport": "https://fonts.googleapis.com/css2?family=UnifrakturMaguntia&family=Old+Standard+TT:ital,wght@0,400;0,700;1,400&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap",
"typography": {
"fonts": {
"heading": "UnifrakturMaguntia",
"body": "Old Standard TT",
"code": "Old Standard TT"
},
"colors": {
"text": "111111",
"textSecondary": "000000",
"background": "FDFCF8",
"accent": "000000",
"border": "000000",
"codeBg": "F5F5F0",
"blockquoteBorder": "000000"
}
},
"elements": {
"h1": {
"font": "heading",
"size": 72,
"color": "textSecondary",
"bold": false,
"align": "center",
"spacing": {
"before": 48,
"after": 48,
"line": 1.0
},
"borderTop": {
"color": "border",
"width": 3,
"style": "solid"
},
"borderBottom": {
"color": "border",
"width": 6,
"style": "double"
},
"padding": 20
},
"h2": {
"font": "Playfair Display",
"size": 28,
"color": "textSecondary",
"bold": true,
"align": "left",
"spacing": {
"before": 32,
"after": 16,
"line": 1.1
},
"borderTop": {
"color": "border",
"width": 1,
"style": "solid"
},
"borderBottom": {
"color": "border",
"width": 1,
"style": "solid"
},
"padding": 8
},
"h3": {
"font": "Playfair Display",
"size": 20,
"color": "textSecondary",
"bold": true,
"align": "left",
"spacing": {
"before": 24,
"after": 12,
"line": 1.1
},
"borderBottom": {
"color": "border",
"width": 0.5,
"style": "solid"
}
},
"h4": {
"font": "body",
"size": 16,
"color": "text",
"bold": true,
"align": "left",
"spacing": {
"before": 20,
"after": 10,
"line": 1.2
}
},
"h5": {
"font": "body",
"size": 14,
"color": "textSecondary",
"bold": true,
"align": "left",
"spacing": {
"before": 16,
"after": 8,
"line": 1.2
},
"allCaps": true,
"letterSpacing": 1
},
"h6": {
"font": "body",
"size": 12,
"color": "textSecondary",
"italic": true,
"align": "left",
"spacing": {
"before": 16,
"after": 8,
"line": 1.2
}
},
"p": {
"font": "body",
"size": 10.5,
"color": "text",
"align": "justify",
"spacing": {
"before": 0,
"after": 12,
"line": 1.4
},
"firstLineIndent": 18
},
"blockquote": {
"font": "Playfair Display",
"size": 18,
"color": "textSecondary",
"italic": true,
"align": "center",
"spacing": {
"before": 32,
"after": 32,
"line": 1.3
},
"padding": 24,
"borderTop": {
"color": "border",
"width": 1,
"style": "solid"
},
"borderBottom": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"code": {
"font": "body",
"size": 9,
"color": "textSecondary",
"background": "codeBg",
"spacing": {
"before": 0,
"after": 0,
"line": 1.2
}
},
"pre": {
"font": "body",
"size": 9,
"color": "textSecondary",
"background": "codeBg",
"padding": 12,
"spacing": {
"before": 12,
"after": 12,
"line": 1.2
},
"border": {
"color": "border",
"width": 0.5,
"style": "solid"
}
},
"ul": {
"spacing": {
"before": 12,
"after": 12,
"line": 1.4
},
"indent": 20,
"bullet": "square"
},
"ol": {
"spacing": {
"before": 12,
"after": 12,
"line": 1.4
},
"indent": 20,
"numbering": "decimal"
},
"li": {
"font": "body",
"size": 10.5,
"color": "text",
"spacing": {
"before": 4,
"after": 4,
"line": 1.4
}
},
"strong": {
"font": "body",
"bold": true,
"color": "textSecondary"
},
"em": {
"font": "body",
"italic": true
},
"a": {
"font": "body",
"color": "textSecondary",
"underline": true,
"bold": true
},
"table": {
"spacing": {
"before": 24,
"after": 24,
"line": 1.3
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"th": {
"font": "body",
"size": 10.5,
"color": "background",
"bold": true,
"background": "textSecondary",
"padding": 8,
"allCaps": true
},
"td": {
"font": "body",
"size": 10,
"color": "text",
"padding": 8,
"borderBottom": {
"color": "border",
"width": 0.5,
"style": "solid"
},
"borderRight": {
"color": "border",
"width": 0.5,
"style": "solid"
}
},
"hr": {
"spacing": {
"before": 24,
"after": 24
},
"borderTop": {
"color": "border",
"width": 2,
"style": "solid"
}
},
"img": {
"align": "center",
"spacing": {
"before": 20,
"after": 20
},
"border": {
"color": "border",
"width": 0.5,
"style": "solid"
}
},
"del": {
"font": "body",
"strikethrough": true
},
"sup": {
"font": "body",
"size": 8,
"superScript": true
},
"sub": {
"font": "body",
"size": 8,
"subScript": true
},
"mark": {
"font": "body",
"background": "textSecondary",
"color": "background"
},
"footnote": {
"font": "body",
"size": 8.5,
"color": "textSecondary",
"superScript": true
},
"footnoteRef": {
"font": "body",
"size": 8.5,
"color": "textSecondary",
"spacing": {
"before": 4,
"after": 4,
"line": 1.1
}
}
},
"page": {
"margins": {
"top": 54,
"bottom": 54,
"left": 54,
"right": 54
},
"columns": 1,
"header": true,
"footer": true
}
}

View File

@@ -0,0 +1,298 @@
{
"id": "newspaper-modern",
"name": "Newspaper Modern",
"category": "editorial",
"description": "Contemporary newspaper design balancing tradition with modern sensibilities. Clean grid-based layout.",
"vibe": "Modern, Editorial, Informative",
"googleFontsImport": "https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital,wght@0,400;1,400&family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap",
"typography": {
"fonts": {
"heading": "DM Serif Display",
"body": "DM Sans",
"code": "DM Sans"
},
"colors": {
"text": "333333",
"textSecondary": "1A1A1A",
"background": "FFFFFF",
"accent": "DC2626",
"border": "EEEEEE",
"codeBg": "F8F8F8",
"blockquoteBorder": "DC2626"
}
},
"elements": {
"h1": {
"font": "heading",
"size": 42,
"color": "textSecondary",
"bold": false,
"align": "left",
"spacing": {
"before": 32,
"after": 24,
"line": 1.1
}
},
"h2": {
"font": "body",
"size": 14,
"color": "textSecondary",
"bold": true,
"align": "left",
"spacing": {
"before": 28,
"after": 14,
"line": 1.2
},
"allCaps": true,
"letterSpacing": 1
},
"h3": {
"font": "body",
"size": 12,
"color": "textSecondary",
"bold": true,
"align": "left",
"spacing": {
"before": 20,
"after": 10,
"line": 1.2
},
"allCaps": true
},
"h4": {
"font": "body",
"size": 12,
"color": "text",
"bold": true,
"align": "left",
"spacing": {
"before": 16,
"after": 8,
"line": 1.3
}
},
"h5": {
"font": "body",
"size": 11,
"color": "textSecondary",
"bold": true,
"align": "left",
"spacing": {
"before": 12,
"after": 6,
"line": 1.3
}
},
"h6": {
"font": "body",
"size": 10,
"color": "textSecondary",
"italic": true,
"align": "left",
"spacing": {
"before": 12,
"after": 6,
"line": 1.3
}
},
"p": {
"font": "body",
"size": 11,
"color": "text",
"align": "justify",
"spacing": {
"before": 0,
"after": 14,
"line": 1.6
}
},
"blockquote": {
"font": "heading",
"size": 20,
"color": "accent",
"italic": true,
"align": "center",
"spacing": {
"before": 28,
"after": 28,
"line": 1.5
},
"padding": 20,
"background": "transparent"
},
"code": {
"font": "body",
"size": 10,
"color": "textSecondary",
"background": "codeBg",
"spacing": {
"before": 0,
"after": 0,
"line": 1.4
}
},
"pre": {
"font": "body",
"size": 10,
"color": "textSecondary",
"background": "codeBg",
"padding": 12,
"spacing": {
"before": 12,
"after": 12,
"line": 1.4
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"ul": {
"spacing": {
"before": 12,
"after": 12,
"line": 1.5
},
"indent": 20,
"bullet": "disc"
},
"ol": {
"spacing": {
"before": 12,
"after": 12,
"line": 1.5
},
"indent": 20,
"numbering": "decimal"
},
"li": {
"font": "body",
"size": 11,
"color": "text",
"spacing": {
"before": 4,
"after": 4,
"line": 1.5
}
},
"strong": {
"font": "body",
"bold": true,
"color": "textSecondary"
},
"em": {
"font": "body",
"italic": true
},
"a": {
"font": "body",
"color": "accent",
"underline": true,
"bold": true
},
"table": {
"spacing": {
"before": 24,
"after": 24,
"line": 1.4
},
"border": {
"color": "textSecondary",
"width": 1,
"style": "solid"
}
},
"th": {
"font": "body",
"size": 11,
"color": "background",
"bold": true,
"background": "textSecondary",
"padding": 8,
"allCaps": true
},
"td": {
"font": "body",
"size": 11,
"color": "text",
"padding": 8,
"borderBottom": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"hr": {
"spacing": {
"before": 24,
"after": 24
},
"border": {
"color": "textSecondary",
"width": 1,
"style": "solid"
}
},
"img": {
"align": "left",
"spacing": {
"before": 16,
"after": 16
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"del": {
"font": "body",
"strikethrough": true
},
"sup": {
"font": "body",
"size": 9,
"superScript": true
},
"sub": {
"font": "body",
"size": 9,
"subScript": true
},
"mark": {
"font": "body",
"background": "accent",
"color": "background"
},
"footnote": {
"font": "body",
"size": 9,
"color": "textSecondary",
"superScript": true
},
"footnoteRef": {
"font": "body",
"size": 9,
"color": "textSecondary",
"spacing": {
"before": 4,
"after": 4,
"line": 1.2
}
}
},
"page": {
"margins": {
"top": 72,
"bottom": 72,
"left": 72,
"right": 72
},
"columns": 1,
"header": true,
"footer": true
}
}

View File

@@ -0,0 +1,307 @@
{
"id": "newspaper-tabloid",
"name": "Newspaper Tabloid",
"category": "editorial",
"description": "Sensationalist news design. Condensed, heavy headers with urgent red accents.",
"vibe": "Urgent, Bold, Sensational",
"googleFontsImport": "https://fonts.googleapis.com/css2?family=Antonio:wght@100..700&family=Pathway+Extreme:ital,opsz,wght@0,8..144,100..1000;1,8..144,100..1000&display=swap",
"typography": {
"fonts": {
"heading": "Antonio",
"body": "Pathway Extreme",
"code": "Pathway Extreme"
},
"colors": {
"text": "111111",
"textSecondary": "000000",
"background": "FFFFFF",
"accent": "D50000",
"border": "000000",
"codeBg": "F0F0F0",
"blockquoteBorder": "D50000"
}
},
"elements": {
"h1": {
"font": "heading",
"size": 48,
"color": "background",
"bold": true,
"align": "left",
"spacing": {
"before": 36,
"after": 24,
"line": 0.95
},
"background": "accent",
"padding": 16,
"allCaps": true
},
"h2": {
"font": "heading",
"size": 24,
"color": "textSecondary",
"bold": true,
"align": "left",
"spacing": {
"before": 28,
"after": 14,
"line": 1.1
},
"allCaps": true
},
"h3": {
"font": "heading",
"size": 18,
"color": "accent",
"bold": true,
"align": "left",
"spacing": {
"before": 20,
"after": 10,
"line": 1.1
},
"allCaps": true
},
"h4": {
"font": "body",
"size": 14,
"color": "text",
"bold": true,
"align": "left",
"spacing": {
"before": 16,
"after": 8,
"line": 1.2
}
},
"h5": {
"font": "body",
"size": 12,
"color": "textSecondary",
"bold": true,
"align": "left",
"spacing": {
"before": 12,
"after": 6,
"line": 1.2
}
},
"h6": {
"font": "body",
"size": 11,
"color": "textSecondary",
"italic": true,
"align": "left",
"spacing": {
"before": 12,
"after": 6,
"line": 1.2
}
},
"p": {
"font": "body",
"size": 11,
"color": "text",
"align": "left",
"spacing": {
"before": 0,
"after": 14,
"line": 1.4
}
},
"blockquote": {
"font": "body",
"size": 16,
"color": "textSecondary",
"bold": true,
"italic": true,
"align": "left",
"spacing": {
"before": 24,
"after": 24,
"line": 1.4
},
"padding": 16,
"borderLeft": {
"color": "blockquoteBorder",
"width": 8,
"style": "solid"
},
"background": "transparent"
},
"code": {
"font": "body",
"size": 10,
"color": "textSecondary",
"background": "codeBg",
"spacing": {
"before": 0,
"after": 0,
"line": 1.3
}
},
"pre": {
"font": "body",
"size": 10,
"color": "textSecondary",
"background": "codeBg",
"padding": 12,
"spacing": {
"before": 12,
"after": 12,
"line": 1.3
},
"border": {
"color": "textSecondary",
"width": 1,
"style": "solid"
}
},
"ul": {
"spacing": {
"before": 12,
"after": 12,
"line": 1.4
},
"indent": 20,
"bullet": "square"
},
"ol": {
"spacing": {
"before": 12,
"after": 12,
"line": 1.4
},
"indent": 20,
"numbering": "decimal"
},
"li": {
"font": "body",
"size": 11,
"color": "text",
"spacing": {
"before": 4,
"after": 4,
"line": 1.4
}
},
"strong": {
"font": "body",
"bold": true,
"color": "textSecondary"
},
"em": {
"font": "body",
"italic": true,
"color": "accent"
},
"a": {
"font": "body",
"color": "accent",
"underline": true,
"bold": true
},
"table": {
"spacing": {
"before": 24,
"after": 24,
"line": 1.3
},
"border": {
"color": "textSecondary",
"width": 1,
"style": "solid"
}
},
"th": {
"font": "body",
"size": 11,
"color": "background",
"bold": true,
"background": "textSecondary",
"padding": 8,
"allCaps": true
},
"td": {
"font": "body",
"size": 11,
"color": "text",
"padding": 8,
"borderBottom": {
"color": "textSecondary",
"width": 1,
"style": "solid"
}
},
"hr": {
"spacing": {
"before": 24,
"after": 24
},
"border": {
"color": "textSecondary",
"width": 2,
"style": "solid"
}
},
"img": {
"align": "left",
"spacing": {
"before": 16,
"after": 16
},
"border": {
"color": "textSecondary",
"width": 2,
"style": "solid"
}
},
"del": {
"font": "body",
"strikethrough": true
},
"sup": {
"font": "body",
"size": 8,
"superScript": true
},
"sub": {
"font": "body",
"size": 8,
"subScript": true
},
"mark": {
"font": "body",
"background": "accent",
"color": "background"
},
"footnote": {
"font": "body",
"size": 9,
"color": "textSecondary",
"superScript": true
},
"footnoteRef": {
"font": "body",
"size": 9,
"color": "textSecondary",
"spacing": {
"before": 4,
"after": 4,
"line": 1.2
}
}
},
"page": {
"margins": {
"top": 54,
"bottom": 54,
"left": 54,
"right": 54
},
"columns": 1,
"header": true,
"footer": true
}
}

View File

@@ -0,0 +1,309 @@
{
"id": "ny-editor",
"name": "The Editorial",
"category": "editorial",
"description": "High-contrast serifs, centered headers, delicate borders. Feels like a premium magazine feature.",
"vibe": "Luxury, Fashion, Literature",
"googleFontsImport": "https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Lora:ital,wght@0,400..700;1,400..700&display=swap",
"typography": {
"fonts": {
"heading": "Playfair Display",
"body": "Lora",
"code": "Lora"
},
"colors": {
"text": "333333",
"textSecondary": "111111",
"background": "FFFFFF",
"accent": "000000",
"border": "DDDDDD",
"codeBg": "F5F5F5",
"blockquoteBorder": "555555"
}
},
"elements": {
"h1": {
"font": "heading",
"size": 42,
"color": "textSecondary",
"bold": true,
"italic": true,
"align": "center",
"spacing": {
"before": 60,
"after": 40,
"line": 1.1
}
},
"h2": {
"font": "heading",
"size": 16,
"color": "textSecondary",
"bold": true,
"align": "center",
"spacing": {
"before": 40,
"after": 20,
"line": 1.2
},
"allCaps": true,
"letterSpacing": 3,
"borderBottom": {
"color": "border",
"width": 1,
"style": "solid",
"space": 10
}
,
"paddingBottom": 10
},
"h3": {
"font": "heading",
"size": 14,
"color": "textSecondary",
"bold": true,
"align": "left",
"spacing": {
"before": 24,
"after": 12,
"line": 1.2
},
"allCaps": true,
"letterSpacing": 1
},
"h4": {
"font": "body",
"size": 12,
"color": "text",
"bold": true,
"align": "left",
"spacing": {
"before": 20,
"after": 10,
"line": 1.3
}
},
"h5": {
"font": "body",
"size": 11,
"color": "textSecondary",
"bold": true,
"align": "left",
"spacing": {
"before": 16,
"after": 8,
"line": 1.3
}
},
"h6": {
"font": "body",
"size": 10,
"color": "textSecondary",
"italic": true,
"align": "left",
"spacing": {
"before": 16,
"after": 8,
"line": 1.3
}
},
"p": {
"font": "body",
"size": 12,
"color": "text",
"align": "justify",
"spacing": {
"before": 0,
"after": 20,
"line": 1.8
}
},
"blockquote": {
"font": "heading",
"size": 22,
"color": "blockquoteBorder",
"italic": true,
"align": "center",
"spacing": {
"before": 40,
"after": 40,
"line": 1.4
},
"padding": 0,
"background": "transparent"
},
"code": {
"font": "body",
"size": 10,
"color": "textSecondary",
"background": "codeBg",
"spacing": {
"before": 0,
"after": 0,
"line": 1.4
}
},
"pre": {
"font": "body",
"size": 10,
"color": "textSecondary",
"background": "codeBg",
"padding": 16,
"spacing": {
"before": 16,
"after": 16,
"line": 1.4
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"ul": {
"spacing": {
"before": 16,
"after": 16,
"line": 1.6
},
"indent": 20,
"bullet": "circle"
},
"ol": {
"spacing": {
"before": 16,
"after": 16,
"line": 1.6
},
"indent": 20,
"numbering": "decimal"
},
"li": {
"font": "body",
"size": 12,
"color": "text",
"spacing": {
"before": 4,
"after": 4,
"line": 1.6
}
},
"strong": {
"font": "body",
"bold": true,
"color": "textSecondary"
},
"em": {
"font": "body",
"italic": true
},
"a": {
"font": "body",
"color": "textSecondary",
"underline": true,
"bold": true
},
"table": {
"spacing": {
"before": 24,
"after": 24,
"line": 1.4
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"th": {
"font": "body",
"size": 11,
"color": "textSecondary",
"bold": true,
"background": "codeBg",
"padding": 12,
"allCaps": true,
"letterSpacing": 2
},
"td": {
"font": "body",
"size": 11,
"color": "text",
"padding": 12,
"borderBottom": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"hr": {
"spacing": {
"before": 40,
"after": 40
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"img": {
"align": "center",
"spacing": {
"before": 24,
"after": 24
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"del": {
"font": "body",
"strikethrough": true
},
"sup": {
"font": "body",
"size": 9,
"superScript": true
},
"sub": {
"font": "body",
"size": 9,
"subScript": true
},
"mark": {
"font": "body",
"background": "accent",
"color": "background"
},
"footnote": {
"font": "body",
"size": 10,
"color": "textSecondary",
"superScript": true
},
"footnoteRef": {
"font": "body",
"size": 10,
"color": "textSecondary",
"spacing": {
"before": 4,
"after": 4,
"line": 1.2
}
}
},
"page": {
"margins": {
"top": 72,
"bottom": 72,
"left": 72,
"right": 72
},
"columns": 1,
"header": true,
"footer": true
}
}

View File

@@ -0,0 +1,303 @@
{
"id": "rococo-romance",
"name": "Rococo Romance",
"category": "editorial",
"description": "Inspired by 18th-century Rococo. Light, playful, and intricate with pastel tones and swirling elegance.",
"vibe": "Romantic, Ornate, Pastel",
"googleFontsImport": "https://fonts.googleapis.com/css2?family=Pinyon+Script&family=Playfair+Display+SC:ital,wght@0,400;0,700;1,400;1,700&family=Lora:ital,wght@0,400..700;1,400..700&display=swap",
"typography": {
"fonts": {
"heading": "Pinyon Script",
"body": "Playfair Display SC",
"code": "Playfair Display SC"
},
"colors": {
"text": "555555",
"textSecondary": "D87093",
"background": "FFFBFC",
"accent": "C0A080",
"border": "FFB6C1",
"codeBg": "FDF5F7",
"blockquoteBorder": "FFB6C1"
}
},
"elements": {
"h1": {
"font": "heading",
"size": 52,
"color": "textSecondary",
"bold": false,
"align": "center",
"spacing": {
"before": 48,
"after": 32,
"line": 1.2
}
},
"h2": {
"font": "body",
"size": 16,
"color": "accent",
"bold": true,
"align": "center",
"spacing": {
"before": 36,
"after": 18,
"line": 1.2
},
"letterSpacing": 2
},
"h3": {
"font": "body",
"size": 14,
"color": "accent",
"bold": true,
"align": "center",
"spacing": {
"before": 24,
"after": 12,
"line": 1.2
},
"allCaps": true
},
"h4": {
"font": "body",
"size": 13,
"color": "text",
"bold": true,
"align": "center",
"spacing": {
"before": 20,
"after": 10,
"line": 1.3
}
},
"h5": {
"font": "body",
"size": 12,
"color": "textSecondary",
"bold": true,
"align": "center",
"spacing": {
"before": 16,
"after": 8,
"line": 1.3
}
},
"h6": {
"font": "body",
"size": 11,
"color": "textSecondary",
"italic": true,
"align": "center",
"spacing": {
"before": 16,
"after": 8,
"line": 1.3
}
},
"p": {
"font": "body",
"size": 12,
"color": "text",
"align": "center",
"spacing": {
"before": 0,
"after": 16,
"line": 1.8
}
},
"blockquote": {
"font": "body",
"size": 14,
"color": "text",
"italic": true,
"align": "center",
"spacing": {
"before": 28,
"after": 28,
"line": 1.6
},
"padding": 24,
"border": {
"color": "blockquoteBorder",
"width": 1,
"style": "solid"
},
"borderRadius": 50,
"background": "transparent"
},
"code": {
"font": "body",
"size": 11,
"color": "textSecondary",
"background": "codeBg",
"spacing": {
"before": 0,
"after": 0,
"line": 1.4
}
},
"pre": {
"font": "body",
"size": 11,
"color": "textSecondary",
"background": "codeBg",
"padding": 16,
"spacing": {
"before": 16,
"after": 16,
"line": 1.4
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"ul": {
"spacing": {
"before": 16,
"after": 16,
"line": 1.6
},
"indent": 24,
"bullet": "circle"
},
"ol": {
"spacing": {
"before": 16,
"after": 16,
"line": 1.6
},
"indent": 24,
"numbering": "decimal"
},
"li": {
"font": "body",
"size": 12,
"color": "text",
"spacing": {
"before": 4,
"after": 4,
"line": 1.6
}
},
"strong": {
"font": "body",
"bold": true,
"color": "textSecondary"
},
"em": {
"font": "body",
"italic": true,
"color": "accent"
},
"a": {
"font": "body",
"color": "textSecondary",
"underline": true,
"bold": true
},
"table": {
"spacing": {
"before": 24,
"after": 24,
"line": 1.4
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"th": {
"font": "body",
"size": 11,
"color": "textSecondary",
"bold": true,
"background": "codeBg",
"padding": 12
},
"td": {
"font": "body",
"size": 11,
"color": "text",
"padding": 12,
"borderBottom": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"hr": {
"spacing": {
"before": 32,
"after": 32
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"img": {
"align": "center",
"spacing": {
"before": 24,
"after": 24
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"del": {
"font": "body",
"strikethrough": true
},
"sup": {
"font": "body",
"size": 9,
"superScript": true
},
"sub": {
"font": "body",
"size": 9,
"subScript": true
},
"mark": {
"font": "body",
"background": "border",
"color": "textSecondary"
},
"footnote": {
"font": "body",
"size": 10,
"color": "textSecondary",
"superScript": true
},
"footnoteRef": {
"font": "body",
"size": 10,
"color": "textSecondary",
"spacing": {
"before": 4,
"after": 4,
"line": 1.2
}
}
},
"page": {
"margins": {
"top": 72,
"bottom": 72,
"left": 72,
"right": 72
},
"columns": 1,
"header": true,
"footer": true
}
}

View File

@@ -0,0 +1,308 @@
{
"id": "victorian-ornate",
"name": "Victorian Ornate",
"category": "editorial",
"description": "Inspired by the decorative exuberance of the Victorian era (1837-1901). Features rich typography with ornamental borders and jewel-tone accents.",
"vibe": "Traditional, Formal, Heritage",
"googleFontsImport": "https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Crimson+Text:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&display=swap",
"typography": {
"fonts": {
"heading": "Playfair Display",
"body": "Crimson Text",
"code": "Crimson Text"
},
"colors": {
"text": "3D2914",
"textSecondary": "2C1810",
"background": "FFFBF5",
"accent": "8B4513",
"border": "D4A574",
"codeBg": "FDF5E6",
"blockquoteBorder": "D4A574"
}
},
"elements": {
"h1": {
"font": "heading",
"size": 32,
"color": "textSecondary",
"bold": true,
"align": "center",
"spacing": {
"before": 40,
"after": 24,
"line": 1.2
},
"borderBottom": {
"color": "accent",
"width": 4,
"style": "double",
"space": 10
}
,
"paddingBottom": 12
},
"h2": {
"font": "heading",
"size": 18,
"color": "textSecondary",
"bold": true,
"align": "left",
"spacing": {
"before": 32,
"after": 16,
"line": 1.3
}
},
"h3": {
"font": "heading",
"size": 14,
"color": "textSecondary",
"bold": true,
"align": "left",
"spacing": {
"before": 24,
"after": 12,
"line": 1.3
},
"allCaps": true
},
"h4": {
"font": "body",
"size": 14,
"color": "text",
"bold": true,
"align": "left",
"spacing": {
"before": 20,
"after": 10,
"line": 1.4
}
},
"h5": {
"font": "body",
"size": 12,
"color": "textSecondary",
"bold": true,
"align": "left",
"spacing": {
"before": 16,
"after": 8,
"line": 1.4
}
},
"h6": {
"font": "body",
"size": 11,
"color": "textSecondary",
"italic": true,
"align": "left",
"spacing": {
"before": 16,
"after": 8,
"line": 1.4
}
},
"p": {
"font": "body",
"size": 12,
"color": "text",
"align": "justify",
"spacing": {
"before": 0,
"after": 16,
"line": 1.8
}
},
"blockquote": {
"font": "body",
"size": 14,
"color": "textSecondary",
"italic": true,
"align": "left",
"spacing": {
"before": 24,
"after": 24,
"line": 1.6
},
"padding": 20,
"border": {
"color": "blockquoteBorder",
"width": 1,
"style": "solid"
},
"background": "FDF5E6"
},
"code": {
"font": "body",
"size": 11,
"color": "textSecondary",
"background": "codeBg",
"spacing": {
"before": 0,
"after": 0,
"line": 1.4
}
},
"pre": {
"font": "body",
"size": 11,
"color": "textSecondary",
"background": "codeBg",
"padding": 16,
"spacing": {
"before": 16,
"after": 16,
"line": 1.4
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"ul": {
"spacing": {
"before": 16,
"after": 16,
"line": 1.6
},
"indent": 24,
"bullet": "disc"
},
"ol": {
"spacing": {
"before": 16,
"after": 16,
"line": 1.6
},
"indent": 24,
"numbering": "decimal"
},
"li": {
"font": "body",
"size": 12,
"color": "text",
"spacing": {
"before": 4,
"after": 4,
"line": 1.6
}
},
"strong": {
"font": "body",
"bold": true,
"color": "textSecondary"
},
"em": {
"font": "body",
"italic": true
},
"a": {
"font": "body",
"color": "accent",
"underline": true,
"bold": true
},
"table": {
"spacing": {
"before": 24,
"after": 24,
"line": 1.4
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"th": {
"font": "heading",
"size": 12,
"color": "textSecondary",
"bold": true,
"background": "codeBg",
"padding": 12
},
"td": {
"font": "body",
"size": 11,
"color": "text",
"padding": 12,
"borderBottom": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"hr": {
"spacing": {
"before": 32,
"after": 32
},
"border": {
"color": "accent",
"width": 2,
"style": "solid"
}
},
"img": {
"align": "center",
"spacing": {
"before": 24,
"after": 24
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"del": {
"font": "body",
"strikethrough": true
},
"sup": {
"font": "body",
"size": 9,
"superScript": true
},
"sub": {
"font": "body",
"size": 9,
"subScript": true
},
"mark": {
"font": "body",
"background": "accent",
"color": "background"
},
"footnote": {
"font": "body",
"size": 10,
"color": "textSecondary",
"superScript": true
},
"footnoteRef": {
"font": "body",
"size": 10,
"color": "textSecondary",
"spacing": {
"before": 4,
"after": 4,
"line": 1.2
}
}
},
"page": {
"margins": {
"top": 72,
"bottom": 72,
"left": 72,
"right": 72
},
"columns": 1,
"header": true,
"footer": true
}
}

View File

@@ -0,0 +1,309 @@
{
"id": "automotive-bold",
"name": "Automotive Bold",
"category": "industrial",
"description": "Powerful design for automotive and motorsport industries. Bold typography with dynamic energy and speed.",
"vibe": "Powerful, Dynamic, Bold",
"googleFontsImport": "https://fonts.googleapis.com/css2?family=Teko:wght@400;500;600;700&family=Barlow:wght@400;500;600;700&family=Share+Tech+Mono&display=swap",
"typography": {
"fonts": {
"heading": "Teko",
"body": "Barlow",
"code": "Share Tech Mono"
},
"colors": {
"text": "37474F",
"textSecondary": "212121",
"background": "FFFFFF",
"accent": "B71C1C",
"border": "CFD8DC",
"codeBg": "ECEFF1",
"blockquoteBorder": "B71C1C",
"blockquoteBg": "FFEBEE"
}
},
"elements": {
"h1": {
"font": "heading",
"size": 40,
"color": "accent",
"bold": true,
"align": "left",
"uppercase": true,
"letterSpacing": 2,
"spacing": {
"before": 48,
"after": 32,
"line": 1.1
}
},
"h2": {
"font": "heading",
"size": 28,
"color": "textSecondary",
"bold": true,
"align": "left",
"uppercase": true,
"spacing": {
"before": 36,
"after": 18,
"line": 1.2
}
},
"h3": {
"font": "heading",
"size": 24,
"color": "textSecondary",
"bold": true,
"align": "left",
"uppercase": true,
"spacing": {
"before": 24,
"after": 12,
"line": 1.3
}
},
"h4": {
"font": "heading",
"size": 20,
"color": "text",
"bold": true,
"align": "left",
"uppercase": true,
"spacing": {
"before": 20,
"after": 10,
"line": 1.4
}
},
"h5": {
"font": "body",
"size": 16,
"color": "textSecondary",
"bold": true,
"align": "left",
"uppercase": true,
"spacing": {
"before": 16,
"after": 8,
"line": 1.4
}
},
"h6": {
"font": "body",
"size": 14,
"color": "textSecondary",
"bold": true,
"align": "left",
"uppercase": true,
"spacing": {
"before": 16,
"after": 8,
"line": 1.4
}
},
"p": {
"font": "body",
"size": 12,
"color": "text",
"align": "left",
"spacing": {
"before": 0,
"after": 16,
"line": 1.6
}
},
"blockquote": {
"font": "body",
"size": 14,
"color": "text",
"italic": true,
"align": "left",
"spacing": {
"before": 24,
"after": 24,
"line": 1.6
},
"padding": 16,
"border": {
"color": "blockquoteBorder",
"width": 6,
"style": "solid"
},
"background": "blockquoteBg"
},
"code": {
"font": "code",
"size": 11,
"color": "textSecondary",
"background": "codeBg",
"spacing": {
"before": 0,
"after": 0,
"line": 1.4
}
},
"pre": {
"font": "code",
"size": 11,
"color": "textSecondary",
"background": "codeBg",
"padding": 16,
"spacing": {
"before": 16,
"after": 16,
"line": 1.4
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"ul": {
"spacing": {
"before": 16,
"after": 16,
"line": 1.6
},
"indent": 24,
"bullet": "square"
},
"ol": {
"spacing": {
"before": 16,
"after": 16,
"line": 1.6
},
"indent": 24,
"numbering": "decimal"
},
"li": {
"font": "body",
"size": 12,
"color": "text",
"spacing": {
"before": 4,
"after": 4,
"line": 1.6
}
},
"strong": {
"font": "body",
"bold": true,
"color": "textSecondary"
},
"em": {
"font": "body",
"italic": true
},
"a": {
"font": "body",
"color": "accent",
"underline": true,
"bold": true
},
"table": {
"spacing": {
"before": 24,
"after": 24,
"line": 1.4
},
"border": {
"color": "textSecondary",
"width": 2,
"style": "solid"
}
},
"th": {
"font": "heading",
"size": 12,
"color": "background",
"bold": true,
"background": "textSecondary",
"padding": 12,
"uppercase": true
},
"td": {
"font": "body",
"size": 11,
"color": "text",
"padding": 12,
"borderBottom": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"hr": {
"spacing": {
"before": 32,
"after": 32
},
"border": {
"color": "accent",
"width": 4,
"style": "solid"
}
},
"img": {
"align": "center",
"spacing": {
"before": 24,
"after": 24
},
"border": {
"color": "textSecondary",
"width": 2,
"style": "solid"
}
},
"del": {
"font": "body",
"strikethrough": true,
"color": "border"
},
"sup": {
"font": "body",
"size": 9,
"superScript": true
},
"sub": {
"font": "body",
"size": 9,
"subScript": true
},
"mark": {
"font": "body",
"background": "accent",
"color": "background"
},
"footnote": {
"font": "body",
"size": 10,
"color": "textSecondary",
"superScript": true
},
"footnoteRef": {
"font": "body",
"size": 10,
"color": "textSecondary",
"spacing": {
"before": 4,
"after": 4,
"line": 1.2
}
}
},
"page": {
"margins": {
"top": 72,
"bottom": 72,
"left": 72,
"right": 72
},
"columns": 1,
"header": true,
"footer": true
}
}

View File

@@ -0,0 +1,332 @@
{
"id": "brutalist",
"name": "Brutalist",
"category": "Industrial",
"description": "Raw, anti-design aesthetic. Monospace fonts, heavy borders, and high-contrast functionality.",
"vibe": "Raw, Structural, Utility",
"googleFontsImport": "https://fonts.googleapis.com/css2?family=Archivo+Black:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Space+Mono:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=JetBrains+Mono:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap",
"typography": {
"fonts": {
"heading": "Archivo Black",
"body": "Space Mono",
"code": "JetBrains Mono"
},
"colors": {
"text": "0000FF",
"textSecondary": "000000",
"background": "FFFFFF",
"accent": "0000FF",
"border": "0000FF",
"codeBg": "EEEEEE",
"blockquoteBorder": "0000FF"
}
},
"elements": {
"h1": {
"font": "heading",
"size": 56,
"color": "0000FF",
"bold": true,
"align": "left",
"spacing": {
"before": 0,
"after": 20,
"line": 0.85
},
"allCaps": true,
"borderBottom": {
"color": "0000FF",
"width": 8,
"style": "solid"
}
},
"h2": {
"font": "heading",
"size": 32,
"color": "000000",
"bold": true,
"align": "left",
"spacing": {
"before": 30,
"after": 10,
"line": 1.0
},
"background": "0000FF",
"color": "FFFFFF",
"padding": 10
},
"h3": {
"font": "body",
"size": 24,
"color": "0000FF",
"bold": true,
"align": "left",
"spacing": {
"before": 20,
"after": 10,
"line": 1.2
},
"borderLeft": {
"color": "0000FF",
"width": 10,
"style": "solid"
}
,
"padding": 10
},
"h4": {
"font": "body",
"size": 18,
"color": "000000",
"bold": true,
"align": "left",
"spacing": {
"before": 16,
"after": 8,
"line": 1.2
},
"allCaps": true,
"underline": true
},
"h5": {
"font": "body",
"size": 16,
"color": "0000FF",
"bold": true,
"align": "left",
"spacing": {
"before": 16,
"after": 8,
"line": 1.2
}
},
"h6": {
"font": "body",
"size": 14,
"color": "000000",
"bold": true,
"align": "left",
"spacing": {
"before": 16,
"after": 8,
"line": 1.2
}
},
"p": {
"font": "body",
"size": 14,
"color": "000000",
"align": "left",
"spacing": {
"before": 0,
"after": 16,
"line": 1.4
},
"weight": 400
},
"blockquote": {
"font": "heading",
"size": 24,
"color": "0000FF",
"bold": true,
"align": "left",
"spacing": {
"before": 20,
"after": 20,
"line": 1.1
},
"padding": 20,
"border": {
"color": "0000FF",
"width": 4,
"style": "solid"
}
},
"code": {
"font": "code",
"size": 13,
"color": "000000",
"background": "codeBg",
"spacing": {
"before": 0,
"after": 0,
"line": 1.4
},
"border": {
"color": "000000",
"width": 1,
"style": "solid"
}
},
"pre": {
"font": "code",
"size": 13,
"color": "000000",
"background": "codeBg",
"padding": 16,
"spacing": {
"before": 16,
"after": 16,
"line": 1.4
},
"border": {
"color": "000000",
"width": 2,
"style": "solid"
}
},
"ul": {
"spacing": {
"before": 16,
"after": 16,
"line": 1.4
},
"indent": 20,
"bullet": "square"
},
"ol": {
"spacing": {
"before": 16,
"after": 16,
"line": 1.4
},
"indent": 20,
"numbering": "decimal"
},
"li": {
"font": "body",
"size": 14,
"color": "000000",
"spacing": {
"before": 4,
"after": 4,
"line": 1.4
}
},
"strong": {
"font": "heading",
"bold": true,
"color": "0000FF"
},
"em": {
"font": "body",
"italic": true,
"background": "EEEEEE"
},
"a": {
"font": "body",
"color": "0000FF",
"underline": true,
"bold": true,
"background": "EEEEEE"
},
"table": {
"spacing": {
"before": 20,
"after": 20,
"line": 1.2
},
"border": {
"color": "0000FF",
"width": 4,
"style": "solid"
}
},
"th": {
"font": "heading",
"size": 14,
"color": "FFFFFF",
"bold": true,
"background": "0000FF",
"padding": 10,
"border": {
"color": "FFFFFF",
"width": 1,
"style": "solid"
}
},
"td": {
"font": "body",
"size": 14,
"color": "000000",
"padding": 10,
"border": {
"color": "0000FF",
"width": 1,
"style": "solid"
}
},
"hr": {
"spacing": {
"before": 40,
"after": 40
},
"border": {
"color": "0000FF",
"width": 6,
"style": "solid"
}
},
"img": {
"align": "left",
"spacing": {
"before": 20,
"after": 20
},
"border": {
"color": "0000FF",
"width": 4,
"style": "solid"
},
"filter": "grayscale(100%) contrast(150%)"
},
"del": {
"font": "body",
"strikethrough": true,
"color": "FF0000",
"bold": true
},
"sup": {
"font": "body",
"size": 10,
"superScript": true
},
"sub": {
"font": "body",
"size": 10,
"subScript": true
},
"mark": {
"font": "body",
"background": "0000FF",
"color": "FFFFFF"
},
"footnote": {
"font": "body",
"size": 12,
"color": "0000FF",
"superScript": true
},
"footnoteRef": {
"font": "body",
"size": 12,
"color": "0000FF",
"spacing": {
"before": 6,
"after": 6,
"line": 1.4
}
}
},
"page": {
"margins": {
"top": 40,
"bottom": 40,
"left": 40,
"right": 40
},
"columns": 1,
"header": true,
"footer": true
}
}

View File

@@ -0,0 +1,315 @@
{
"id": "construction-industrial",
"name": "Construction Industrial",
"category": "industrial",
"description": "Bold and sturdy design for construction and industrial companies. Strong typography with safety-inspired colors.",
"vibe": "Strong, Industrial, Professional",
"googleFontsImport": "https://fonts.googleapis.com/css2?family=Oswald:wght@400;500;700&family=Roboto:wght@400;500;700&family=Roboto+Mono:wght@400;500&display=swap",
"typography": {
"fonts": {
"heading": "Oswald",
"body": "Roboto",
"code": "Roboto Mono"
},
"colors": {
"text": "37474F",
"textSecondary": "212121",
"background": "FFFFFF",
"accent": "FF8F00",
"highlight": "FFC107",
"border": "B0BEC5",
"codeBg": "ECEFF1",
"blockquoteBg": "FFF8E1"
}
},
"elements": {
"h1": {
"font": "heading",
"size": 28,
"color": "textSecondary",
"bold": true,
"align": "left",
"uppercase": true,
"background": "highlight",
"padding": 20,
"spacing": {
"before": 48,
"after": 32,
"line": 1.2
}
},
"h2": {
"font": "heading",
"size": 20,
"color": "accent",
"bold": true,
"align": "left",
"uppercase": true,
"spacing": {
"before": 36,
"after": 18,
"line": 1.3
}
},
"h3": {
"font": "heading",
"size": 18,
"color": "textSecondary",
"bold": true,
"align": "left",
"uppercase": true,
"spacing": {
"before": 24,
"after": 12,
"line": 1.4
}
},
"h4": {
"font": "heading",
"size": 16,
"color": "text",
"bold": true,
"align": "left",
"uppercase": true,
"spacing": {
"before": 20,
"after": 10,
"line": 1.4
}
},
"h5": {
"font": "body",
"size": 14,
"color": "textSecondary",
"bold": true,
"align": "left",
"uppercase": true,
"spacing": {
"before": 16,
"after": 8,
"line": 1.4
}
},
"h6": {
"font": "body",
"size": 12,
"color": "textSecondary",
"bold": true,
"align": "left",
"uppercase": true,
"spacing": {
"before": 16,
"after": 8,
"line": 1.4
}
},
"p": {
"font": "body",
"size": 11,
"color": "text",
"align": "justify",
"spacing": {
"before": 0,
"after": 16,
"line": 1.6
}
},
"blockquote": {
"font": "body",
"size": 12,
"color": "text",
"italic": true,
"align": "left",
"spacing": {
"before": 24,
"after": 24,
"line": 1.6
},
"padding": 16,
"border": {
"color": "accent",
"width": 6,
"style": "solid"
},
"background": "blockquoteBg"
},
"code": {
"font": "code",
"size": 10,
"color": "textSecondary",
"background": "codeBg",
"spacing": {
"before": 0,
"after": 0,
"line": 1.4
}
},
"pre": {
"font": "code",
"size": 10,
"color": "textSecondary",
"background": "codeBg",
"padding": 16,
"spacing": {
"before": 16,
"after": 16,
"line": 1.4
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"ul": {
"spacing": {
"before": 16,
"after": 16,
"line": 1.6
},
"indent": 24,
"bullet": "square"
},
"ol": {
"spacing": {
"before": 16,
"after": 16,
"line": 1.6
},
"indent": 24,
"numbering": "decimal"
},
"li": {
"font": "body",
"size": 11,
"color": "text",
"spacing": {
"before": 4,
"after": 4,
"line": 1.6
}
},
"strong": {
"font": "body",
"bold": true,
"color": "textSecondary"
},
"em": {
"font": "body",
"italic": true
},
"a": {
"font": "body",
"color": "accent",
"underline": true,
"bold": true
},
"table": {
"spacing": {
"before": 24,
"after": 24,
"line": 1.4
},
"border": {
"color": "textSecondary",
"width": 2,
"style": "solid"
}
},
"th": {
"font": "heading",
"size": 11,
"color": "textSecondary",
"bold": true,
"background": "highlight",
"padding": 12,
"uppercase": true,
"borderBottom": {
"color": "textSecondary",
"width": 2,
"style": "solid"
}
},
"td": {
"font": "body",
"size": 11,
"color": "text",
"padding": 12,
"borderBottom": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"hr": {
"spacing": {
"before": 32,
"after": 32
},
"border": {
"color": "highlight",
"width": 4,
"style": "solid"
}
},
"img": {
"align": "center",
"spacing": {
"before": 24,
"after": 24
},
"border": {
"color": "textSecondary",
"width": 2,
"style": "solid"
}
},
"del": {
"font": "body",
"strikethrough": true,
"color": "border"
},
"sup": {
"font": "body",
"size": 9,
"superScript": true
},
"sub": {
"font": "body",
"size": 9,
"subScript": true
},
"mark": {
"font": "body",
"background": "highlight",
"color": "textSecondary"
},
"footnote": {
"font": "body",
"size": 10,
"color": "textSecondary",
"superScript": true
},
"footnoteRef": {
"font": "body",
"size": 10,
"color": "textSecondary",
"spacing": {
"before": 4,
"after": 4,
"line": 1.2
}
}
},
"page": {
"margins": {
"top": 72,
"bottom": 72,
"left": 72,
"right": 72
},
"columns": 1,
"header": true,
"footer": true
}
}

View File

@@ -0,0 +1,303 @@
{
"id": "electric-vehicle",
"name": "Electric Vehicle",
"category": "industrial",
"description": "Sustainable tech design for electric vehicle and clean energy content. Eco-modern with electric accents.",
"vibe": "Sustainable, Modern, Electric",
"googleFontsImport": "https://fonts.googleapis.com/css2?family=Electrolize&family=Mulish:wght@400;500;600;700&family=Chakra+Petch:wght@400;500&display=swap",
"typography": {
"fonts": {
"heading": "Electrolize",
"body": "Mulish",
"code": "Chakra Petch"
},
"colors": {
"text": "475569",
"textSecondary": "1E293B",
"background": "FFFFFF",
"accent": "10B981",
"border": "E2E8F0",
"codeBg": "F1F5F9",
"blockquoteBg": "ECFDF5",
"blockquoteBorder": "10B981"
}
},
"elements": {
"h1": {
"font": "heading",
"size": 28,
"color": "accent",
"bold": false,
"align": "left",
"spacing": {
"before": 48,
"after": 32,
"line": 1.2
}
},
"h2": {
"font": "body",
"size": 20,
"color": "textSecondary",
"bold": true,
"align": "left",
"spacing": {
"before": 36,
"after": 18,
"line": 1.3
}
},
"h3": {
"font": "body",
"size": 18,
"color": "textSecondary",
"bold": true,
"align": "left",
"spacing": {
"before": 24,
"after": 12,
"line": 1.4
}
},
"h4": {
"font": "body",
"size": 16,
"color": "textSecondary",
"bold": true,
"align": "left",
"spacing": {
"before": 20,
"after": 10,
"line": 1.4
}
},
"h5": {
"font": "body",
"size": 14,
"color": "textSecondary",
"bold": true,
"align": "left",
"uppercase": true,
"spacing": {
"before": 16,
"after": 8,
"line": 1.4
}
},
"h6": {
"font": "body",
"size": 12,
"color": "text",
"bold": true,
"align": "left",
"uppercase": true,
"spacing": {
"before": 16,
"after": 8,
"line": 1.4
}
},
"p": {
"font": "body",
"size": 11,
"color": "text",
"align": "left",
"spacing": {
"before": 0,
"after": 16,
"line": 1.6
}
},
"blockquote": {
"font": "body",
"size": 12,
"color": "textSecondary",
"italic": true,
"align": "left",
"spacing": {
"before": 24,
"after": 24,
"line": 1.6
},
"padding": 20,
"border": {
"color": "blockquoteBorder",
"width": 4,
"style": "solid"
},
"background": "blockquoteBg"
},
"code": {
"font": "code",
"size": 10,
"color": "accent",
"background": "codeBg",
"spacing": {
"before": 0,
"after": 0,
"line": 1.4
}
},
"pre": {
"font": "code",
"size": 10,
"color": "textSecondary",
"background": "codeBg",
"padding": 16,
"spacing": {
"before": 16,
"after": 16,
"line": 1.4
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"ul": {
"spacing": {
"before": 16,
"after": 16,
"line": 1.6
},
"indent": 24,
"bullet": "circle"
},
"ol": {
"spacing": {
"before": 16,
"after": 16,
"line": 1.6
},
"indent": 24,
"numbering": "decimal"
},
"li": {
"font": "body",
"size": 11,
"color": "text",
"spacing": {
"before": 4,
"after": 4,
"line": 1.6
}
},
"strong": {
"font": "body",
"bold": true,
"color": "textSecondary"
},
"em": {
"font": "body",
"italic": true
},
"a": {
"font": "body",
"color": "accent",
"underline": true,
"bold": true
},
"table": {
"spacing": {
"before": 24,
"after": 24,
"line": 1.4
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"th": {
"font": "body",
"size": 11,
"color": "textSecondary",
"bold": true,
"background": "codeBg",
"padding": 12
},
"td": {
"font": "body",
"size": 11,
"color": "text",
"padding": 12,
"borderBottom": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"hr": {
"spacing": {
"before": 32,
"after": 32
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"img": {
"align": "center",
"spacing": {
"before": 24,
"after": 24
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"del": {
"font": "body",
"strikethrough": true,
"color": "text"
},
"sup": {
"font": "body",
"size": 9,
"superScript": true
},
"sub": {
"font": "body",
"size": 9,
"subScript": true
},
"mark": {
"font": "body",
"background": "accent",
"color": "background"
},
"footnote": {
"font": "body",
"size": 10,
"color": "text",
"superScript": true
},
"footnoteRef": {
"font": "body",
"size": 10,
"color": "text",
"spacing": {
"before": 4,
"after": 4,
"line": 1.2
}
}
},
"page": {
"margins": {
"top": 72,
"bottom": 72,
"left": 72,
"right": 72
},
"columns": 1,
"header": true,
"footer": true
}
}

View File

@@ -0,0 +1,330 @@
{
"id": "industrial-safety",
"name": "Industrial Safety",
"category": "industrial",
"description": "Construction site signage. Heavy blacks and yellow caution stripes.",
"vibe": "Safety, Bold, Construction",
"googleFontsImport": "https://fonts.googleapis.com/css2?family=Anton&family=Roboto:wght@400;700&family=Roboto+Mono:wght@400;700&display=swap",
"typography": {
"fonts": {
"heading": "Anton",
"body": "Roboto",
"code": "Roboto Mono"
},
"colors": {
"text": "212121",
"textSecondary": "000000",
"background": "FFFFFF",
"accent": "FFD600",
"border": "000000",
"codeBg": "FFF9C4",
"blockquoteBg": "FFF9C4"
}
},
"elements": {
"h1": {
"font": "heading",
"size": 48,
"color": "textSecondary",
"bold": false,
"align": "center",
"uppercase": true,
"background": "accent",
"padding": 20,
"border": {
"color": "textSecondary",
"width": 4,
"style": "solid"
},
"spacing": {
"before": 48,
"after": 32,
"line": 1.2
}
},
"h2": {
"font": "body",
"size": 16,
"color": "textSecondary",
"bold": true,
"align": "left",
"uppercase": true,
"borderBottom": {
"color": "textSecondary",
"width": 4,
"style": "solid"
},
"spacing": {
"before": 36,
"after": 18,
"line": 1.3
}
},
"h3": {
"font": "body",
"size": 14,
"color": "textSecondary",
"bold": true,
"align": "left",
"uppercase": true,
"spacing": {
"before": 24,
"after": 12,
"line": 1.4
}
},
"h4": {
"font": "body",
"size": 12,
"color": "textSecondary",
"bold": true,
"align": "left",
"uppercase": true,
"spacing": {
"before": 20,
"after": 10,
"line": 1.4
}
},
"h5": {
"font": "body",
"size": 11,
"color": "textSecondary",
"bold": true,
"align": "left",
"uppercase": true,
"spacing": {
"before": 16,
"after": 8,
"line": 1.4
}
},
"h6": {
"font": "body",
"size": 10,
"color": "textSecondary",
"bold": true,
"align": "left",
"uppercase": true,
"spacing": {
"before": 16,
"after": 8,
"line": 1.4
}
},
"p": {
"font": "body",
"size": 11,
"color": "text",
"align": "left",
"spacing": {
"before": 0,
"after": 16,
"line": 1.5
}
},
"blockquote": {
"font": "body",
"size": 12,
"color": "textSecondary",
"bold": true,
"align": "left",
"spacing": {
"before": 24,
"after": 24,
"line": 1.6
},
"padding": 20,
"border": {
"color": "textSecondary",
"width": 2,
"style": "solid"
},
"background": "blockquoteBg"
},
"code": {
"font": "code",
"size": 10,
"color": "textSecondary",
"background": "codeBg",
"border": {
"color": "textSecondary",
"width": 1,
"style": "solid"
},
"spacing": {
"before": 0,
"after": 0,
"line": 1.4
}
},
"pre": {
"font": "code",
"size": 10,
"color": "textSecondary",
"background": "codeBg",
"padding": 16,
"spacing": {
"before": 16,
"after": 16,
"line": 1.4
},
"border": {
"color": "textSecondary",
"width": 2,
"style": "solid"
}
},
"ul": {
"spacing": {
"before": 16,
"after": 16,
"line": 1.6
},
"indent": 24,
"bullet": "square"
},
"ol": {
"spacing": {
"before": 16,
"after": 16,
"line": 1.6
},
"indent": 24,
"numbering": "decimal"
},
"li": {
"font": "body",
"size": 11,
"color": "text",
"spacing": {
"before": 4,
"after": 4,
"line": 1.6
}
},
"strong": {
"font": "body",
"bold": true,
"color": "textSecondary"
},
"em": {
"font": "body",
"italic": true
},
"a": {
"font": "body",
"color": "textSecondary",
"underline": true,
"bold": true,
"background": "accent"
},
"table": {
"spacing": {
"before": 24,
"after": 24,
"line": 1.4
},
"border": {
"color": "textSecondary",
"width": 2,
"style": "solid"
}
},
"th": {
"font": "body",
"size": 11,
"color": "textSecondary",
"bold": true,
"background": "accent",
"padding": 12,
"uppercase": true,
"borderBottom": {
"color": "textSecondary",
"width": 2,
"style": "solid"
}
},
"td": {
"font": "body",
"size": 11,
"color": "text",
"padding": 12,
"borderBottom": {
"color": "textSecondary",
"width": 1,
"style": "solid"
}
},
"hr": {
"spacing": {
"before": 32,
"after": 32
},
"border": {
"color": "textSecondary",
"width": 4,
"style": "solid"
}
},
"img": {
"align": "center",
"spacing": {
"before": 24,
"after": 24
},
"border": {
"color": "textSecondary",
"width": 4,
"style": "solid"
}
},
"del": {
"font": "body",
"strikethrough": true,
"color": "text"
},
"sup": {
"font": "body",
"size": 9,
"superScript": true
},
"sub": {
"font": "body",
"size": 9,
"subScript": true
},
"mark": {
"font": "body",
"background": "accent",
"color": "textSecondary"
},
"footnote": {
"font": "body",
"size": 10,
"color": "textSecondary",
"superScript": true
},
"footnoteRef": {
"font": "body",
"size": 10,
"color": "textSecondary",
"spacing": {
"before": 4,
"after": 4,
"line": 1.2
}
}
},
"page": {
"margins": {
"top": 72,
"bottom": 72,
"left": 72,
"right": 72
},
"columns": 1,
"header": true,
"footer": true
}
}

View File

@@ -0,0 +1,311 @@
{
"id": "logistics-freight",
"name": "Logistics Freight",
"category": "industrial",
"description": "Shipping and cargo aesthetic. Stenciled, heavy typography with industrial orange and slate blue.",
"vibe": "Industrial, Heavy, Shipping",
"googleFontsImport": "https://fonts.googleapis.com/css2?family=Saira+Stencil+One&family=Saira:wght@400;500;600;700&family=Inconsolata:wght@400;700&display=swap",
"typography": {
"fonts": {
"heading": "Saira Stencil One",
"body": "Saira",
"code": "Inconsolata"
},
"colors": {
"text": "455A64",
"textSecondary": "263238",
"background": "FFFFFF",
"accent": "E65100",
"border": "B0BEC5",
"codeBg": "ECEFF1",
"blockquoteBg": "FFF3E0",
"blockquoteBorder": "263238"
}
},
"elements": {
"h1": {
"font": "heading",
"size": 36,
"color": "accent",
"bold": false,
"align": "left",
"spacing": {
"before": 48,
"after": 32,
"line": 1.2
}
},
"h2": {
"font": "body",
"size": 20,
"color": "textSecondary",
"bold": true,
"align": "left",
"uppercase": true,
"spacing": {
"before": 36,
"after": 18,
"line": 1.3
}
},
"h3": {
"font": "body",
"size": 18,
"color": "textSecondary",
"bold": true,
"align": "left",
"uppercase": true,
"spacing": {
"before": 24,
"after": 12,
"line": 1.4
}
},
"h4": {
"font": "body",
"size": 16,
"color": "textSecondary",
"bold": true,
"align": "left",
"uppercase": true,
"spacing": {
"before": 20,
"after": 10,
"line": 1.4
}
},
"h5": {
"font": "body",
"size": 14,
"color": "textSecondary",
"bold": true,
"align": "left",
"uppercase": true,
"spacing": {
"before": 16,
"after": 8,
"line": 1.4
}
},
"h6": {
"font": "body",
"size": 12,
"color": "textSecondary",
"bold": true,
"align": "left",
"uppercase": true,
"spacing": {
"before": 16,
"after": 8,
"line": 1.4
}
},
"p": {
"font": "body",
"size": 11,
"color": "text",
"align": "left",
"spacing": {
"before": 0,
"after": 16,
"line": 1.6
}
},
"blockquote": {
"font": "body",
"size": 12,
"color": "text",
"italic": true,
"align": "left",
"spacing": {
"before": 24,
"after": 24,
"line": 1.6
},
"padding": 20,
"border": {
"color": "blockquoteBorder",
"width": 8,
"style": "solid"
},
"background": "blockquoteBg"
},
"code": {
"font": "code",
"size": 10,
"color": "textSecondary",
"background": "codeBg",
"spacing": {
"before": 0,
"after": 0,
"line": 1.4
}
},
"pre": {
"font": "code",
"size": 10,
"color": "textSecondary",
"background": "codeBg",
"padding": 16,
"spacing": {
"before": 16,
"after": 16,
"line": 1.4
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"ul": {
"spacing": {
"before": 16,
"after": 16,
"line": 1.6
},
"indent": 24,
"bullet": "square"
},
"ol": {
"spacing": {
"before": 16,
"after": 16,
"line": 1.6
},
"indent": 24,
"numbering": "decimal"
},
"li": {
"font": "body",
"size": 11,
"color": "text",
"spacing": {
"before": 4,
"after": 4,
"line": 1.6
}
},
"strong": {
"font": "body",
"bold": true,
"color": "textSecondary"
},
"em": {
"font": "body",
"italic": true
},
"a": {
"font": "body",
"color": "accent",
"underline": true,
"bold": true
},
"table": {
"spacing": {
"before": 24,
"after": 24,
"line": 1.4
},
"border": {
"color": "border",
"width": 2,
"style": "solid"
}
},
"th": {
"font": "body",
"size": 11,
"color": "textSecondary",
"bold": true,
"background": "codeBg",
"padding": 12,
"borderBottom": {
"color": "textSecondary",
"width": 2,
"style": "solid"
}
},
"td": {
"font": "body",
"size": 11,
"color": "text",
"padding": 12,
"borderBottom": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"hr": {
"spacing": {
"before": 32,
"after": 32
},
"border": {
"color": "textSecondary",
"width": 1,
"style": "dashed"
}
},
"img": {
"align": "center",
"spacing": {
"before": 24,
"after": 24
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"del": {
"font": "body",
"strikethrough": true,
"color": "border"
},
"sup": {
"font": "body",
"size": 9,
"superScript": true
},
"sub": {
"font": "body",
"size": 9,
"subScript": true
},
"mark": {
"font": "body",
"background": "accent",
"color": "background"
},
"footnote": {
"font": "body",
"size": 10,
"color": "textSecondary",
"superScript": true
},
"footnoteRef": {
"font": "body",
"size": 10,
"color": "textSecondary",
"spacing": {
"before": 4,
"after": 4,
"line": 1.2
}
}
},
"page": {
"margins": {
"top": 72,
"bottom": 72,
"left": 72,
"right": 72
},
"columns": 1,
"header": true,
"footer": true
}
}

View File

@@ -0,0 +1,315 @@
{
"id": "night-vision",
"name": "Night Vision",
"category": "industrial",
"description": "Military optics style. Grainy bright greens on dark green background.",
"vibe": "Tactical, Green, Grainy",
"googleFontsImport": "https://fonts.googleapis.com/css2?family=Wallpoet&family=Roboto+Mono:wght@400;700&display=swap",
"typography": {
"fonts": {
"heading": "Wallpoet",
"body": "Roboto Mono",
"code": "Roboto Mono"
},
"colors": {
"text": "B2FF59",
"textSecondary": "CCFF90",
"background": "000000",
"accent": "76FF03",
"border": "33691E",
"codeBg": "1B5E20",
"blockquoteBg": "000000",
"blockquoteBorder": "76FF03"
}
},
"elements": {
"h1": {
"font": "heading",
"size": 32,
"color": "accent",
"bold": false,
"align": "center",
"background": "codeBg",
"padding": 16,
"spacing": {
"before": 48,
"after": 32,
"line": 1.2
}
},
"h2": {
"font": "body",
"size": 16,
"color": "textSecondary",
"bold": true,
"align": "left",
"borderBottom": {
"color": "accent",
"width": 2,
"style": "dotted"
},
"spacing": {
"before": 36,
"after": 18,
"line": 1.3
}
},
"h3": {
"font": "body",
"size": 14,
"color": "textSecondary",
"bold": true,
"align": "left",
"spacing": {
"before": 24,
"after": 12,
"line": 1.4
}
},
"h4": {
"font": "body",
"size": 12,
"color": "textSecondary",
"bold": true,
"align": "left",
"spacing": {
"before": 20,
"after": 10,
"line": 1.4
}
},
"h5": {
"font": "body",
"size": 11,
"color": "textSecondary",
"bold": true,
"align": "left",
"uppercase": true,
"spacing": {
"before": 16,
"after": 8,
"line": 1.4
}
},
"h6": {
"font": "body",
"size": 10,
"color": "text",
"bold": true,
"align": "left",
"uppercase": true,
"spacing": {
"before": 16,
"after": 8,
"line": 1.4
}
},
"p": {
"font": "body",
"size": 10,
"color": "text",
"align": "left",
"spacing": {
"before": 0,
"after": 16,
"line": 1.6
}
},
"blockquote": {
"font": "body",
"size": 11,
"color": "textSecondary",
"italic": true,
"align": "left",
"spacing": {
"before": 24,
"after": 24,
"line": 1.6
},
"padding": 16,
"border": {
"color": "blockquoteBorder",
"width": 4,
"style": "solid"
},
"background": "blockquoteBg"
},
"code": {
"font": "code",
"size": 10,
"color": "textSecondary",
"background": "codeBg",
"spacing": {
"before": 0,
"after": 0,
"line": 1.4
}
},
"pre": {
"font": "code",
"size": 10,
"color": "textSecondary",
"background": "codeBg",
"padding": 16,
"spacing": {
"before": 16,
"after": 16,
"line": 1.4
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"ul": {
"spacing": {
"before": 16,
"after": 16,
"line": 1.6
},
"indent": 24,
"bullet": "circle"
},
"ol": {
"spacing": {
"before": 16,
"after": 16,
"line": 1.6
},
"indent": 24,
"numbering": "decimal"
},
"li": {
"font": "body",
"size": 10,
"color": "text",
"spacing": {
"before": 4,
"after": 4,
"line": 1.6
}
},
"strong": {
"font": "body",
"bold": true,
"color": "accent"
},
"em": {
"font": "body",
"italic": true
},
"a": {
"font": "body",
"color": "accent",
"underline": true,
"bold": true
},
"table": {
"spacing": {
"before": 24,
"after": 24,
"line": 1.4
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"th": {
"font": "body",
"size": 10,
"color": "accent",
"bold": true,
"background": "codeBg",
"padding": 12,
"borderBottom": {
"color": "accent",
"width": 1,
"style": "solid"
}
},
"td": {
"font": "body",
"size": 10,
"color": "text",
"padding": 12,
"borderBottom": {
"color": "border",
"width": 1,
"style": "dotted"
}
},
"hr": {
"spacing": {
"before": 32,
"after": 32
},
"border": {
"color": "accent",
"width": 2,
"style": "dotted"
}
},
"img": {
"align": "center",
"spacing": {
"before": 24,
"after": 24
},
"border": {
"color": "textSecondary",
"width": 1,
"style": "solid"
}
},
"del": {
"font": "body",
"strikethrough": true,
"color": "border"
},
"sup": {
"font": "body",
"size": 9,
"superScript": true
},
"sub": {
"font": "body",
"size": 9,
"subScript": true
},
"mark": {
"font": "body",
"background": "accent",
"color": "background"
},
"footnote": {
"font": "body",
"size": 10,
"color": "textSecondary",
"superScript": true
},
"footnoteRef": {
"font": "body",
"size": 10,
"color": "textSecondary",
"spacing": {
"before": 4,
"after": 4,
"line": 1.2
}
}
},
"page": {
"margins": {
"top": 72,
"bottom": 72,
"left": 72,
"right": 72
},
"columns": 1,
"header": true,
"footer": true
}
}

View File

@@ -0,0 +1,318 @@
{
"id": "tactical-military",
"name": "Tactical Military",
"category": "industrial",
"description": "Military-spec aesthetic. Stencil typography with olive drab and technical readouts.",
"vibe": "Tactical, Sturdy, Regulated",
"googleFontsImport": "https://fonts.googleapis.com/css2?family=Allerta+Stencil&family=Quantico:wght@400;700&display=swap",
"typography": {
"fonts": {
"heading": "Allerta Stencil",
"body": "Quantico",
"code": "Quantico"
},
"colors": {
"text": "1B1B1B",
"textSecondary": "33691E",
"background": "F1F8E9",
"accent": "558B2F",
"border": "AED581",
"codeBg": "DCEDC8",
"blockquoteBg": "DCEDC8",
"blockquoteBorder": "33691E"
}
},
"elements": {
"h1": {
"font": "heading",
"size": 28,
"color": "textSecondary",
"bold": false,
"align": "left",
"uppercase": true,
"borderBottom": {
"color": "accent",
"width": 6,
"style": "solid"
},
"spacing": {
"before": 48,
"after": 32,
"line": 1.2
}
},
"h2": {
"font": "body",
"size": 14,
"color": "accent",
"bold": true,
"align": "left",
"uppercase": true,
"spacing": {
"before": 36,
"after": 18,
"line": 1.3
}
},
"h3": {
"font": "body",
"size": 14,
"color": "textSecondary",
"bold": true,
"align": "left",
"uppercase": true,
"spacing": {
"before": 24,
"after": 12,
"line": 1.4
}
},
"h4": {
"font": "body",
"size": 12,
"color": "textSecondary",
"bold": true,
"align": "left",
"uppercase": true,
"spacing": {
"before": 20,
"after": 10,
"line": 1.4
}
},
"h5": {
"font": "body",
"size": 11,
"color": "textSecondary",
"bold": true,
"align": "left",
"uppercase": true,
"spacing": {
"before": 16,
"after": 8,
"line": 1.4
}
},
"h6": {
"font": "body",
"size": 10,
"color": "textSecondary",
"bold": true,
"align": "left",
"uppercase": true,
"spacing": {
"before": 16,
"after": 8,
"line": 1.4
}
},
"p": {
"font": "body",
"size": 10,
"color": "text",
"align": "left",
"spacing": {
"before": 0,
"after": 16,
"line": 1.6
}
},
"blockquote": {
"font": "body",
"size": 11,
"color": "text",
"italic": true,
"align": "left",
"spacing": {
"before": 24,
"after": 24,
"line": 1.6
},
"padding": 16,
"border": {
"color": "blockquoteBorder",
"width": 2,
"style": "solid"
},
"background": "blockquoteBg"
},
"code": {
"font": "code",
"size": 10,
"color": "textSecondary",
"background": "codeBg",
"spacing": {
"before": 0,
"after": 0,
"line": 1.4
}
},
"pre": {
"font": "code",
"size": 10,
"color": "textSecondary",
"background": "codeBg",
"padding": 16,
"spacing": {
"before": 16,
"after": 16,
"line": 1.4
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"ul": {
"spacing": {
"before": 16,
"after": 16,
"line": 1.6
},
"indent": 24,
"bullet": "square"
},
"ol": {
"spacing": {
"before": 16,
"after": 16,
"line": 1.6
},
"indent": 24,
"numbering": "decimal"
},
"li": {
"font": "body",
"size": 10,
"color": "text",
"spacing": {
"before": 4,
"after": 4,
"line": 1.6
}
},
"strong": {
"font": "body",
"bold": true,
"color": "textSecondary"
},
"em": {
"font": "body",
"italic": true
},
"a": {
"font": "body",
"color": "accent",
"underline": true,
"bold": true
},
"table": {
"spacing": {
"before": 24,
"after": 24,
"line": 1.4
},
"border": {
"color": "border",
"width": 2,
"style": "solid"
}
},
"th": {
"font": "body",
"size": 10,
"color": "textSecondary",
"bold": true,
"background": "codeBg",
"padding": 12,
"uppercase": true,
"borderBottom": {
"color": "border",
"width": 2,
"style": "solid"
}
},
"td": {
"font": "body",
"size": 10,
"color": "text",
"padding": 12,
"borderBottom": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"hr": {
"spacing": {
"before": 32,
"after": 32
},
"border": {
"color": "accent",
"width": 2,
"style": "solid"
}
},
"img": {
"align": "center",
"spacing": {
"before": 24,
"after": 24
},
"border": {
"color": "border",
"width": 2,
"style": "solid"
}
},
"del": {
"font": "body",
"strikethrough": true,
"color": "border"
},
"sup": {
"font": "body",
"size": 9,
"superScript": true
},
"sub": {
"font": "body",
"size": 9,
"subScript": true
},
"mark": {
"font": "body",
"background": "accent",
"color": "background"
},
"footnote": {
"font": "body",
"size": 10,
"color": "textSecondary",
"superScript": true
},
"footnoteRef": {
"font": "body",
"size": 10,
"color": "textSecondary",
"spacing": {
"before": 4,
"after": 4,
"line": 1.2
}
}
},
"page": {
"margins": {
"top": 72,
"bottom": 72,
"left": 72,
"right": 72
},
"columns": 1,
"header": true,
"footer": true
}
}

View File

@@ -0,0 +1,313 @@
{
"id": "aviation-classic",
"name": "Aviation Classic",
"category": "lifestyle",
"description": "Vintage aviation inspired design. Classic military typography with heritage color palette.",
"vibe": "Heritage, Classic, Aviation",
"googleFontsImport": "https://fonts.googleapis.com/css2?family=Stencil&family=Public+Sans:wght@400;500;600&family=Courier+Prime:wght@400;700&display=swap",
"typography": {
"fonts": {
"heading": "Stencil",
"body": "Public Sans",
"code": "Courier Prime"
},
"colors": {
"text": "363636",
"textSecondary": "1B4D3E",
"background": "F5F5DC",
"accent": "8B0000",
"border": "A9A9A9",
"codeBg": "E0E0D0",
"blockquoteBg": "EBEBD0",
"blockquoteBorder": "1B4D3E"
}
},
"elements": {
"h1": {
"font": "heading",
"size": 28,
"color": "textSecondary",
"bold": false,
"align": "left",
"uppercase": true,
"letterSpacing": 3,
"spacing": {
"before": 48,
"after": 32,
"line": 1.2
}
},
"h2": {
"font": "body",
"size": 16,
"color": "accent",
"bold": true,
"align": "left",
"uppercase": true,
"spacing": {
"before": 36,
"after": 18,
"line": 1.3
}
},
"h3": {
"font": "body",
"size": 14,
"color": "textSecondary",
"bold": true,
"align": "left",
"uppercase": true,
"spacing": {
"before": 24,
"after": 12,
"line": 1.4
}
},
"h4": {
"font": "body",
"size": 12,
"color": "textSecondary",
"bold": true,
"align": "left",
"uppercase": true,
"spacing": {
"before": 20,
"after": 10,
"line": 1.4
}
},
"h5": {
"font": "body",
"size": 11,
"color": "textSecondary",
"bold": true,
"align": "left",
"uppercase": true,
"spacing": {
"before": 16,
"after": 8,
"line": 1.4
}
},
"h6": {
"font": "body",
"size": 10,
"color": "textSecondary",
"bold": true,
"align": "left",
"uppercase": true,
"spacing": {
"before": 16,
"after": 8,
"line": 1.4
}
},
"p": {
"font": "body",
"size": 10,
"color": "text",
"align": "left",
"spacing": {
"before": 0,
"after": 16,
"line": 1.6
}
},
"blockquote": {
"font": "body",
"size": 11,
"color": "text",
"italic": true,
"align": "left",
"spacing": {
"before": 24,
"after": 24,
"line": 1.6
},
"padding": 20,
"border": {
"color": "blockquoteBorder",
"width": 4,
"style": "solid"
},
"background": "blockquoteBg"
},
"code": {
"font": "code",
"size": 10,
"color": "textSecondary",
"background": "codeBg",
"spacing": {
"before": 0,
"after": 0,
"line": 1.4
}
},
"pre": {
"font": "code",
"size": 10,
"color": "textSecondary",
"background": "codeBg",
"padding": 16,
"spacing": {
"before": 16,
"after": 16,
"line": 1.4
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"ul": {
"spacing": {
"before": 16,
"after": 16,
"line": 1.6
},
"indent": 24,
"bullet": "square"
},
"ol": {
"spacing": {
"before": 16,
"after": 16,
"line": 1.6
},
"indent": 24,
"numbering": "decimal"
},
"li": {
"font": "body",
"size": 10,
"color": "text",
"spacing": {
"before": 4,
"after": 4,
"line": 1.6
}
},
"strong": {
"font": "body",
"bold": true,
"color": "accent"
},
"em": {
"font": "body",
"italic": true
},
"a": {
"font": "body",
"color": "accent",
"underline": true,
"bold": true
},
"table": {
"spacing": {
"before": 24,
"after": 24,
"line": 1.4
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"th": {
"font": "body",
"size": 10,
"color": "textSecondary",
"bold": true,
"background": "codeBg",
"padding": 12,
"borderBottom": {
"color": "textSecondary",
"width": 1,
"style": "solid"
}
},
"td": {
"font": "body",
"size": 10,
"color": "text",
"padding": 12,
"borderBottom": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"hr": {
"spacing": {
"before": 32,
"after": 32
},
"border": {
"color": "accent",
"width": 2,
"style": "solid"
}
},
"img": {
"align": "center",
"spacing": {
"before": 24,
"after": 24
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"del": {
"font": "body",
"strikethrough": true,
"color": "border"
},
"sup": {
"font": "body",
"size": 9,
"superScript": true
},
"sub": {
"font": "body",
"size": 9,
"subScript": true
},
"mark": {
"font": "body",
"background": "accent",
"color": "background"
},
"footnote": {
"font": "body",
"size": 10,
"color": "textSecondary",
"superScript": true
},
"footnoteRef": {
"font": "body",
"size": 10,
"color": "textSecondary",
"spacing": {
"before": 4,
"after": 4,
"line": 1.2
}
}
},
"page": {
"margins": {
"top": 72,
"bottom": 72,
"left": 72,
"right": 72
},
"columns": 1,
"header": true,
"footer": true
}
}

View File

@@ -0,0 +1,311 @@
{
"id": "bistro-chalkboard",
"name": "Bistro Chalkboard",
"category": "lifestyle",
"description": "French cafe menu. White chalk text on slate black.",
"vibe": "French, Food, Chalk",
"googleFontsImport": "https://fonts.googleapis.com/css2?family=Homemade+Apple&family=Caveat:wght@400;700&family=Patrick+Hand&display=swap",
"typography": {
"fonts": {
"heading": "Homemade Apple",
"body": "Caveat",
"code": "Patrick Hand"
},
"colors": {
"text": "BDBDBD",
"textSecondary": "E0E0E0",
"background": "212121",
"accent": "FFFFFF",
"border": "757575",
"codeBg": "263238",
"blockquoteBg": "212121",
"blockquoteBorder": "FFFFFF"
}
},
"elements": {
"h1": {
"font": "heading",
"size": 32,
"color": "accent",
"bold": false,
"align": "center",
"borderBottom": {
"color": "border",
"width": 1,
"style": "solid"
},
"spacing": {
"before": 48,
"after": 32,
"line": 1.2
}
},
"h2": {
"font": "body",
"size": 24,
"color": "textSecondary",
"bold": true,
"align": "center",
"spacing": {
"before": 36,
"after": 18,
"line": 1.3
}
},
"h3": {
"font": "body",
"size": 20,
"color": "textSecondary",
"bold": true,
"align": "center",
"spacing": {
"before": 24,
"after": 12,
"line": 1.4
}
},
"h4": {
"font": "body",
"size": 18,
"color": "textSecondary",
"bold": true,
"align": "center",
"spacing": {
"before": 20,
"after": 10,
"line": 1.4
}
},
"h5": {
"font": "body",
"size": 16,
"color": "textSecondary",
"bold": true,
"align": "center",
"spacing": {
"before": 16,
"after": 8,
"line": 1.4
}
},
"h6": {
"font": "body",
"size": 14,
"color": "text",
"bold": true,
"align": "center",
"spacing": {
"before": 16,
"after": 8,
"line": 1.4
}
},
"p": {
"font": "body",
"size": 14,
"color": "text",
"align": "center",
"spacing": {
"before": 0,
"after": 16,
"line": 1.5
}
},
"blockquote": {
"font": "body",
"size": 16,
"color": "textSecondary",
"italic": true,
"align": "center",
"spacing": {
"before": 24,
"after": 24,
"line": 1.6
},
"padding": 16,
"border": {
"color": "blockquoteBorder",
"width": 1,
"style": "dashed"
},
"background": "blockquoteBg"
},
"code": {
"font": "code",
"size": 12,
"color": "textSecondary",
"background": "codeBg",
"spacing": {
"before": 0,
"after": 0,
"line": 1.4
}
},
"pre": {
"font": "code",
"size": 12,
"color": "textSecondary",
"background": "codeBg",
"padding": 16,
"spacing": {
"before": 16,
"after": 16,
"line": 1.4
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"ul": {
"spacing": {
"before": 16,
"after": 16,
"line": 1.6
},
"indent": 24,
"bullet": "circle"
},
"ol": {
"spacing": {
"before": 16,
"after": 16,
"line": 1.6
},
"indent": 24,
"numbering": "decimal"
},
"li": {
"font": "body",
"size": 14,
"color": "text",
"spacing": {
"before": 4,
"after": 4,
"line": 1.6
}
},
"strong": {
"font": "body",
"bold": true,
"color": "accent"
},
"em": {
"font": "body",
"italic": true
},
"a": {
"font": "body",
"color": "accent",
"underline": true,
"bold": true
},
"table": {
"spacing": {
"before": 24,
"after": 24,
"line": 1.4
},
"border": {
"color": "border",
"width": 1,
"style": "dashed"
}
},
"th": {
"font": "body",
"size": 14,
"color": "textSecondary",
"bold": true,
"background": "codeBg",
"padding": 12,
"borderBottom": {
"color": "accent",
"width": 1,
"style": "dashed"
}
},
"td": {
"font": "body",
"size": 14,
"color": "text",
"padding": 12,
"borderBottom": {
"color": "border",
"width": 1,
"style": "dotted"
}
},
"hr": {
"spacing": {
"before": 32,
"after": 32
},
"border": {
"color": "border",
"width": 1,
"style": "dashed"
}
},
"img": {
"align": "center",
"spacing": {
"before": 24,
"after": 24
},
"border": {
"color": "border",
"width": 2,
"style": "dashed"
}
},
"del": {
"font": "body",
"strikethrough": true,
"color": "border"
},
"sup": {
"font": "body",
"size": 10,
"superScript": true
},
"sub": {
"font": "body",
"size": 10,
"subScript": true
},
"mark": {
"font": "body",
"background": "textSecondary",
"color": "background"
},
"footnote": {
"font": "body",
"size": 12,
"color": "text",
"superScript": true
},
"footnoteRef": {
"font": "body",
"size": 12,
"color": "text",
"spacing": {
"before": 4,
"after": 4,
"line": 1.2
}
}
},
"page": {
"margins": {
"top": 72,
"bottom": 72,
"left": 72,
"right": 72
},
"columns": 1,
"header": true,
"footer": true
}
}

View File

@@ -0,0 +1,318 @@
{
"id": "elegant-magazine",
"name": "Elegant Magazine",
"category": "Lifestyle",
"description": "High-fashion editorial style. Luxurious typography, centered layouts, and gold accents.",
"vibe": "Luxury, Fashion, Ethereal",
"googleFontsImport": "https://fonts.googleapis.com/css2?family=Cinzel:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Lato:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap",
"typography": {
"fonts": {
"heading": "Cinzel",
"body": "Lato",
"code": "Cormorant Garamond"
},
"colors": {
"text": "1F1F1F",
"textSecondary": "666666",
"background": "FFFFFF",
"accent": "C0A062",
"border": "E5E5E5",
"codeBg": "FAFAFA",
"blockquoteBorder": "C0A062"
}
},
"elements": {
"h1": {
"font": "heading",
"size": 42,
"color": "1F1F1F",
"bold": true,
"align": "center",
"spacing": {
"before": 40,
"after": 20,
"line": 1.2
},
"letterSpacing": 2.0,
"allCaps": true
},
"h2": {
"font": "heading",
"size": 24,
"color": "C0A062",
"bold": true,
"align": "center",
"spacing": {
"before": 32,
"after": 16,
"line": 1.3
},
"letterSpacing": 1.5,
"allCaps": true
},
"h3": {
"font": "heading",
"size": 18,
"color": "1F1F1F",
"bold": true,
"align": "center",
"spacing": {
"before": 24,
"after": 12,
"line": 1.4
},
"letterSpacing": 1.0
},
"h4": {
"font": "body",
"size": 16,
"color": "1F1F1F",
"bold": true,
"align": "center",
"spacing": {
"before": 20,
"after": 10,
"line": 1.5
},
"allCaps": true
},
"h5": {
"font": "body",
"size": 14,
"color": "666666",
"bold": true,
"align": "center",
"spacing": {
"before": 16,
"after": 8,
"line": 1.5
},
"allCaps": true
},
"h6": {
"font": "body",
"size": 12,
"color": "C0A062",
"bold": true,
"align": "center",
"spacing": {
"before": 16,
"after": 8,
"line": 1.5
},
"allCaps": true
},
"p": {
"font": "body",
"size": 14,
"color": "333333",
"align": "center",
"spacing": {
"before": 0,
"after": 20,
"line": 1.8
},
"weight": 300
},
"blockquote": {
"font": "heading",
"size": 24,
"color": "1F1F1F",
"bold": false,
"align": "center",
"spacing": {
"before": 32,
"after": 32,
"line": 1.4
},
"padding": 0,
"borderTop": {
"color": "C0A062",
"width": 1,
"style": "solid"
},
"borderBottom": {
"color": "C0A062",
"width": 1,
"style": "solid"
},
"italic": false
},
"code": {
"font": "body",
"size": 12,
"color": "C0A062",
"background": "codeBg",
"spacing": {
"before": 0,
"after": 0,
"line": 1.4
},
"italic": true
},
"pre": {
"font": "body",
"size": 12,
"color": "666666",
"background": "FAFAFA",
"padding": 24,
"spacing": {
"before": 24,
"after": 24,
"line": 1.6
},
"border": {
"color": "E5E5E5",
"width": 1,
"style": "solid"
},
"italic": true
},
"ul": {
"spacing": {
"before": 20,
"after": 20,
"line": 1.8
},
"indent": 0,
"bullet": "disc"
},
"ol": {
"spacing": {
"before": 20,
"after": 20,
"line": 1.8
},
"indent": 20,
"numbering": "decimal"
},
"li": {
"font": "body",
"size": 14,
"color": "333333",
"spacing": {
"before": 4,
"after": 4,
"line": 1.8
}
},
"strong": {
"font": "heading",
"bold": true,
"color": "1F1F1F"
},
"em": {
"font": "body",
"italic": true,
"color": "C0A062"
},
"a": {
"font": "body",
"color": "C0A062",
"underline": true,
"bold": false
},
"table": {
"spacing": {
"before": 32,
"after": 32,
"line": 1.4
},
"border": {
"color": "E5E5E5",
"width": 1,
"style": "solid"
}
},
"th": {
"font": "heading",
"size": 12,
"color": "1F1F1F",
"bold": true,
"background": "FFFFFF",
"padding": 12,
"borderBottom": {
"color": "C0A062",
"width": 1,
"style": "solid"
}
},
"td": {
"font": "body",
"size": 13,
"color": "333333",
"padding": 12,
"borderBottom": {
"color": "E5E5E5",
"width": 1,
"style": "solid"
}
},
"hr": {
"spacing": {
"before": 48,
"after": 48
},
"border": {
"color": "E5E5E5",
"width": 1,
"style": "solid"
},
"width": "50%"
},
"img": {
"align": "center",
"spacing": {
"before": 32,
"after": 32
}
},
"del": {
"font": "body",
"strikethrough": true,
"color": "999999"
},
"sup": {
"font": "body",
"size": 10,
"superScript": true
},
"sub": {
"font": "body",
"size": 10,
"subScript": true
},
"mark": {
"font": "body",
"background": "F5F5F5",
"color": "1F1F1F"
},
"footnote": {
"font": "body",
"size": 11,
"color": "textSecondary",
"superScript": true
},
"footnoteRef": {
"font": "body",
"size": 11,
"color": "textSecondary",
"spacing": {
"before": 6,
"after": 6,
"line": 1.4
}
}
},
"page": {
"margins": {
"top": 90,
"bottom": 90,
"left": 90,
"right": 90
},
"columns": 1,
"header": true,
"footer": true
}
}

View File

@@ -0,0 +1,325 @@
{
"id": "fine-dining-menu",
"name": "Fine Dining Menu",
"category": "lifestyle",
"description": "High-end restaurant aesthetic. Elegant scripts, centered layouts, and luxurious gold tones.",
"vibe": "Elegant, Expensive, Centered",
"googleFontsImport": "https://fonts.googleapis.com/css2?family=Great+Vibes&family=Cormorant+Garamond:wght@400;500;600;700&display=swap",
"typography": {
"fonts": {
"heading": "Great Vibes",
"body": "Cormorant Garamond",
"code": "Cormorant Garamond"
},
"colors": {
"text": "424242",
"textSecondary": "212121",
"background": "FFFAF0",
"accent": "C5A059",
"border": "E0E0E0",
"codeBg": "F5F5F0",
"blockquoteBg": "FFFAF0",
"blockquoteBorder": "C5A059"
}
},
"elements": {
"h1": {
"font": "heading",
"size": 42,
"color": "accent",
"bold": false,
"align": "center",
"spacing": {
"before": 48,
"after": 32,
"line": 1.2
}
},
"h2": {
"font": "body",
"size": 14,
"color": "textSecondary",
"bold": true,
"align": "center",
"uppercase": true,
"letterSpacing": 3,
"borderBottom": {
"color": "accent",
"width": 1,
"style": "solid"
},
"padding": 5,
"spacing": {
"before": 36,
"after": 18,
"line": 1.3
}
},
"h3": {
"font": "body",
"size": 13,
"color": "textSecondary",
"bold": true,
"align": "center",
"uppercase": true,
"letterSpacing": 2,
"spacing": {
"before": 24,
"after": 12,
"line": 1.4
}
},
"h4": {
"font": "body",
"size": 12,
"color": "textSecondary",
"bold": true,
"align": "center",
"uppercase": true,
"letterSpacing": 1.5,
"spacing": {
"before": 20,
"after": 10,
"line": 1.4
}
},
"h5": {
"font": "body",
"size": 11,
"color": "textSecondary",
"bold": true,
"align": "center",
"uppercase": true,
"letterSpacing": 1,
"spacing": {
"before": 16,
"after": 8,
"line": 1.4
}
},
"h6": {
"font": "body",
"size": 10,
"color": "textSecondary",
"bold": true,
"align": "center",
"uppercase": true,
"letterSpacing": 1,
"spacing": {
"before": 16,
"after": 8,
"line": 1.4
}
},
"p": {
"font": "body",
"size": 12,
"color": "text",
"align": "center",
"italic": true,
"spacing": {
"before": 0,
"after": 16,
"line": 1.8
}
},
"blockquote": {
"font": "body",
"size": 14,
"color": "text",
"italic": true,
"align": "center",
"spacing": {
"before": 30,
"after": 30,
"line": 1.6
},
"padding": 24,
"border": {
"color": "blockquoteBorder",
"width": 1,
"style": "solid"
},
"background": "blockquoteBg"
},
"code": {
"font": "code",
"size": 11,
"color": "textSecondary",
"background": "codeBg",
"spacing": {
"before": 0,
"after": 0,
"line": 1.4
}
},
"pre": {
"font": "code",
"size": 11,
"color": "textSecondary",
"background": "codeBg",
"padding": 16,
"spacing": {
"before": 16,
"after": 16,
"line": 1.4
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"ul": {
"spacing": {
"before": 16,
"after": 16,
"line": 1.8
},
"indent": 24,
"bullet": "circle"
},
"ol": {
"spacing": {
"before": 16,
"after": 16,
"line": 1.8
},
"indent": 24,
"numbering": "decimal"
},
"li": {
"font": "body",
"size": 12,
"color": "text",
"spacing": {
"before": 4,
"after": 4,
"line": 1.8
}
},
"strong": {
"font": "body",
"bold": true,
"color": "textSecondary"
},
"em": {
"font": "body",
"italic": true
},
"a": {
"font": "body",
"color": "accent",
"underline": true,
"bold": true
},
"table": {
"spacing": {
"before": 24,
"after": 24,
"line": 1.4
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"th": {
"font": "body",
"size": 12,
"color": "textSecondary",
"bold": true,
"background": "codeBg",
"padding": 12,
"uppercase": true,
"letterSpacing": 1,
"borderBottom": {
"color": "accent",
"width": 1,
"style": "solid"
}
},
"td": {
"font": "body",
"size": 12,
"color": "text",
"padding": 12,
"borderBottom": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"hr": {
"spacing": {
"before": 32,
"after": 32
},
"border": {
"color": "accent",
"width": 1,
"style": "solid"
}
},
"img": {
"align": "center",
"spacing": {
"before": 24,
"after": 24
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"del": {
"font": "body",
"strikethrough": true,
"color": "border"
},
"sup": {
"font": "body",
"size": 10,
"superScript": true
},
"sub": {
"font": "body",
"size": 10,
"subScript": true
},
"mark": {
"font": "body",
"background": "accent",
"color": "background"
},
"footnote": {
"font": "body",
"size": 10,
"color": "textSecondary",
"superScript": true
},
"footnoteRef": {
"font": "body",
"size": 10,
"color": "textSecondary",
"spacing": {
"before": 4,
"after": 4,
"line": 1.2
}
}
},
"page": {
"margins": {
"top": 72,
"bottom": 72,
"left": 72,
"right": 72
},
"columns": 1,
"header": true,
"footer": true
}
}

View File

@@ -0,0 +1,315 @@
{
"id": "fire-station",
"name": "Fire Station",
"category": "lifestyle",
"description": "Engine company aesthetic. Fire engine red, brass gold, and bold gothic numbers.",
"vibe": "Brave, Red, Gold",
"googleFontsImport": "https://fonts.googleapis.com/css2?family=Anton&family=Rokkitt:wght@400;500;600;700&family=Roboto+Mono:wght@400;700&display=swap",
"typography": {
"fonts": {
"heading": "Anton",
"body": "Rokkitt",
"code": "Roboto Mono"
},
"colors": {
"text": "212121",
"textSecondary": "000000",
"background": "FFFFFF",
"accent": "B71C1C",
"highlight": "FFD600",
"border": "B0BEC5",
"codeBg": "FFEBEE",
"blockquoteBg": "FFEBEE",
"blockquoteBorder": "B71C1C"
}
},
"elements": {
"h1": {
"font": "heading",
"size": 40,
"color": "accent",
"bold": false,
"align": "center",
"uppercase": true,
"padding": 16,
"border": {
"color": "highlight",
"width": 6,
"style": "solid"
},
"spacing": {
"before": 48,
"after": 32,
"line": 1.2
}
},
"h2": {
"font": "body",
"size": 18,
"color": "textSecondary",
"bold": true,
"align": "left",
"spacing": {
"before": 36,
"after": 18,
"line": 1.3
}
},
"h3": {
"font": "body",
"size": 16,
"color": "textSecondary",
"bold": true,
"align": "left",
"spacing": {
"before": 24,
"after": 12,
"line": 1.4
}
},
"h4": {
"font": "body",
"size": 14,
"color": "textSecondary",
"bold": true,
"align": "left",
"spacing": {
"before": 20,
"after": 10,
"line": 1.4
}
},
"h5": {
"font": "body",
"size": 13,
"color": "textSecondary",
"bold": true,
"align": "left",
"spacing": {
"before": 16,
"after": 8,
"line": 1.4
}
},
"h6": {
"font": "body",
"size": 12,
"color": "textSecondary",
"bold": true,
"align": "left",
"uppercase": true,
"spacing": {
"before": 16,
"after": 8,
"line": 1.4
}
},
"p": {
"font": "body",
"size": 12,
"color": "text",
"align": "left",
"spacing": {
"before": 0,
"after": 16,
"line": 1.5
}
},
"blockquote": {
"font": "body",
"size": 14,
"color": "text",
"italic": true,
"align": "left",
"spacing": {
"before": 24,
"after": 24,
"line": 1.6
},
"padding": 16,
"border": {
"color": "blockquoteBorder",
"width": 4,
"style": "solid"
},
"background": "blockquoteBg"
},
"code": {
"font": "code",
"size": 11,
"color": "textSecondary",
"background": "codeBg",
"spacing": {
"before": 0,
"after": 0,
"line": 1.4
}
},
"pre": {
"font": "code",
"size": 11,
"color": "textSecondary",
"background": "codeBg",
"padding": 16,
"spacing": {
"before": 16,
"after": 16,
"line": 1.4
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"ul": {
"spacing": {
"before": 16,
"after": 16,
"line": 1.6
},
"indent": 24,
"bullet": "square"
},
"ol": {
"spacing": {
"before": 16,
"after": 16,
"line": 1.6
},
"indent": 24,
"numbering": "decimal"
},
"li": {
"font": "body",
"size": 12,
"color": "text",
"spacing": {
"before": 4,
"after": 4,
"line": 1.6
}
},
"strong": {
"font": "body",
"bold": true,
"color": "textSecondary"
},
"em": {
"font": "body",
"italic": true
},
"a": {
"font": "body",
"color": "accent",
"underline": true,
"bold": true
},
"table": {
"spacing": {
"before": 24,
"after": 24,
"line": 1.4
},
"border": {
"color": "border",
"width": 2,
"style": "solid"
}
},
"th": {
"font": "body",
"size": 12,
"color": "textSecondary",
"bold": true,
"background": "highlight",
"padding": 12,
"borderBottom": {
"color": "accent",
"width": 2,
"style": "solid"
}
},
"td": {
"font": "body",
"size": 12,
"color": "text",
"padding": 12,
"borderBottom": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"hr": {
"spacing": {
"before": 32,
"after": 32
},
"border": {
"color": "accent",
"width": 4,
"style": "solid"
}
},
"img": {
"align": "center",
"spacing": {
"before": 24,
"after": 24
},
"border": {
"color": "border",
"width": 2,
"style": "solid"
}
},
"del": {
"font": "body",
"strikethrough": true,
"color": "border"
},
"sup": {
"font": "body",
"size": 10,
"superScript": true
},
"sub": {
"font": "body",
"size": 10,
"subScript": true
},
"mark": {
"font": "body",
"background": "highlight",
"color": "textSecondary"
},
"footnote": {
"font": "body",
"size": 10,
"color": "textSecondary",
"superScript": true
},
"footnoteRef": {
"font": "body",
"size": 10,
"color": "textSecondary",
"spacing": {
"before": 4,
"after": 4,
"line": 1.2
}
}
},
"page": {
"margins": {
"top": 72,
"bottom": 72,
"left": 72,
"right": 72
},
"columns": 1,
"header": true,
"footer": true
}
}

View File

@@ -0,0 +1,309 @@
{
"id": "food-recipe",
"name": "Food & Recipe",
"category": "lifestyle",
"description": "Warm and appetizing design for cookbooks and food content. Inviting typography with rustic charm.",
"vibe": "Warm, Appetizing, Homestyle",
"googleFontsImport": "https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&family=Lato:wght@400;700&display=swap",
"typography": {
"fonts": {
"heading": "Playfair Display",
"body": "Lato",
"code": "Lato"
},
"colors": {
"text": "4E342E",
"textSecondary": "6D4C41",
"background": "FFFFFF",
"accent": "D84315",
"border": "BCAAA4",
"codeBg": "FFF3E0",
"blockquoteBg": "FFF3E0",
"blockquoteBorder": "D84315"
}
},
"elements": {
"h1": {
"font": "heading",
"size": 32,
"color": "textSecondary",
"bold": true,
"align": "center",
"spacing": {
"before": 48,
"after": 32,
"line": 1.2
}
},
"h2": {
"font": "heading",
"size": 20,
"color": "textSecondary",
"bold": false,
"italic": true,
"align": "left",
"spacing": {
"before": 36,
"after": 18,
"line": 1.3
}
},
"h3": {
"font": "heading",
"size": 18,
"color": "textSecondary",
"bold": false,
"align": "left",
"spacing": {
"before": 24,
"after": 12,
"line": 1.4
}
},
"h4": {
"font": "heading",
"size": 16,
"color": "textSecondary",
"bold": false,
"align": "left",
"spacing": {
"before": 20,
"after": 10,
"line": 1.4
}
},
"h5": {
"font": "body",
"size": 14,
"color": "text",
"bold": true,
"align": "left",
"uppercase": true,
"spacing": {
"before": 16,
"after": 8,
"line": 1.4
}
},
"h6": {
"font": "body",
"size": 12,
"color": "text",
"bold": true,
"align": "left",
"uppercase": true,
"spacing": {
"before": 16,
"after": 8,
"line": 1.4
}
},
"p": {
"font": "body",
"size": 10,
"color": "text",
"align": "left",
"spacing": {
"before": 0,
"after": 16,
"line": 1.6
}
},
"blockquote": {
"font": "body",
"size": 12,
"color": "text",
"italic": true,
"align": "left",
"spacing": {
"before": 24,
"after": 24,
"line": 1.6
},
"padding": 16,
"border": {
"color": "blockquoteBorder",
"width": 4,
"style": "solid"
},
"background": "blockquoteBg"
},
"code": {
"font": "code",
"size": 10,
"color": "textSecondary",
"background": "codeBg",
"spacing": {
"before": 0,
"after": 0,
"line": 1.4
}
},
"pre": {
"font": "code",
"size": 10,
"color": "textSecondary",
"background": "codeBg",
"padding": 16,
"spacing": {
"before": 16,
"after": 16,
"line": 1.4
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"ul": {
"spacing": {
"before": 16,
"after": 16,
"line": 1.6
},
"indent": 24,
"bullet": "circle"
},
"ol": {
"spacing": {
"before": 16,
"after": 16,
"line": 1.6
},
"indent": 24,
"numbering": "decimal"
},
"li": {
"font": "body",
"size": 10,
"color": "text",
"spacing": {
"before": 4,
"after": 4,
"line": 1.6
}
},
"strong": {
"font": "body",
"bold": true,
"color": "textSecondary"
},
"em": {
"font": "body",
"italic": true
},
"a": {
"font": "body",
"color": "accent",
"underline": true,
"bold": true
},
"table": {
"spacing": {
"before": 24,
"after": 24,
"line": 1.4
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"th": {
"font": "body",
"size": 11,
"color": "textSecondary",
"bold": true,
"background": "codeBg",
"padding": 12,
"borderBottom": {
"color": "accent",
"width": 2,
"style": "solid"
}
},
"td": {
"font": "body",
"size": 10,
"color": "text",
"padding": 12,
"borderBottom": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"hr": {
"spacing": {
"before": 32,
"after": 32
},
"border": {
"color": "accent",
"width": 1,
"style": "solid"
}
},
"img": {
"align": "center",
"spacing": {
"before": 24,
"after": 24
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"del": {
"font": "body",
"strikethrough": true,
"color": "border"
},
"sup": {
"font": "body",
"size": 9,
"superScript": true
},
"sub": {
"font": "body",
"size": 9,
"subScript": true
},
"mark": {
"font": "body",
"background": "codeBg",
"color": "accent"
},
"footnote": {
"font": "body",
"size": 10,
"color": "textSecondary",
"superScript": true
},
"footnoteRef": {
"font": "body",
"size": 10,
"color": "textSecondary",
"spacing": {
"before": 4,
"after": 4,
"line": 1.2
}
}
},
"page": {
"margins": {
"top": 72,
"bottom": 72,
"left": 72,
"right": 72
},
"columns": 1,
"header": true,
"footer": true
}
}

View File

@@ -0,0 +1,315 @@
{
"id": "german-autobahn",
"name": "German Autobahn",
"category": "lifestyle",
"description": "Precision engineering aesthetic. DIN-style fonts and strict blue/white signage.",
"vibe": "German, Precision, Transport",
"googleFontsImport": "https://fonts.googleapis.com/css2?family=Barlow:wght@400;500;600;700&family=Roboto+Condensed:wght@400;700&family=Roboto+Mono:wght@400;700&display=swap",
"typography": {
"fonts": {
"heading": "Barlow",
"body": "Roboto Condensed",
"code": "Roboto Mono"
},
"colors": {
"text": "212121",
"textSecondary": "0D47A1",
"background": "FFFFFF",
"accent": "1565C0",
"border": "B0BEC5",
"codeBg": "E3F2FD",
"blockquoteBg": "E3F2FD",
"blockquoteBorder": "1565C0"
}
},
"elements": {
"h1": {
"font": "heading",
"size": 36,
"color": "background",
"bold": true,
"align": "left",
"background": "accent",
"padding": 12,
"borderRadius": 4,
"spacing": {
"before": 48,
"after": 32,
"line": 1.2
}
},
"h2": {
"font": "body",
"size": 18,
"color": "textSecondary",
"bold": true,
"align": "left",
"uppercase": true,
"spacing": {
"before": 36,
"after": 18,
"line": 1.3
}
},
"h3": {
"font": "body",
"size": 16,
"color": "textSecondary",
"bold": true,
"align": "left",
"uppercase": true,
"spacing": {
"before": 24,
"after": 12,
"line": 1.4
}
},
"h4": {
"font": "body",
"size": 14,
"color": "textSecondary",
"bold": true,
"align": "left",
"uppercase": true,
"spacing": {
"before": 20,
"after": 10,
"line": 1.4
}
},
"h5": {
"font": "body",
"size": 12,
"color": "textSecondary",
"bold": true,
"align": "left",
"uppercase": true,
"spacing": {
"before": 16,
"after": 8,
"line": 1.4
}
},
"h6": {
"font": "body",
"size": 11,
"color": "textSecondary",
"bold": true,
"align": "left",
"uppercase": true,
"spacing": {
"before": 16,
"after": 8,
"line": 1.4
}
},
"p": {
"font": "body",
"size": 11,
"color": "text",
"align": "left",
"spacing": {
"before": 0,
"after": 16,
"line": 1.5
}
},
"blockquote": {
"font": "body",
"size": 12,
"color": "text",
"italic": true,
"align": "left",
"spacing": {
"before": 24,
"after": 24,
"line": 1.6
},
"padding": 16,
"border": {
"color": "blockquoteBorder",
"width": 6,
"style": "solid"
},
"background": "blockquoteBg"
},
"code": {
"font": "code",
"size": 10,
"color": "textSecondary",
"background": "codeBg",
"spacing": {
"before": 0,
"after": 0,
"line": 1.4
}
},
"pre": {
"font": "code",
"size": 10,
"color": "textSecondary",
"background": "codeBg",
"padding": 16,
"spacing": {
"before": 16,
"after": 16,
"line": 1.4
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"ul": {
"spacing": {
"before": 16,
"after": 16,
"line": 1.6
},
"indent": 24,
"bullet": "square"
},
"ol": {
"spacing": {
"before": 16,
"after": 16,
"line": 1.6
},
"indent": 24,
"numbering": "decimal"
},
"li": {
"font": "body",
"size": 11,
"color": "text",
"spacing": {
"before": 4,
"after": 4,
"line": 1.6
}
},
"strong": {
"font": "body",
"bold": true,
"color": "textSecondary"
},
"em": {
"font": "body",
"italic": true
},
"a": {
"font": "body",
"color": "accent",
"underline": true,
"bold": true
},
"table": {
"spacing": {
"before": 24,
"after": 24,
"line": 1.4
},
"border": {
"color": "border",
"width": 2,
"style": "solid"
}
},
"th": {
"font": "body",
"size": 11,
"color": "textSecondary",
"bold": true,
"background": "codeBg",
"padding": 12,
"uppercase": true,
"borderBottom": {
"color": "accent",
"width": 2,
"style": "solid"
}
},
"td": {
"font": "body",
"size": 11,
"color": "text",
"padding": 12,
"borderBottom": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"hr": {
"spacing": {
"before": 32,
"after": 32
},
"border": {
"color": "accent",
"width": 4,
"style": "solid"
}
},
"img": {
"align": "center",
"spacing": {
"before": 24,
"after": 24
},
"border": {
"color": "border",
"width": 2,
"style": "solid"
}
},
"del": {
"font": "body",
"strikethrough": true,
"color": "border"
},
"sup": {
"font": "body",
"size": 9,
"superScript": true
},
"sub": {
"font": "body",
"size": 9,
"subScript": true
},
"mark": {
"font": "body",
"background": "accent",
"color": "background"
},
"footnote": {
"font": "body",
"size": 10,
"color": "textSecondary",
"superScript": true
},
"footnoteRef": {
"font": "body",
"size": 10,
"color": "textSecondary",
"spacing": {
"before": 4,
"after": 4,
"line": 1.2
}
}
},
"page": {
"margins": {
"top": 72,
"bottom": 72,
"left": 72,
"right": 72
},
"columns": 1,
"header": true,
"footer": true
}
}

View File

@@ -0,0 +1,314 @@
{
"id": "hotel-hospitality",
"name": "Hotel Hospitality",
"category": "lifestyle",
"description": "Welcoming design for hotels and hospitality industry. Elegant yet approachable with warm sophistication.",
"vibe": "Welcoming, Elegant, Warm",
"googleFontsImport": "https://fonts.googleapis.com/css2?family=Tenor+Sans&family=Nunito+Sans:ital,wght@0,300;0,400;0,600;0,700;1,400&family=Cormorant+Garamond:ital,wght@0,400;1,400&display=swap",
"typography": {
"fonts": {
"heading": "Tenor Sans",
"body": "Nunito Sans",
"code": "Cormorant Garamond"
},
"colors": {
"text": "4A4A4A",
"textSecondary": "2C3E50",
"background": "FFFFFF",
"accent": "8B7355",
"border": "E0E0E0",
"codeBg": "F9F6F1",
"blockquoteBg": "F9F6F1",
"blockquoteBorder": "8B7355"
}
},
"elements": {
"h1": {
"font": "heading",
"size": 28,
"color": "textSecondary",
"bold": false,
"align": "center",
"letterSpacing": 2,
"spacing": {
"before": 48,
"after": 32,
"line": 1.2
}
},
"h2": {
"font": "heading",
"size": 14,
"color": "accent",
"bold": false,
"align": "left",
"uppercase": true,
"spacing": {
"before": 36,
"after": 18,
"line": 1.3
}
},
"h3": {
"font": "heading",
"size": 12,
"color": "textSecondary",
"bold": false,
"align": "left",
"uppercase": true,
"letterSpacing": 1,
"spacing": {
"before": 24,
"after": 12,
"line": 1.4
}
},
"h4": {
"font": "heading",
"size": 11,
"color": "textSecondary",
"bold": false,
"align": "left",
"uppercase": true,
"letterSpacing": 1,
"spacing": {
"before": 20,
"after": 10,
"line": 1.4
}
},
"h5": {
"font": "body",
"size": 11,
"color": "text",
"bold": true,
"align": "left",
"uppercase": true,
"spacing": {
"before": 16,
"after": 8,
"line": 1.4
}
},
"h6": {
"font": "body",
"size": 10,
"color": "text",
"bold": true,
"align": "left",
"uppercase": true,
"spacing": {
"before": 16,
"after": 8,
"line": 1.4
}
},
"p": {
"font": "body",
"size": 10,
"color": "text",
"align": "left",
"spacing": {
"before": 0,
"after": 16,
"line": 1.6
}
},
"blockquote": {
"font": "body",
"size": 11,
"color": "text",
"italic": true,
"align": "left",
"spacing": {
"before": 24,
"after": 24,
"line": 1.6
},
"padding": 20,
"border": {
"color": "blockquoteBorder",
"width": 4,
"style": "solid"
},
"background": "blockquoteBg"
},
"code": {
"font": "code",
"size": 11,
"color": "textSecondary",
"background": "codeBg",
"spacing": {
"before": 0,
"after": 0,
"line": 1.4
}
},
"pre": {
"font": "code",
"size": 11,
"color": "textSecondary",
"background": "codeBg",
"padding": 16,
"spacing": {
"before": 16,
"after": 16,
"line": 1.4
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"ul": {
"spacing": {
"before": 16,
"after": 16,
"line": 1.6
},
"indent": 24,
"bullet": "circle"
},
"ol": {
"spacing": {
"before": 16,
"after": 16,
"line": 1.6
},
"indent": 24,
"numbering": "decimal"
},
"li": {
"font": "body",
"size": 10,
"color": "text",
"spacing": {
"before": 4,
"after": 4,
"line": 1.6
}
},
"strong": {
"font": "body",
"bold": true,
"color": "textSecondary"
},
"em": {
"font": "body",
"italic": true
},
"a": {
"font": "body",
"color": "accent",
"underline": true,
"bold": true
},
"table": {
"spacing": {
"before": 24,
"after": 24,
"line": 1.4
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"th": {
"font": "body",
"size": 10,
"color": "textSecondary",
"bold": true,
"background": "codeBg",
"padding": 12,
"borderBottom": {
"color": "accent",
"width": 1,
"style": "solid"
}
},
"td": {
"font": "body",
"size": 10,
"color": "text",
"padding": 12,
"borderBottom": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"hr": {
"spacing": {
"before": 32,
"after": 32
},
"border": {
"color": "accent",
"width": 1,
"style": "solid"
}
},
"img": {
"align": "center",
"spacing": {
"before": 24,
"after": 24
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"del": {
"font": "body",
"strikethrough": true,
"color": "border"
},
"sup": {
"font": "body",
"size": 9,
"superScript": true
},
"sub": {
"font": "body",
"size": 9,
"subScript": true
},
"mark": {
"font": "body",
"background": "codeBg",
"color": "accent"
},
"footnote": {
"font": "body",
"size": 10,
"color": "textSecondary",
"superScript": true
},
"footnoteRef": {
"font": "body",
"size": 10,
"color": "textSecondary",
"spacing": {
"before": 4,
"after": 4,
"line": 1.2
}
}
},
"page": {
"margins": {
"top": 72,
"bottom": 72,
"left": 72,
"right": 72
},
"columns": 1,
"header": true,
"footer": true
}
}

View File

@@ -0,0 +1,324 @@
{
"id": "parisian-chic",
"name": "Parisian Chic",
"category": "lifestyle",
"description": "Sophisticated French aesthetics. Elegant high-contrast serifs with plenty of white space.",
"vibe": "Sophisticated, Chic, Minimal",
"googleFontsImport": "https://fonts.googleapis.com/css2?family=Bodoni+Moda:ital,opsz,wght@0,6..96,400;0,6..96,600;0,6..96,700;1,6..96,400&family=Jost:wght@300;400;500;600&display=swap",
"typography": {
"fonts": {
"heading": "Bodoni Moda",
"body": "Jost",
"code": "Jost"
},
"colors": {
"text": "1A1A1A",
"textSecondary": "333333",
"background": "FFFFFF",
"accent": "000000",
"border": "E0E0E0",
"codeBg": "F5F5F5",
"blockquoteBg": "FFFFFF",
"blockquoteBorder": "000000"
}
},
"elements": {
"h1": {
"font": "heading",
"size": 36,
"color": "accent",
"bold": true,
"align": "center",
"spacing": {
"before": 48,
"after": 32,
"line": 1.2
}
},
"h2": {
"font": "heading",
"size": 16,
"color": "textSecondary",
"bold": true,
"italic": true,
"align": "center",
"spacing": {
"before": 36,
"after": 18,
"line": 1.3
}
},
"h3": {
"font": "heading",
"size": 14,
"color": "textSecondary",
"bold": true,
"align": "center",
"uppercase": true,
"letterSpacing": 1,
"spacing": {
"before": 24,
"after": 12,
"line": 1.4
}
},
"h4": {
"font": "heading",
"size": 12,
"color": "textSecondary",
"bold": true,
"align": "center",
"uppercase": true,
"letterSpacing": 1,
"spacing": {
"before": 20,
"after": 10,
"line": 1.4
}
},
"h5": {
"font": "body",
"size": 11,
"color": "textSecondary",
"bold": true,
"align": "center",
"uppercase": true,
"letterSpacing": 1,
"spacing": {
"before": 16,
"after": 8,
"line": 1.4
}
},
"h6": {
"font": "body",
"size": 10,
"color": "textSecondary",
"bold": true,
"align": "center",
"uppercase": true,
"letterSpacing": 1,
"spacing": {
"before": 16,
"after": 8,
"line": 1.4
}
},
"p": {
"font": "body",
"size": 10,
"color": "text",
"align": "center",
"spacing": {
"before": 0,
"after": 16,
"line": 1.8
}
},
"blockquote": {
"font": "heading",
"size": 12,
"color": "textSecondary",
"italic": true,
"align": "center",
"spacing": {
"before": 32,
"after": 32,
"line": 1.6
},
"padding": 24,
"border": {
"top": {
"color": "accent",
"width": 1,
"style": "solid"
},
"bottom": {
"color": "accent",
"width": 1,
"style": "solid"
}
},
"background": "blockquoteBg"
},
"code": {
"font": "code",
"size": 10,
"color": "textSecondary",
"background": "codeBg",
"spacing": {
"before": 0,
"after": 0,
"line": 1.4
}
},
"pre": {
"font": "code",
"size": 10,
"color": "textSecondary",
"background": "codeBg",
"padding": 16,
"spacing": {
"before": 16,
"after": 16,
"line": 1.4
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"ul": {
"spacing": {
"before": 16,
"after": 16,
"line": 1.8
},
"indent": 24,
"bullet": "circle"
},
"ol": {
"spacing": {
"before": 16,
"after": 16,
"line": 1.8
},
"indent": 24,
"numbering": "decimal"
},
"li": {
"font": "body",
"size": 10,
"color": "text",
"spacing": {
"before": 4,
"after": 4,
"line": 1.8
}
},
"strong": {
"font": "body",
"bold": true,
"color": "accent"
},
"em": {
"font": "body",
"italic": true
},
"a": {
"font": "body",
"color": "accent",
"underline": true,
"bold": true
},
"table": {
"spacing": {
"before": 24,
"after": 24,
"line": 1.4
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"th": {
"font": "body",
"size": 10,
"color": "accent",
"bold": true,
"background": "codeBg",
"padding": 12,
"uppercase": true,
"letterSpacing": 1,
"borderBottom": {
"color": "accent",
"width": 1,
"style": "solid"
}
},
"td": {
"font": "body",
"size": 10,
"color": "text",
"padding": 12,
"borderBottom": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"hr": {
"spacing": {
"before": 32,
"after": 32
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"img": {
"align": "center",
"spacing": {
"before": 24,
"after": 24
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"del": {
"font": "body",
"strikethrough": true,
"color": "border"
},
"sup": {
"font": "body",
"size": 9,
"superScript": true
},
"sub": {
"font": "body",
"size": 9,
"subScript": true
},
"mark": {
"font": "body",
"background": "codeBg",
"color": "accent"
},
"footnote": {
"font": "body",
"size": 10,
"color": "textSecondary",
"superScript": true
},
"footnoteRef": {
"font": "body",
"size": 10,
"color": "textSecondary",
"spacing": {
"before": 4,
"after": 4,
"line": 1.2
}
}
},
"page": {
"margins": {
"top": 72,
"bottom": 72,
"left": 72,
"right": 72
},
"columns": 1,
"header": true,
"footer": true
}
}

View File

@@ -0,0 +1,325 @@
{
"id": "real-estate-premium",
"name": "Real Estate Premium",
"category": "lifestyle",
"description": "Sophisticated design for luxury real estate and property marketing. Elegant typography with premium golden accents.",
"vibe": "Luxury, Premium, Sophisticated",
"googleFontsImport": "https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700&family=Lato:wght@300;400;700&display=swap",
"typography": {
"fonts": {
"heading": "Cinzel",
"body": "Lato",
"code": "Lato"
},
"colors": {
"text": "4A4A4A",
"textSecondary": "1A1A1A",
"background": "FFFFFF",
"accent": "B8860B",
"border": "E5E5E5",
"codeBg": "FAFAFA",
"blockquoteBg": "FFFFFF",
"blockquoteBorder": "B8860B"
}
},
"elements": {
"h1": {
"font": "heading",
"size": 28,
"color": "textSecondary",
"bold": false,
"align": "center",
"uppercase": true,
"letterSpacing": 4,
"spacing": {
"before": 48,
"after": 32,
"line": 1.2
}
},
"h2": {
"font": "heading",
"size": 14,
"color": "accent",
"bold": false,
"align": "left",
"uppercase": true,
"letterSpacing": 2,
"spacing": {
"before": 36,
"after": 18,
"line": 1.3
}
},
"h3": {
"font": "heading",
"size": 12,
"color": "textSecondary",
"bold": false,
"align": "left",
"uppercase": true,
"letterSpacing": 1.5,
"spacing": {
"before": 24,
"after": 12,
"line": 1.4
}
},
"h4": {
"font": "heading",
"size": 11,
"color": "textSecondary",
"bold": false,
"align": "left",
"uppercase": true,
"letterSpacing": 1,
"spacing": {
"before": 20,
"after": 10,
"line": 1.4
}
},
"h5": {
"font": "body",
"size": 11,
"color": "textSecondary",
"bold": true,
"align": "left",
"uppercase": true,
"spacing": {
"before": 16,
"after": 8,
"line": 1.4
}
},
"h6": {
"font": "body",
"size": 10,
"color": "textSecondary",
"bold": true,
"align": "left",
"uppercase": true,
"spacing": {
"before": 16,
"after": 8,
"line": 1.4
}
},
"p": {
"font": "body",
"size": 10,
"color": "text",
"align": "left",
"spacing": {
"before": 0,
"after": 16,
"line": 1.7
}
},
"blockquote": {
"font": "body",
"size": 12,
"color": "textSecondary",
"italic": true,
"align": "center",
"spacing": {
"before": 32,
"after": 32,
"line": 1.6
},
"padding": 24,
"border": {
"top": {
"color": "accent",
"width": 1,
"style": "solid"
},
"bottom": {
"color": "accent",
"width": 1,
"style": "solid"
}
},
"background": "blockquoteBg"
},
"code": {
"font": "code",
"size": 10,
"color": "textSecondary",
"background": "codeBg",
"spacing": {
"before": 0,
"after": 0,
"line": 1.4
}
},
"pre": {
"font": "code",
"size": 10,
"color": "textSecondary",
"background": "codeBg",
"padding": 16,
"spacing": {
"before": 16,
"after": 16,
"line": 1.4
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"ul": {
"spacing": {
"before": 16,
"after": 16,
"line": 1.7
},
"indent": 24,
"bullet": "square"
},
"ol": {
"spacing": {
"before": 16,
"after": 16,
"line": 1.7
},
"indent": 24,
"numbering": "decimal"
},
"li": {
"font": "body",
"size": 10,
"color": "text",
"spacing": {
"before": 4,
"after": 4,
"line": 1.7
}
},
"strong": {
"font": "body",
"bold": true,
"color": "accent"
},
"em": {
"font": "body",
"italic": true
},
"a": {
"font": "body",
"color": "accent",
"underline": true,
"bold": true
},
"table": {
"spacing": {
"before": 24,
"after": 24,
"line": 1.4
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"th": {
"font": "heading",
"size": 10,
"color": "textSecondary",
"bold": true,
"background": "codeBg",
"padding": 12,
"uppercase": true,
"letterSpacing": 1,
"borderBottom": {
"color": "accent",
"width": 1,
"style": "solid"
}
},
"td": {
"font": "body",
"size": 10,
"color": "text",
"padding": 12,
"borderBottom": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"hr": {
"spacing": {
"before": 32,
"after": 32
},
"border": {
"color": "accent",
"width": 1,
"style": "solid"
}
},
"img": {
"align": "center",
"spacing": {
"before": 24,
"after": 24
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"del": {
"font": "body",
"strikethrough": true,
"color": "border"
},
"sup": {
"font": "body",
"size": 9,
"superScript": true
},
"sub": {
"font": "body",
"size": 9,
"subScript": true
},
"mark": {
"font": "body",
"background": "codeBg",
"color": "accent"
},
"footnote": {
"font": "body",
"size": 10,
"color": "textSecondary",
"superScript": true
},
"footnoteRef": {
"font": "body",
"size": 10,
"color": "textSecondary",
"spacing": {
"before": 4,
"after": 4,
"line": 1.2
}
}
},
"page": {
"margins": {
"top": 72,
"bottom": 72,
"left": 72,
"right": 72
},
"columns": 1,
"header": true,
"footer": true
}
}

View File

@@ -0,0 +1,312 @@
{
"id": "recipe-card",
"name": "Recipe Card",
"category": "lifestyle",
"description": "Grandmas index card. Typewriter fonts with red header lines.",
"vibe": "Homey, Traditional, Cookery",
"googleFontsImport": "https://fonts.googleapis.com/css2?family=Courier+Prime:wght@400;700&family=Homemade+Apple&display=swap",
"typography": {
"fonts": {
"heading": "Courier Prime",
"body": "Courier Prime",
"code": "Courier Prime"
},
"colors": {
"text": "212121",
"textSecondary": "000000",
"background": "FFFFFF",
"accent": "F44336",
"border": "E0E0E0",
"codeBg": "F5F5F5",
"blockquoteBg": "FFFFFF",
"blockquoteBorder": "F44336"
}
},
"elements": {
"h1": {
"font": "heading",
"size": 24,
"color": "textSecondary",
"bold": true,
"align": "left",
"borderBottom": {
"color": "accent",
"width": 2,
"style": "solid"
},
"spacing": {
"before": 36,
"after": 20,
"line": 1.2
}
},
"h2": {
"font": "heading",
"size": 14,
"color": "textSecondary",
"bold": true,
"align": "left",
"uppercase": true,
"spacing": {
"before": 28,
"after": 14,
"line": 1.3
}
},
"h3": {
"font": "heading",
"size": 13,
"color": "textSecondary",
"bold": true,
"align": "left",
"uppercase": true,
"spacing": {
"before": 24,
"after": 12,
"line": 1.4
}
},
"h4": {
"font": "heading",
"size": 12,
"color": "textSecondary",
"bold": true,
"align": "left",
"uppercase": true,
"spacing": {
"before": 20,
"after": 10,
"line": 1.4
}
},
"h5": {
"font": "body",
"size": 11,
"color": "textSecondary",
"bold": true,
"align": "left",
"uppercase": true,
"spacing": {
"before": 16,
"after": 8,
"line": 1.4
}
},
"h6": {
"font": "body",
"size": 10,
"color": "textSecondary",
"bold": true,
"align": "left",
"uppercase": true,
"spacing": {
"before": 16,
"after": 8,
"line": 1.4
}
},
"p": {
"font": "body",
"size": 11,
"color": "text",
"align": "left",
"spacing": {
"before": 0,
"after": 12,
"line": 1.5
}
},
"blockquote": {
"font": "body",
"size": 14,
"color": "accent",
"italic": true,
"align": "left",
"spacing": {
"before": 20,
"after": 20,
"line": 1.6
},
"padding": 12,
"background": "blockquoteBg"
},
"code": {
"font": "code",
"size": 11,
"color": "textSecondary",
"background": "codeBg",
"spacing": {
"before": 0,
"after": 0,
"line": 1.4
}
},
"pre": {
"font": "code",
"size": 11,
"color": "textSecondary",
"background": "codeBg",
"padding": 16,
"spacing": {
"before": 16,
"after": 16,
"line": 1.4
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"ul": {
"spacing": {
"before": 16,
"after": 16,
"line": 1.5
},
"indent": 24,
"bullet": "circle"
},
"ol": {
"spacing": {
"before": 16,
"after": 16,
"line": 1.5
},
"indent": 24,
"numbering": "decimal"
},
"li": {
"font": "body",
"size": 11,
"color": "text",
"spacing": {
"before": 4,
"after": 4,
"line": 1.5
}
},
"strong": {
"font": "body",
"bold": true,
"color": "textSecondary"
},
"em": {
"font": "body",
"italic": true
},
"a": {
"font": "body",
"color": "accent",
"underline": true,
"bold": true
},
"table": {
"spacing": {
"before": 24,
"after": 24,
"line": 1.4
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"th": {
"font": "heading",
"size": 11,
"color": "textSecondary",
"bold": true,
"background": "codeBg",
"padding": 12,
"uppercase": true,
"borderBottom": {
"color": "accent",
"width": 1,
"style": "solid"
}
},
"td": {
"font": "body",
"size": 11,
"color": "text",
"padding": 12,
"borderBottom": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"hr": {
"spacing": {
"before": 32,
"after": 32
},
"border": {
"color": "accent",
"width": 1,
"style": "solid"
}
},
"img": {
"align": "center",
"spacing": {
"before": 24,
"after": 24
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"del": {
"font": "body",
"strikethrough": true,
"color": "border"
},
"sup": {
"font": "body",
"size": 9,
"superScript": true
},
"sub": {
"font": "body",
"size": 9,
"subScript": true
},
"mark": {
"font": "body",
"background": "codeBg",
"color": "accent"
},
"footnote": {
"font": "body",
"size": 10,
"color": "textSecondary",
"superScript": true
},
"footnoteRef": {
"font": "body",
"size": 10,
"color": "textSecondary",
"spacing": {
"before": 4,
"after": 4,
"line": 1.2
}
}
},
"page": {
"margins": {
"top": 72,
"bottom": 72,
"left": 72,
"right": 72
},
"columns": 1,
"header": true,
"footer": true
}
}

View File

@@ -0,0 +1,324 @@
{
"id": "retro-diner-50s",
"name": "Retro Diner 50s",
"category": "lifestyle",
"description": "Classic 1950s American diner aesthetic. Neon lights, checkered floors, and jukebox vibes.",
"vibe": "Retro, Kitsch, Diner",
"googleFontsImport": "https://fonts.googleapis.com/css2?family=Lobster&family=Righteous&family=Roboto+Condensed:wght@400;700&display=swap",
"typography": {
"fonts": {
"heading": "Lobster",
"body": "Roboto Condensed",
"code": "Righteous"
},
"colors": {
"text": "212121",
"textSecondary": "00838F",
"background": "FFFFFF",
"accent": "D32F2F",
"highlight": "FF4081",
"border": "BDBDBD",
"codeBg": "E0F7FA",
"blockquoteBg": "FFEBEE",
"blockquoteBorder": "D32F2F"
}
},
"elements": {
"h1": {
"font": "heading",
"size": 42,
"color": "accent",
"bold": false,
"align": "center",
"spacing": {
"before": 48,
"after": 32,
"line": 1.2
},
"border": {
"bottom": {
"color": "textSecondary",
"width": 4,
"style": "dashed"
}
}
},
"h2": {
"font": "code",
"size": 24,
"color": "textSecondary",
"bold": false,
"align": "center",
"uppercase": true,
"spacing": {
"before": 36,
"after": 18,
"line": 1.3
}
},
"h3": {
"font": "code",
"size": 20,
"color": "textSecondary",
"bold": false,
"align": "center",
"uppercase": true,
"spacing": {
"before": 24,
"after": 12,
"line": 1.4
}
},
"h4": {
"font": "code",
"size": 18,
"color": "textSecondary",
"bold": false,
"align": "center",
"uppercase": true,
"spacing": {
"before": 20,
"after": 10,
"line": 1.4
}
},
"h5": {
"font": "body",
"size": 14,
"color": "text",
"bold": true,
"align": "center",
"uppercase": true,
"spacing": {
"before": 16,
"after": 8,
"line": 1.4
}
},
"h6": {
"font": "body",
"size": 12,
"color": "text",
"bold": true,
"align": "center",
"uppercase": true,
"spacing": {
"before": 16,
"after": 8,
"line": 1.4
}
},
"p": {
"font": "body",
"size": 12,
"color": "text",
"align": "center",
"spacing": {
"before": 0,
"after": 16,
"line": 1.5
}
},
"blockquote": {
"font": "heading",
"size": 16,
"color": "accent",
"italic": false,
"align": "center",
"spacing": {
"before": 24,
"after": 24,
"line": 1.6
},
"padding": 20,
"border": {
"color": "blockquoteBorder",
"width": 4,
"style": "solid"
},
"borderRadius": 12,
"background": "blockquoteBg"
},
"code": {
"font": "code",
"size": 11,
"color": "textSecondary",
"background": "codeBg",
"spacing": {
"before": 0,
"after": 0,
"line": 1.4
}
},
"pre": {
"font": "code",
"size": 11,
"color": "textSecondary",
"background": "codeBg",
"padding": 16,
"spacing": {
"before": 16,
"after": 16,
"line": 1.4
},
"border": {
"color": "border",
"width": 2,
"style": "solid"
},
"borderRadius": 8
},
"ul": {
"spacing": {
"before": 16,
"after": 16,
"line": 1.6
},
"indent": 24,
"bullet": "circle"
},
"ol": {
"spacing": {
"before": 16,
"after": 16,
"line": 1.6
},
"indent": 24,
"numbering": "decimal"
},
"li": {
"font": "body",
"size": 12,
"color": "text",
"spacing": {
"before": 4,
"after": 4,
"line": 1.6
}
},
"strong": {
"font": "body",
"bold": true,
"color": "accent"
},
"em": {
"font": "heading",
"italic": false,
"color": "textSecondary"
},
"a": {
"font": "body",
"color": "highlight",
"underline": true,
"bold": true
},
"table": {
"spacing": {
"before": 24,
"after": 24,
"line": 1.4
},
"border": {
"color": "textSecondary",
"width": 2,
"style": "solid"
}
},
"th": {
"font": "code",
"size": 12,
"color": "background",
"bold": false,
"background": "textSecondary",
"padding": 12,
"uppercase": true,
"borderBottom": {
"color": "accent",
"width": 2,
"style": "solid"
}
},
"td": {
"font": "body",
"size": 12,
"color": "text",
"padding": 12,
"borderBottom": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"hr": {
"spacing": {
"before": 32,
"after": 32
},
"border": {
"color": "highlight",
"width": 4,
"style": "dotted"
}
},
"img": {
"align": "center",
"spacing": {
"before": 24,
"after": 24
},
"border": {
"color": "textSecondary",
"width": 4,
"style": "solid"
},
"borderRadius": 8
},
"del": {
"font": "body",
"strikethrough": true,
"color": "border"
},
"sup": {
"font": "body",
"size": 10,
"superScript": true
},
"sub": {
"font": "body",
"size": 10,
"subScript": true
},
"mark": {
"font": "body",
"background": "highlight",
"color": "background"
},
"footnote": {
"font": "body",
"size": 10,
"color": "textSecondary",
"superScript": true
},
"footnoteRef": {
"font": "body",
"size": 10,
"color": "textSecondary",
"spacing": {
"before": 4,
"after": 4,
"line": 1.2
}
}
},
"page": {
"margins": {
"top": 72,
"bottom": 72,
"left": 72,
"right": 72
},
"columns": 1,
"header": true,
"footer": true
}
}

View File

@@ -0,0 +1,302 @@
{
"id": "spa-wellness",
"name": "Spa Wellness",
"category": "lifestyle",
"description": "Serene design for spa and wellness industries. Calm typography with soothing, natural colors.",
"vibe": "Serene, Calming, Natural",
"googleFontsImport": "https://fonts.googleapis.com/css2?family=Philosopher:ital,wght@0,400;0,700;1,400&family=Questrial&display=swap",
"typography": {
"fonts": {
"heading": "Philosopher",
"body": "Questrial",
"code": "Questrial"
},
"colors": {
"text": "5D6D5A",
"textSecondary": "4A6741",
"background": "FFFFFF",
"accent": "6B8E63",
"border": "E8F5E9",
"codeBg": "F1F8E9",
"blockquoteBg": "F1F8E9",
"blockquoteBorder": "6B8E63"
}
},
"elements": {
"h1": {
"font": "heading",
"size": 28,
"color": "textSecondary",
"bold": false,
"align": "center",
"spacing": {
"before": 48,
"after": 32,
"line": 1.2
}
},
"h2": {
"font": "heading",
"size": 14,
"color": "accent",
"bold": false,
"align": "left",
"spacing": {
"before": 36,
"after": 18,
"line": 1.3
}
},
"h3": {
"font": "heading",
"size": 12,
"color": "textSecondary",
"bold": false,
"align": "left",
"spacing": {
"before": 24,
"after": 12,
"line": 1.4
}
},
"h4": {
"font": "heading",
"size": 11,
"color": "textSecondary",
"bold": false,
"align": "left",
"spacing": {
"before": 20,
"after": 10,
"line": 1.4
}
},
"h5": {
"font": "body",
"size": 11,
"color": "text",
"bold": true,
"align": "left",
"spacing": {
"before": 16,
"after": 8,
"line": 1.4
}
},
"h6": {
"font": "body",
"size": 10,
"color": "text",
"bold": true,
"align": "left",
"spacing": {
"before": 16,
"after": 8,
"line": 1.4
}
},
"p": {
"font": "body",
"size": 10,
"color": "text",
"align": "left",
"spacing": {
"before": 0,
"after": 16,
"line": 1.7
}
},
"blockquote": {
"font": "heading",
"size": 12,
"color": "textSecondary",
"italic": true,
"align": "center",
"spacing": {
"before": 28,
"after": 28,
"line": 1.6
},
"padding": 20,
"borderRadius": 4,
"background": "blockquoteBg"
},
"code": {
"font": "code",
"size": 10,
"color": "textSecondary",
"background": "codeBg",
"spacing": {
"before": 0,
"after": 0,
"line": 1.4
}
},
"pre": {
"font": "code",
"size": 10,
"color": "textSecondary",
"background": "codeBg",
"padding": 16,
"spacing": {
"before": 16,
"after": 16,
"line": 1.4
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"ul": {
"spacing": {
"before": 16,
"after": 16,
"line": 1.7
},
"indent": 24,
"bullet": "circle"
},
"ol": {
"spacing": {
"before": 16,
"after": 16,
"line": 1.7
},
"indent": 24,
"numbering": "decimal"
},
"li": {
"font": "body",
"size": 10,
"color": "text",
"spacing": {
"before": 4,
"after": 4,
"line": 1.7
}
},
"strong": {
"font": "heading",
"bold": true,
"color": "textSecondary"
},
"em": {
"font": "heading",
"italic": true
},
"a": {
"font": "body",
"color": "accent",
"underline": true,
"bold": true
},
"table": {
"spacing": {
"before": 24,
"after": 24,
"line": 1.4
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"th": {
"font": "heading",
"size": 10,
"color": "textSecondary",
"bold": true,
"background": "codeBg",
"padding": 12,
"borderBottom": {
"color": "accent",
"width": 1,
"style": "solid"
}
},
"td": {
"font": "body",
"size": 10,
"color": "text",
"padding": 12,
"borderBottom": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"hr": {
"spacing": {
"before": 32,
"after": 32
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"img": {
"align": "center",
"spacing": {
"before": 24,
"after": 24
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"del": {
"font": "body",
"strikethrough": true,
"color": "border"
},
"sup": {
"font": "body",
"size": 9,
"superScript": true
},
"sub": {
"font": "body",
"size": 9,
"subScript": true
},
"mark": {
"font": "body",
"background": "codeBg",
"color": "accent"
},
"footnote": {
"font": "body",
"size": 10,
"color": "textSecondary",
"superScript": true
},
"footnoteRef": {
"font": "body",
"size": 10,
"color": "textSecondary",
"spacing": {
"before": 4,
"after": 4,
"line": 1.2
}
}
},
"page": {
"margins": {
"top": 72,
"bottom": 72,
"left": 72,
"right": 72
},
"columns": 1,
"header": true,
"footer": true
}
}

View File

@@ -0,0 +1,306 @@
{
"id": "sticky-note",
"name": "Sticky Note",
"category": "lifestyle",
"description": "Handwritten reminder aesthetic. Marker fonts on a canary yellow background.",
"vibe": "Casual, Handwritten, Yellow",
"googleFontsImport": "https://fonts.googleapis.com/css2?family=Permanent+Marker&family=Kalam:wght@300;400;700&family=Patrick+Hand&display=swap",
"typography": {
"fonts": {
"heading": "Permanent Marker",
"body": "Kalam",
"code": "Patrick Hand"
},
"colors": {
"text": "212121",
"textSecondary": "000000",
"background": "FFF9C4",
"accent": "D50000",
"border": "FBC02D",
"codeBg": "FFF59D",
"blockquoteBg": "FFF59D",
"blockquoteBorder": "D50000"
}
},
"elements": {
"h1": {
"font": "heading",
"size": 32,
"color": "textSecondary",
"bold": false,
"align": "center",
"spacing": {
"before": 48,
"after": 32,
"line": 1.2
}
},
"h2": {
"font": "body",
"size": 18,
"color": "accent",
"bold": true,
"align": "left",
"spacing": {
"before": 36,
"after": 18,
"line": 1.3
}
},
"h3": {
"font": "body",
"size": 16,
"color": "accent",
"bold": true,
"align": "left",
"spacing": {
"before": 24,
"after": 12,
"line": 1.4
}
},
"h4": {
"font": "body",
"size": 15,
"color": "accent",
"bold": true,
"align": "left",
"spacing": {
"before": 20,
"after": 10,
"line": 1.4
}
},
"h5": {
"font": "body",
"size": 14,
"color": "textSecondary",
"bold": true,
"align": "left",
"spacing": {
"before": 16,
"after": 8,
"line": 1.4
}
},
"h6": {
"font": "body",
"size": 13,
"color": "textSecondary",
"bold": true,
"align": "left",
"spacing": {
"before": 16,
"after": 8,
"line": 1.4
}
},
"p": {
"font": "body",
"size": 14,
"color": "text",
"align": "left",
"spacing": {
"before": 0,
"after": 16,
"line": 1.5
}
},
"blockquote": {
"font": "body",
"size": 15,
"color": "text",
"italic": false,
"align": "left",
"spacing": {
"before": 24,
"after": 24,
"line": 1.5
},
"padding": 12,
"border": {
"color": "blockquoteBorder",
"width": 4,
"style": "solid"
}
},
"code": {
"font": "code",
"size": 12,
"color": "textSecondary",
"background": "codeBg",
"spacing": {
"before": 0,
"after": 0,
"line": 1.4
}
},
"pre": {
"font": "code",
"size": 12,
"color": "textSecondary",
"background": "codeBg",
"padding": 16,
"spacing": {
"before": 16,
"after": 16,
"line": 1.4
},
"border": {
"color": "border",
"width": 1,
"style": "dashed"
}
},
"ul": {
"spacing": {
"before": 16,
"after": 16,
"line": 1.5
},
"indent": 24,
"bullet": "dashed"
},
"ol": {
"spacing": {
"before": 16,
"after": 16,
"line": 1.5
},
"indent": 24,
"numbering": "decimal"
},
"li": {
"font": "body",
"size": 14,
"color": "text",
"spacing": {
"before": 4,
"after": 4,
"line": 1.5
}
},
"strong": {
"font": "heading",
"bold": false,
"color": "accent"
},
"em": {
"font": "body",
"italic": true
},
"a": {
"font": "body",
"color": "accent",
"underline": true,
"bold": true
},
"table": {
"spacing": {
"before": 24,
"after": 24,
"line": 1.4
},
"border": {
"color": "border",
"width": 2,
"style": "solid"
}
},
"th": {
"font": "body",
"size": 14,
"color": "textSecondary",
"bold": true,
"background": "codeBg",
"padding": 12,
"borderBottom": {
"color": "accent",
"width": 2,
"style": "solid"
}
},
"td": {
"font": "body",
"size": 14,
"color": "text",
"padding": 12,
"borderBottom": {
"color": "border",
"width": 1,
"style": "dashed"
}
},
"hr": {
"spacing": {
"before": 32,
"after": 32
},
"border": {
"color": "accent",
"width": 2,
"style": "dashed"
}
},
"img": {
"align": "center",
"spacing": {
"before": 24,
"after": 24
},
"border": {
"color": "border",
"width": 2,
"style": "solid"
},
"borderRadius": 2
},
"del": {
"font": "body",
"strikethrough": true,
"color": "border"
},
"sup": {
"font": "body",
"size": 10,
"superScript": true
},
"sub": {
"font": "body",
"size": 10,
"subScript": true
},
"mark": {
"font": "heading",
"background": "codeBg",
"color": "accent"
},
"footnote": {
"font": "body",
"size": 12,
"color": "textSecondary",
"superScript": true
},
"footnoteRef": {
"font": "body",
"size": 12,
"color": "textSecondary",
"spacing": {
"before": 4,
"after": 4,
"line": 1.2
}
}
},
"page": {
"margins": {
"top": 72,
"bottom": 72,
"left": 72,
"right": 72
},
"columns": 1,
"header": true,
"footer": true
}
}

View File

@@ -0,0 +1,308 @@
{
"id": "supermarket-receipt",
"name": "Supermarket Receipt",
"category": "lifestyle",
"description": "Thermal paper aesthetic. Monospaced, slightly faded grey text with narrow alignment.",
"vibe": "Disposable, Monospace, Grey",
"googleFontsImport": "https://fonts.googleapis.com/css2?family=Fira+Mono:wght@400;700&family=Inconsolata:wght@400;700&display=swap",
"typography": {
"fonts": {
"heading": "Fira Mono",
"body": "Inconsolata",
"code": "Inconsolata"
},
"colors": {
"text": "424242",
"textSecondary": "000000",
"background": "FAFAFA",
"accent": "000000",
"border": "BDBDBD",
"codeBg": "EEEEEE",
"blockquoteBg": "FAFAFA",
"blockquoteBorder": "424242"
}
},
"elements": {
"h1": {
"font": "heading",
"size": 24,
"color": "textSecondary",
"bold": true,
"align": "center",
"uppercase": true,
"spacing": {
"before": 48,
"after": 24,
"line": 1.2
}
},
"h2": {
"font": "body",
"size": 14,
"color": "textSecondary",
"bold": false,
"align": "center",
"borderBottom": {
"color": "accent",
"width": 1,
"style": "dashed"
},
"spacing": {
"before": 36,
"after": 12,
"line": 1.3
}
},
"h3": {
"font": "body",
"size": 12,
"color": "textSecondary",
"bold": true,
"align": "center",
"spacing": {
"before": 24,
"after": 12,
"line": 1.4
}
},
"h4": {
"font": "body",
"size": 11,
"color": "textSecondary",
"bold": true,
"align": "center",
"spacing": {
"before": 20,
"after": 10,
"line": 1.4
}
},
"h5": {
"font": "body",
"size": 11,
"color": "text",
"bold": true,
"align": "left",
"spacing": {
"before": 16,
"after": 8,
"line": 1.4
}
},
"h6": {
"font": "body",
"size": 11,
"color": "text",
"bold": true,
"align": "left",
"spacing": {
"before": 16,
"after": 8,
"line": 1.4
}
},
"p": {
"font": "body",
"size": 11,
"color": "text",
"align": "left",
"spacing": {
"before": 0,
"after": 12,
"line": 1.4
}
},
"blockquote": {
"font": "body",
"size": 12,
"color": "textSecondary",
"bold": true,
"align": "center",
"spacing": {
"before": 20,
"after": 20,
"line": 1.4
},
"padding": 12,
"background": "blockquoteBg"
},
"code": {
"font": "code",
"size": 10,
"color": "textSecondary",
"background": "codeBg",
"spacing": {
"before": 0,
"after": 0,
"line": 1.4
}
},
"pre": {
"font": "code",
"size": 10,
"color": "textSecondary",
"background": "codeBg",
"padding": 16,
"spacing": {
"before": 16,
"after": 16,
"line": 1.4
},
"border": {
"color": "border",
"width": 1,
"style": "dashed"
}
},
"ul": {
"spacing": {
"before": 16,
"after": 16,
"line": 1.4
},
"indent": 24,
"bullet": "asterisk"
},
"ol": {
"spacing": {
"before": 16,
"after": 16,
"line": 1.4
},
"indent": 24,
"numbering": "decimal"
},
"li": {
"font": "body",
"size": 11,
"color": "text",
"spacing": {
"before": 4,
"after": 4,
"line": 1.4
}
},
"strong": {
"font": "heading",
"bold": true,
"color": "textSecondary"
},
"em": {
"font": "body",
"italic": true
},
"a": {
"font": "body",
"color": "textSecondary",
"underline": true,
"bold": true
},
"table": {
"spacing": {
"before": 24,
"after": 24,
"line": 1.4
},
"border": {
"color": "border",
"width": 1,
"style": "dashed"
}
},
"th": {
"font": "heading",
"size": 11,
"color": "textSecondary",
"bold": true,
"background": "codeBg",
"padding": 8,
"borderBottom": {
"color": "accent",
"width": 1,
"style": "dashed"
}
},
"td": {
"font": "body",
"size": 11,
"color": "text",
"padding": 8,
"borderBottom": {
"color": "border",
"width": 1,
"style": "dashed"
}
},
"hr": {
"spacing": {
"before": 32,
"after": 32
},
"border": {
"color": "border",
"width": 1,
"style": "dashed"
}
},
"img": {
"align": "center",
"spacing": {
"before": 24,
"after": 24
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
},
"filter": "grayscale(100%) contrast(150%)"
},
"del": {
"font": "body",
"strikethrough": true,
"color": "border"
},
"sup": {
"font": "body",
"size": 9,
"superScript": true
},
"sub": {
"font": "body",
"size": 9,
"subScript": true
},
"mark": {
"font": "body",
"background": "border",
"color": "textSecondary"
},
"footnote": {
"font": "body",
"size": 10,
"color": "text",
"superScript": true
},
"footnoteRef": {
"font": "body",
"size": 10,
"color": "text",
"spacing": {
"before": 4,
"after": 4,
"line": 1.2
}
}
},
"page": {
"margins": {
"top": 72,
"bottom": 72,
"left": 100,
"right": 100
},
"columns": 1,
"header": true,
"footer": true
}
}

View File

@@ -0,0 +1,311 @@
{
"id": "surf-shop",
"name": "Surf Shop",
"category": "lifestyle",
"description": "California cool. Relaxed hand-drawn fonts with sea foam blues and sunny yellows.",
"vibe": "Relaxed, Beach, Sunny",
"googleFontsImport": "https://fonts.googleapis.com/css2?family=Permanent+Marker&family=Kalam:wght@300;400;700&family=Patrick+Hand&display=swap",
"typography": {
"fonts": {
"heading": "Permanent Marker",
"body": "Kalam",
"code": "Patrick Hand"
},
"colors": {
"text": "424242",
"textSecondary": "0097A7",
"background": "FFFFFF",
"accent": "FBC02D",
"border": "B2EBF2",
"codeBg": "E0F7FA",
"blockquoteBg": "E0F7FA",
"blockquoteBorder": "0097A7"
}
},
"elements": {
"h1": {
"font": "heading",
"size": 36,
"color": "textSecondary",
"bold": false,
"align": "center",
"spacing": {
"before": 48,
"after": 32,
"line": 1.2
}
},
"h2": {
"font": "body",
"size": 18,
"color": "accent",
"bold": true,
"align": "center",
"spacing": {
"before": 36,
"after": 18,
"line": 1.3
}
},
"h3": {
"font": "body",
"size": 16,
"color": "accent",
"bold": true,
"align": "center",
"spacing": {
"before": 24,
"after": 12,
"line": 1.4
}
},
"h4": {
"font": "body",
"size": 15,
"color": "accent",
"bold": true,
"align": "center",
"spacing": {
"before": 20,
"after": 10,
"line": 1.4
}
},
"h5": {
"font": "body",
"size": 14,
"color": "text",
"bold": true,
"align": "left",
"uppercase": true,
"spacing": {
"before": 16,
"after": 8,
"line": 1.4
}
},
"h6": {
"font": "body",
"size": 13,
"color": "text",
"bold": true,
"align": "left",
"uppercase": true,
"spacing": {
"before": 16,
"after": 8,
"line": 1.4
}
},
"p": {
"font": "body",
"size": 12,
"color": "text",
"align": "left",
"spacing": {
"before": 0,
"after": 16,
"line": 1.6
}
},
"blockquote": {
"font": "body",
"size": 14,
"color": "textSecondary",
"italic": true,
"align": "center",
"spacing": {
"before": 24,
"after": 24,
"line": 1.6
},
"padding": 20,
"borderRadius": 16,
"border": {
"color": "blockquoteBorder",
"width": 2,
"style": "solid"
},
"background": "blockquoteBg"
},
"code": {
"font": "code",
"size": 11,
"color": "textSecondary",
"background": "codeBg",
"spacing": {
"before": 0,
"after": 0,
"line": 1.4
}
},
"pre": {
"font": "code",
"size": 11,
"color": "textSecondary",
"background": "codeBg",
"padding": 16,
"spacing": {
"before": 16,
"after": 16,
"line": 1.4
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
},
"borderRadius": 8
},
"ul": {
"spacing": {
"before": 16,
"after": 16,
"line": 1.6
},
"indent": 24,
"bullet": "circle"
},
"ol": {
"spacing": {
"before": 16,
"after": 16,
"line": 1.6
},
"indent": 24,
"numbering": "decimal"
},
"li": {
"font": "body",
"size": 12,
"color": "text",
"spacing": {
"before": 4,
"after": 4,
"line": 1.6
}
},
"strong": {
"font": "heading",
"bold": true,
"color": "textSecondary"
},
"em": {
"font": "body",
"italic": true
},
"a": {
"font": "body",
"color": "accent",
"underline": true,
"bold": true
},
"table": {
"spacing": {
"before": 24,
"after": 24,
"line": 1.4
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"th": {
"font": "body",
"size": 12,
"color": "textSecondary",
"bold": true,
"background": "codeBg",
"padding": 12,
"borderBottom": {
"color": "accent",
"width": 1,
"style": "solid"
}
},
"td": {
"font": "body",
"size": 12,
"color": "text",
"padding": 12,
"borderBottom": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"hr": {
"spacing": {
"before": 32,
"after": 32
},
"border": {
"color": "accent",
"width": 1,
"style": "solid"
}
},
"img": {
"align": "center",
"spacing": {
"before": 24,
"after": 24
},
"border": {
"color": "border",
"width": 2,
"style": "solid"
},
"borderRadius": 8
},
"del": {
"font": "body",
"strikethrough": true,
"color": "border"
},
"sup": {
"font": "body",
"size": 10,
"superScript": true
},
"sub": {
"font": "body",
"size": 10,
"subScript": true
},
"mark": {
"font": "body",
"background": "codeBg",
"color": "accent"
},
"footnote": {
"font": "body",
"size": 11,
"color": "textSecondary",
"superScript": true
},
"footnoteRef": {
"font": "body",
"size": 11,
"color": "textSecondary",
"spacing": {
"before": 4,
"after": 4,
"line": 1.2
}
}
},
"page": {
"margins": {
"top": 72,
"bottom": 72,
"left": 72,
"right": 72
},
"columns": 1,
"header": true,
"footer": true
}
}

Some files were not shown because too many files have changed in this diff Show More