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