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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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