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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

@@ -0,0 +1,316 @@
{
"id": "travel-adventure",
"name": "Travel Adventure",
"category": "lifestyle",
"description": "Adventurous design for travel and exploration content. Bold typography with earthy, wanderlust-inspiring colors.",
"vibe": "Adventurous, Inspiring, Explorer",
"googleFontsImport": "https://fonts.googleapis.com/css2?family=Amatic+SC:wght@400;700&family=Josefin+Sans:wght@300;400;600;700&family=Share+Tech+Mono&display=swap",
"typography": {
"fonts": {
"heading": "Amatic SC",
"body": "Josefin Sans",
"code": "Share Tech Mono"
},
"colors": {
"text": "4E342E",
"textSecondary": "5D4037",
"background": "FFFFFF",
"accent": "FF7043",
"border": "D7CCC8",
"codeBg": "FBE9E7",
"blockquoteBg": "FBE9E7",
"blockquoteBorder": "FF7043"
}
},
"elements": {
"h1": {
"font": "heading",
"size": 48,
"color": "3E2723",
"bold": true,
"align": "center",
"letterSpacing": 4,
"spacing": {
"before": 48,
"after": 32,
"line": 1.2
}
},
"h2": {
"font": "body",
"size": 14,
"color": "textSecondary",
"bold": true,
"align": "left",
"uppercase": true,
"letterSpacing": 2,
"spacing": {
"before": 30,
"after": 14,
"line": 1.3
}
},
"h3": {
"font": "body",
"size": 12,
"color": "textSecondary",
"bold": true,
"align": "left",
"uppercase": true,
"letterSpacing": 1.5,
"spacing": {
"before": 24,
"after": 12,
"line": 1.4
}
},
"h4": {
"font": "body",
"size": 11,
"color": "textSecondary",
"bold": true,
"align": "left",
"uppercase": true,
"letterSpacing": 1,
"spacing": {
"before": 20,
"after": 10,
"line": 1.4
}
},
"h5": {
"font": "body",
"size": 11,
"color": "textSecondary",
"bold": true,
"align": "left",
"uppercase": true,
"spacing": {
"before": 16,
"after": 8,
"line": 1.4
}
},
"h6": {
"font": "body",
"size": 10,
"color": "textSecondary",
"bold": true,
"align": "left",
"uppercase": true,
"spacing": {
"before": 16,
"after": 8,
"line": 1.4
}
},
"p": {
"font": "body",
"size": 10,
"color": "text",
"align": "left",
"spacing": {
"before": 0,
"after": 16,
"line": 1.6
}
},
"blockquote": {
"font": "body",
"size": 12,
"color": "text",
"italic": true,
"align": "left",
"spacing": {
"before": 24,
"after": 24,
"line": 1.6
},
"padding": 16,
"border": {
"color": "blockquoteBorder",
"width": 4,
"style": "solid"
},
"background": "blockquoteBg"
},
"code": {
"font": "code",
"size": 10,
"color": "textSecondary",
"background": "codeBg",
"spacing": {
"before": 0,
"after": 0,
"line": 1.4
}
},
"pre": {
"font": "code",
"size": 10,
"color": "textSecondary",
"background": "codeBg",
"padding": 16,
"spacing": {
"before": 16,
"after": 16,
"line": 1.4
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"ul": {
"spacing": {
"before": 16,
"after": 16,
"line": 1.6
},
"indent": 24,
"bullet": "square"
},
"ol": {
"spacing": {
"before": 16,
"after": 16,
"line": 1.6
},
"indent": 24,
"numbering": "decimal"
},
"li": {
"font": "body",
"size": 10,
"color": "text",
"spacing": {
"before": 4,
"after": 4,
"line": 1.6
}
},
"strong": {
"font": "heading",
"bold": true,
"color": "textSecondary"
},
"em": {
"font": "body",
"italic": true
},
"a": {
"font": "body",
"color": "accent",
"underline": true,
"bold": true
},
"table": {
"spacing": {
"before": 24,
"after": 24,
"line": 1.4
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"th": {
"font": "body",
"size": 10,
"color": "textSecondary",
"bold": true,
"background": "codeBg",
"padding": 12,
"uppercase": true,
"borderBottom": {
"color": "accent",
"width": 1,
"style": "solid"
}
},
"td": {
"font": "body",
"size": 10,
"color": "text",
"padding": 12,
"borderBottom": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"hr": {
"spacing": {
"before": 32,
"after": 32
},
"border": {
"color": "accent",
"width": 1,
"style": "solid"
}
},
"img": {
"align": "center",
"spacing": {
"before": 24,
"after": 24
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"del": {
"font": "body",
"strikethrough": true,
"color": "border"
},
"sup": {
"font": "body",
"size": 9,
"superScript": true
},
"sub": {
"font": "body",
"size": 9,
"subScript": true
},
"mark": {
"font": "body",
"background": "codeBg",
"color": "accent"
},
"footnote": {
"font": "body",
"size": 10,
"color": "textSecondary",
"superScript": true
},
"footnoteRef": {
"font": "body",
"size": 10,
"color": "textSecondary",
"spacing": {
"before": 4,
"after": 4,
"line": 1.2
}
}
},
"page": {
"margins": {
"top": 72,
"bottom": 72,
"left": 72,
"right": 72
},
"columns": 1,
"header": true,
"footer": true
}
}

View File

@@ -0,0 +1,325 @@
{
"id": "wedding-elegant",
"name": "Wedding Elegant",
"category": "lifestyle",
"description": "Romantic and elegant design for wedding stationery and formal events. Delicate typography with sophisticated flourishes.",
"vibe": "Romantic, Elegant, Celebratory",
"googleFontsImport": "https://fonts.googleapis.com/css2?family=Tangerine:wght@400;700&family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&display=swap",
"typography": {
"fonts": {
"heading": "Tangerine",
"body": "Cormorant Garamond",
"code": "Cormorant Garamond"
},
"colors": {
"text": "5D4037",
"textSecondary": "795548",
"background": "FFFAF0",
"accent": "D4AF37",
"border": "EFEBE9",
"codeBg": "FFF8E1",
"blockquoteBg": "FFF8E1",
"blockquoteBorder": "D4AF37"
}
},
"elements": {
"h1": {
"font": "heading",
"size": 48,
"color": "text",
"bold": true,
"align": "center",
"spacing": {
"before": 48,
"after": 32,
"line": 1.2
}
},
"h2": {
"font": "body",
"size": 14,
"color": "textSecondary",
"bold": true,
"align": "center",
"uppercase": true,
"letterSpacing": 3,
"spacing": {
"before": 36,
"after": 18,
"line": 1.3
}
},
"h3": {
"font": "body",
"size": 13,
"color": "textSecondary",
"bold": true,
"align": "center",
"uppercase": true,
"letterSpacing": 2,
"spacing": {
"before": 24,
"after": 12,
"line": 1.4
}
},
"h4": {
"font": "body",
"size": 12,
"color": "textSecondary",
"bold": true,
"align": "center",
"uppercase": true,
"letterSpacing": 1.5,
"spacing": {
"before": 20,
"after": 10,
"line": 1.4
}
},
"h5": {
"font": "body",
"size": 11,
"color": "textSecondary",
"bold": true,
"align": "center",
"uppercase": true,
"letterSpacing": 1,
"spacing": {
"before": 16,
"after": 8,
"line": 1.4
}
},
"h6": {
"font": "body",
"size": 10,
"color": "textSecondary",
"bold": true,
"align": "center",
"uppercase": true,
"letterSpacing": 1,
"spacing": {
"before": 16,
"after": 8,
"line": 1.4
}
},
"p": {
"font": "body",
"size": 11,
"color": "text",
"align": "center",
"spacing": {
"before": 0,
"after": 16,
"line": 1.7
}
},
"blockquote": {
"font": "body",
"size": 12,
"color": "text",
"italic": true,
"align": "center",
"spacing": {
"before": 32,
"after": 32,
"line": 1.6
},
"padding": 24,
"border": {
"top": {
"color": "blockquoteBorder",
"width": 1,
"style": "solid"
},
"bottom": {
"color": "blockquoteBorder",
"width": 1,
"style": "solid"
}
},
"background": "background"
},
"code": {
"font": "code",
"size": 10,
"color": "textSecondary",
"background": "codeBg",
"spacing": {
"before": 0,
"after": 0,
"line": 1.4
}
},
"pre": {
"font": "code",
"size": 10,
"color": "textSecondary",
"background": "codeBg",
"padding": 16,
"spacing": {
"before": 16,
"after": 16,
"line": 1.4
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"ul": {
"spacing": {
"before": 16,
"after": 16,
"line": 1.7
},
"indent": 24,
"bullet": "circle"
},
"ol": {
"spacing": {
"before": 16,
"after": 16,
"line": 1.7
},
"indent": 24,
"numbering": "decimal"
},
"li": {
"font": "body",
"size": 11,
"color": "text",
"spacing": {
"before": 4,
"after": 4,
"line": 1.7
}
},
"strong": {
"font": "body",
"bold": true,
"color": "textSecondary"
},
"em": {
"font": "body",
"italic": true
},
"a": {
"font": "body",
"color": "accent",
"underline": true,
"bold": true
},
"table": {
"spacing": {
"before": 24,
"after": 24,
"line": 1.4
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"th": {
"font": "body",
"size": 11,
"color": "textSecondary",
"bold": true,
"background": "codeBg",
"padding": 12,
"uppercase": true,
"letterSpacing": 1,
"borderBottom": {
"color": "accent",
"width": 1,
"style": "solid"
}
},
"td": {
"font": "body",
"size": 11,
"color": "text",
"padding": 12,
"borderBottom": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"hr": {
"spacing": {
"before": 32,
"after": 32
},
"border": {
"color": "accent",
"width": 1,
"style": "solid"
}
},
"img": {
"align": "center",
"spacing": {
"before": 24,
"after": 24
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"del": {
"font": "body",
"strikethrough": true,
"color": "border"
},
"sup": {
"font": "body",
"size": 9,
"superScript": true
},
"sub": {
"font": "body",
"size": 9,
"subScript": true
},
"mark": {
"font": "body",
"background": "codeBg",
"color": "accent"
},
"footnote": {
"font": "body",
"size": 10,
"color": "textSecondary",
"superScript": true
},
"footnoteRef": {
"font": "body",
"size": 10,
"color": "textSecondary",
"spacing": {
"before": 4,
"after": 4,
"line": 1.2
}
}
},
"page": {
"margins": {
"top": 72,
"bottom": 72,
"left": 72,
"right": 72
},
"columns": 1,
"header": true,
"footer": true
}
}

View File

@@ -0,0 +1,316 @@
{
"id": "winter-holiday",
"name": "Winter Holiday",
"category": "lifestyle",
"description": "Festive greeting card style. Elegant script, deep reds and forest greens.",
"vibe": "Festive, Cozy, Traditional",
"googleFontsImport": "https://fonts.googleapis.com/css2?family=Mountains+of+Christmas:wght@400;700&family=Merriweather:ital,wght@0,400;0,700;1,400&family=Courier+Prime&display=swap",
"typography": {
"fonts": {
"heading": "Mountains of Christmas",
"body": "Merriweather",
"code": "Courier Prime"
},
"colors": {
"text": "212121",
"textSecondary": "1B5E20",
"background": "FFEBEE",
"accent": "B71C1C",
"border": "EF9A9A",
"codeBg": "FFFFFF",
"blockquoteBg": "FFFFFF",
"blockquoteBorder": "B71C1C"
}
},
"elements": {
"h1": {
"font": "heading",
"size": 36,
"color": "accent",
"bold": true,
"align": "center",
"spacing": {
"before": 48,
"after": 32,
"line": 1.2
}
},
"h2": {
"font": "body",
"size": 16,
"color": "textSecondary",
"bold": true,
"align": "center",
"borderBottom": {
"color": "textSecondary",
"width": 2,
"style": "dotted"
},
"padding": 5,
"spacing": {
"before": 36,
"after": 18,
"line": 1.3
}
},
"h3": {
"font": "heading",
"size": 20,
"color": "textSecondary",
"bold": true,
"align": "center",
"spacing": {
"before": 24,
"after": 12,
"line": 1.4
}
},
"h4": {
"font": "heading",
"size": 18,
"color": "textSecondary",
"bold": true,
"align": "center",
"spacing": {
"before": 20,
"after": 10,
"line": 1.4
}
},
"h5": {
"font": "body",
"size": 12,
"color": "text",
"bold": true,
"align": "center",
"uppercase": true,
"spacing": {
"before": 16,
"after": 8,
"line": 1.4
}
},
"h6": {
"font": "body",
"size": 11,
"color": "text",
"bold": true,
"align": "center",
"uppercase": true,
"spacing": {
"before": 16,
"after": 8,
"line": 1.4
}
},
"p": {
"font": "body",
"size": 11,
"color": "text",
"align": "center",
"spacing": {
"before": 0,
"after": 16,
"line": 1.6
}
},
"blockquote": {
"font": "body",
"size": 12,
"color": "text",
"italic": true,
"align": "center",
"spacing": {
"before": 24,
"after": 24,
"line": 1.6
},
"padding": 16,
"border": {
"color": "blockquoteBorder",
"width": 2,
"style": "solid"
},
"borderRadius": 8,
"background": "blockquoteBg"
},
"code": {
"font": "code",
"size": 10,
"color": "textSecondary",
"background": "codeBg",
"spacing": {
"before": 0,
"after": 0,
"line": 1.4
}
},
"pre": {
"font": "code",
"size": 10,
"color": "textSecondary",
"background": "codeBg",
"padding": 16,
"spacing": {
"before": 16,
"after": 16,
"line": 1.4
},
"border": {
"color": "border",
"width": 1,
"style": "dashed"
},
"borderRadius": 8
},
"ul": {
"spacing": {
"before": 16,
"after": 16,
"line": 1.6
},
"indent": 24,
"bullet": "circle"
},
"ol": {
"spacing": {
"before": 16,
"after": 16,
"line": 1.6
},
"indent": 24,
"numbering": "decimal"
},
"li": {
"font": "body",
"size": 11,
"color": "text",
"spacing": {
"before": 4,
"after": 4,
"line": 1.6
}
},
"strong": {
"font": "body",
"bold": true,
"color": "accent"
},
"em": {
"font": "body",
"italic": true
},
"a": {
"font": "body",
"color": "accent",
"underline": true,
"bold": true
},
"table": {
"spacing": {
"before": 24,
"after": 24,
"line": 1.4
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"th": {
"font": "body",
"size": 11,
"color": "textSecondary",
"bold": true,
"background": "codeBg",
"padding": 12,
"borderBottom": {
"color": "accent",
"width": 1,
"style": "solid"
}
},
"td": {
"font": "body",
"size": 11,
"color": "text",
"padding": 12,
"borderBottom": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"hr": {
"spacing": {
"before": 32,
"after": 32
},
"border": {
"color": "accent",
"width": 2,
"style": "solid"
}
},
"img": {
"align": "center",
"spacing": {
"before": 24,
"after": 24
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"del": {
"font": "body",
"strikethrough": true,
"color": "border"
},
"sup": {
"font": "body",
"size": 9,
"superScript": true
},
"sub": {
"font": "body",
"size": 9,
"subScript": true
},
"mark": {
"font": "body",
"background": "codeBg",
"color": "accent"
},
"footnote": {
"font": "body",
"size": 10,
"color": "textSecondary",
"superScript": true
},
"footnoteRef": {
"font": "body",
"size": 10,
"color": "textSecondary",
"spacing": {
"before": 4,
"after": 4,
"line": 1.2
}
}
},
"page": {
"margins": {
"top": 72,
"bottom": 72,
"left": 72,
"right": 72
},
"columns": 1,
"header": true,
"footer": true
}
}