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 a2631ac473
commit 60f39ed961
405 changed files with 69134 additions and 5936 deletions

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
}
}