- 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
332 lines
8.4 KiB
JSON
332 lines
8.4 KiB
JSON
{
|
|
"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
|
|
}
|
|
} |