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 da335734d3
commit a6f664088c
405 changed files with 69134 additions and 5936 deletions

View File

@@ -0,0 +1,319 @@
{
"id": "architecture-firm",
"name": "Architecture Firm",
"category": "minimalist",
"description": "Structural precision for architecture and design firms. Clean geometry with sophisticated restraint.",
"vibe": "Structural, Precise, Sophisticated",
"googleFontsImport": "https://fonts.googleapis.com/css2?family=Fahkwang:wght@400;500;600&family=Manrope:wght@300;400;500&family=Space+Mono:wght@400;700&display=swap",
"typography": {
"fonts": {
"heading": "Fahkwang",
"body": "Manrope",
"code": "Space Mono"
},
"colors": {
"text": "525252",
"textSecondary": "4A4A4A",
"background": "FFFFFF",
"accent": "1A1A1A",
"border": "E5E5E5",
"codeBg": "F5F5F5",
"blockquoteBg": "FFFFFF",
"blockquoteBorder": "1A1A1A"
}
},
"elements": {
"h1": {
"font": "heading",
"size": 28,
"color": "accent",
"bold": false,
"align": "left",
"letterSpacing": 1,
"spacing": {
"before": 48,
"after": 32,
"line": 1.2
}
},
"h2": {
"font": "body",
"size": 12,
"color": "textSecondary",
"bold": true,
"align": "left",
"uppercase": true,
"letterSpacing": 2,
"spacing": {
"before": 40,
"after": 20,
"line": 1.3
}
},
"h3": {
"font": "body",
"size": 11,
"color": "textSecondary",
"bold": true,
"align": "left",
"uppercase": true,
"letterSpacing": 1.5,
"spacing": {
"before": 24,
"after": 12,
"line": 1.4
}
},
"h4": {
"font": "body",
"size": 10,
"color": "textSecondary",
"bold": true,
"align": "left",
"uppercase": true,
"letterSpacing": 1,
"spacing": {
"before": 20,
"after": 10,
"line": 1.4
}
},
"h5": {
"font": "body",
"size": 10,
"color": "textSecondary",
"bold": true,
"align": "left",
"uppercase": true,
"spacing": {
"before": 16,
"after": 8,
"line": 1.4
}
},
"h6": {
"font": "body",
"size": 9,
"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": 11,
"color": "text",
"italic": true,
"align": "left",
"spacing": {
"before": 32,
"after": 32,
"line": 1.6
},
"padding": 24,
"border": {
"left": {
"color": "accent",
"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": "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": "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": 2,
"header": true,
"footer": true
}
}

View File

@@ -0,0 +1,326 @@
{
"id": "bauhaus-construction",
"name": "Bauhaus Construction",
"category": "minimalist",
"description": "Form follows function. Geometric simplicity using primary colors and heavy structural borders.",
"vibe": "Geometric, Functional, Primary",
"googleFontsImport": "https://fonts.googleapis.com/css2?family=Jura:wght@400;700&family=Tenor+Sans&family=Source+Code+Pro:wght@400;700&display=swap",
"typography": {
"fonts": {
"heading": "Jura",
"body": "Tenor Sans",
"code": "Source Code+Pro"
},
"colors": {
"text": "212121",
"textSecondary": "111111",
"background": "FFFFFF",
"accent": "D50000",
"highlight": "FFEB3B",
"border": "0000FF",
"codeBg": "EEEEEE",
"blockquoteBg": "FFFFFF",
"blockquoteBorder": "0000FF"
}
},
"elements": {
"h1": {
"font": "heading",
"size": 32,
"color": "textSecondary",
"bold": true,
"align": "left",
"border": {
"left": {
"color": "accent",
"width": 12,
"style": "solid"
}
},
"padding": 16,
"spacing": {
"before": 48,
"after": 24,
"line": 1.2
}
},
"h2": {
"font": "body",
"size": 16,
"color": "textSecondary",
"bold": true,
"align": "left",
"background": "highlight",
"padding": 4,
"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",
"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": "justify",
"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": 16,
"border": {
"top": {
"color": "border",
"width": 4,
"style": "solid"
},
"bottom": {
"color": "border",
"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": "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": "border",
"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": "accent",
"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": "accent",
"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": "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,324 @@
{
"id": "de-stijl",
"name": "De Stijl",
"category": "minimalist",
"description": "Inspired by the Dutch movement (Mondrian). Primary colors, thick black lines, and rigid grid geometry.",
"vibe": "Abstract, Geometric, Primary",
"googleFontsImport": "https://fonts.googleapis.com/css2?family=Geo:ital,wght@0,400;1,400&family=Arimo:ital,wght@0,400;0,700;1,400&family=Fira+Code&display=swap",
"typography": {
"fonts": {
"heading": "Geo",
"body": "Arimo",
"code": "Fira Code"
},
"colors": {
"text": "000000",
"textSecondary": "0000FF",
"background": "FFFFFF",
"accent": "FF0000",
"highlight": "FFFF00",
"border": "000000",
"codeBg": "F5F5F5",
"blockquoteBg": "FFFFFF",
"blockquoteBorder": "000000"
}
},
"elements": {
"h1": {
"font": "heading",
"size": 32,
"color": "accent",
"bold": false,
"align": "left",
"border": {
"bottom": {
"color": "border",
"width": 4,
"style": "solid"
},
"left": {
"color": "border",
"width": 4,
"style": "solid"
}
},
"padding": 16,
"spacing": {
"before": 48,
"after": 24,
"line": 1.2
}
},
"h2": {
"font": "body",
"size": 14,
"color": "textSecondary",
"bold": true,
"align": "left",
"background": "highlight",
"padding": 4,
"spacing": {
"before": 36,
"after": 18,
"line": 1.3
}
},
"h3": {
"font": "body",
"size": 12,
"color": "textSecondary",
"bold": true,
"align": "left",
"spacing": {
"before": 24,
"after": 12,
"line": 1.4
}
},
"h4": {
"font": "body",
"size": 11,
"color": "textSecondary",
"bold": true,
"align": "left",
"spacing": {
"before": 20,
"after": 10,
"line": 1.4
}
},
"h5": {
"font": "body",
"size": 10,
"color": "textSecondary",
"bold": true,
"align": "left",
"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": 4,
"style": "solid"
},
"borderRadius": 0,
"background": "blockquoteBg"
},
"code": {
"font": "code",
"size": 10,
"color": "text",
"background": "codeBg",
"spacing": {
"before": 0,
"after": 0,
"line": 1.4
}
},
"pre": {
"font": "code",
"size": 10,
"color": "text",
"background": "codeBg",
"padding": 16,
"spacing": {
"before": 16,
"after": 16,
"line": 1.4
},
"border": {
"color": "border",
"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": 10,
"color": "text",
"spacing": {
"before": 4,
"after": 4,
"line": 1.6
}
},
"strong": {
"font": "body",
"bold": true,
"color": "text"
},
"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": 2,
"style": "solid"
}
},
"th": {
"font": "body",
"size": 10,
"color": "accent",
"bold": true,
"background": "highlight",
"padding": 12,
"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": "border",
"width": 4,
"style": "solid"
}
},
"img": {
"align": "center",
"spacing": {
"before": 24,
"after": 24
},
"border": {
"color": "border",
"width": 4,
"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,324 @@
{
"id": "hipster-coffee",
"name": "Hipster Coffee",
"category": "minimalist",
"description": "Artisan roaster branding. Clean slab serifs on kraft paper textures.",
"vibe": "Artisan, Slab, Kraft",
"googleFontsImport": "https://fonts.googleapis.com/css2?family=Zilla+Slab:wght@400;700&family=Lato:wght@300;400;700&family=Roboto+Mono:wght@400;700&display=swap",
"typography": {
"fonts": {
"heading": "Zilla Slab",
"body": "Lato",
"code": "Roboto Mono"
},
"colors": {
"text": "4E342E",
"textSecondary": "000000",
"background": "E0C097",
"accent": "3E2723",
"border": "3E2723",
"codeBg": "D7B486",
"blockquoteBg": "E0C097",
"blockquoteBorder": "3E2723"
}
},
"elements": {
"h1": {
"font": "heading",
"size": 36,
"color": "accent",
"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": 2,
"spacing": {
"before": 36,
"after": 18,
"line": 1.3
}
},
"h3": {
"font": "body",
"size": 12,
"color": "textSecondary",
"bold": true,
"align": "center",
"uppercase": true,
"letterSpacing": 1.5,
"spacing": {
"before": 24,
"after": 12,
"line": 1.4
}
},
"h4": {
"font": "body",
"size": 11,
"color": "textSecondary",
"bold": true,
"align": "center",
"uppercase": true,
"letterSpacing": 1,
"spacing": {
"before": 20,
"after": 10,
"line": 1.4
}
},
"h5": {
"font": "body",
"size": 10,
"color": "textSecondary",
"bold": true,
"align": "center",
"uppercase": true,
"spacing": {
"before": 16,
"after": 8,
"line": 1.4
}
},
"h6": {
"font": "body",
"size": 9,
"color": "textSecondary",
"bold": true,
"align": "center",
"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": "center",
"spacing": {
"before": 24,
"after": 24,
"line": 1.6
},
"padding": 20,
"border": {
"top": {
"color": "blockquoteBorder",
"width": 1,
"style": "solid"
},
"bottom": {
"color": "blockquoteBorder",
"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.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": "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"
},
"filter": "sepia(0.3)"
},
"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,309 @@
{
"id": "japanese-zen",
"name": "Japanese Zen",
"category": "minimalist",
"description": "Inspired by Japanese minimalism and wabi-sabi aesthetics. Peaceful typography with intentional asymmetry.",
"vibe": "Zen, Peaceful, Minimal",
"googleFontsImport": "https://fonts.googleapis.com/css2?family=Shippori+Mincho:wght@400;600;700&family=Zen+Kaku+Gothic+New:wght@300;400;500;700&display=swap",
"typography": {
"fonts": {
"heading": "Shippori Mincho",
"body": "Zen Kaku Gothic New",
"code": "Zen Kaku Gothic New"
},
"colors": {
"text": "4A4A4A",
"textSecondary": "2D2D2D",
"background": "FFFFFF",
"accent": "C41E3A",
"border": "E0E0E0",
"codeBg": "F9F9F9",
"blockquoteBg": "FFFFFF",
"blockquoteBorder": "C41E3A"
}
},
"elements": {
"h1": {
"font": "heading",
"size": 28,
"color": "textSecondary",
"bold": false,
"align": "left",
"spacing": {
"before": 56,
"after": 32,
"line": 1.4
}
},
"h2": {
"font": "body",
"size": 12,
"color": "5C5C5C",
"bold": false,
"align": "left",
"letterSpacing": 2,
"spacing": {
"before": 40,
"after": 20,
"line": 1.5
}
},
"h3": {
"font": "heading",
"size": 14,
"color": "textSecondary",
"bold": false,
"align": "left",
"spacing": {
"before": 24,
"after": 12,
"line": 1.5
}
},
"h4": {
"font": "heading",
"size": 12,
"color": "textSecondary",
"bold": false,
"align": "left",
"spacing": {
"before": 20,
"after": 10,
"line": 1.5
}
},
"h5": {
"font": "body",
"size": 11,
"color": "textSecondary",
"bold": true,
"align": "left",
"spacing": {
"before": 16,
"after": 8,
"line": 1.5
}
},
"h6": {
"font": "body",
"size": 10,
"color": "textSecondary",
"bold": true,
"align": "left",
"spacing": {
"before": 16,
"after": 8,
"line": 1.5
}
},
"p": {
"font": "body",
"size": 10,
"color": "text",
"align": "left",
"spacing": {
"before": 0,
"after": 20,
"line": 1.8
}
},
"blockquote": {
"font": "heading",
"size": 11,
"color": "text",
"italic": false,
"align": "left",
"spacing": {
"before": 36,
"after": 36,
"line": 1.8
},
"padding": 24,
"border": {
"left": {
"color": "blockquoteBorder",
"width": 2,
"style": "solid"
}
},
"background": "blockquoteBg"
},
"code": {
"font": "code",
"size": 10,
"color": "textSecondary",
"background": "codeBg",
"spacing": {
"before": 0,
"after": 0,
"line": 1.5
}
},
"pre": {
"font": "code",
"size": 10,
"color": "textSecondary",
"background": "codeBg",
"padding": 16,
"spacing": {
"before": 16,
"after": 16,
"line": 1.5
},
"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": "heading",
"bold": true,
"color": "textSecondary"
},
"em": {
"font": "heading",
"italic": true
},
"a": {
"font": "body",
"color": "accent",
"underline": false,
"bold": true
},
"table": {
"spacing": {
"before": 24,
"after": 24,
"line": 1.5
},
"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": 40,
"after": 40
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"img": {
"align": "center",
"spacing": {
"before": 32,
"after": 32
},
"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,322 @@
{
"id": "minimalist-black",
"name": "Minimalist Black",
"category": "minimalist",
"description": "Ultra-minimal dark design with stark contrasts. High-impact typography on dark backgrounds.",
"vibe": "Dark, Minimal, Bold",
"googleFontsImport": "https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Work+Sans:wght@300;400;500;600&family=Inconsolata:wght@400;700&display=swap",
"typography": {
"fonts": {
"heading": "Bebas Neue",
"body": "Work Sans",
"code": "Inconsolata"
},
"colors": {
"text": "E0E0E0",
"textSecondary": "FFFFFF",
"background": "0A0A0A",
"accent": "FFFFFF",
"border": "333333",
"codeBg": "121212",
"blockquoteBg": "0A0A0A",
"blockquoteBorder": "FFFFFF"
}
},
"elements": {
"h1": {
"font": "heading",
"size": 48,
"color": "textSecondary",
"bold": false,
"align": "left",
"letterSpacing": 3,
"background": "background",
"padding": 16,
"spacing": {
"before": 48,
"after": 24,
"line": 1.2
}
},
"h2": {
"font": "body",
"size": 12,
"color": "textSecondary",
"bold": false,
"align": "left",
"uppercase": true,
"letterSpacing": 4,
"spacing": {
"before": 32,
"after": 16,
"line": 1.3
}
},
"h3": {
"font": "body",
"size": 11,
"color": "textSecondary",
"bold": true,
"align": "left",
"uppercase": true,
"letterSpacing": 2,
"spacing": {
"before": 24,
"after": 12,
"line": 1.4
}
},
"h4": {
"font": "body",
"size": 10,
"color": "textSecondary",
"bold": true,
"align": "left",
"uppercase": true,
"letterSpacing": 1,
"spacing": {
"before": 20,
"after": 10,
"line": 1.4
}
},
"h5": {
"font": "body",
"size": 10,
"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": 11,
"color": "textSecondary",
"italic": true,
"align": "left",
"spacing": {
"before": 28,
"after": 28,
"line": 1.7
},
"padding": 24,
"border": {
"left": {
"color": "blockquoteBorder",
"width": 1,
"style": "solid"
}
},
"background": "blockquoteBg"
},
"code": {
"font": "code",
"size": 10,
"color": "text",
"background": "codeBg",
"spacing": {
"before": 0,
"after": 0,
"line": 1.5
}
},
"pre": {
"font": "code",
"size": 10,
"color": "text",
"background": "codeBg",
"padding": 16,
"spacing": {
"before": 16,
"after": 16,
"line": 1.5
},
"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": "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.5
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"th": {
"font": "body",
"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": "border",
"width": 1,
"style": "solid"
}
},
"img": {
"align": "center",
"spacing": {
"before": 24,
"after": 24
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
},
"filter": "grayscale(100%) contrast(120%)"
},
"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": 72,
"right": 72
},
"columns": 1,
"header": true,
"footer": true
}
}

View File

@@ -0,0 +1,310 @@
{
"id": "minimalist-white",
"name": "Minimalist White",
"category": "minimalist",
"description": "Ultra-clean design with maximum white space. Less is more philosophy with restrained typography that lets content breathe.",
"vibe": "Clean, Modern, Sophisticated",
"googleFontsImport": "https://fonts.googleapis.com/css2?family=Work+Sans:wght@300;400;600&family=IBM+Plex+Mono:wght@400;600&display=swap",
"typography": {
"fonts": {
"heading": "Work Sans",
"body": "Work Sans",
"code": "IBM Plex Mono"
},
"colors": {
"text": "555555",
"textSecondary": "444444",
"background": "FFFFFF",
"accent": "111111",
"border": "DDDDDD",
"codeBg": "FAFAFA",
"blockquoteBg": "FFFFFF",
"blockquoteBorder": "DDDDDD"
}
},
"elements": {
"h1": {
"font": "heading",
"size": 32,
"color": "accent",
"bold": false,
"align": "left",
"letterSpacing": -1,
"spacing": {
"before": 48,
"after": 32,
"line": 1.2
}
},
"h2": {
"font": "heading",
"size": 14,
"color": "textSecondary",
"bold": true,
"align": "left",
"spacing": {
"before": 40,
"after": 20,
"line": 1.3
}
},
"h3": {
"font": "heading",
"size": 12,
"color": "textSecondary",
"bold": true,
"align": "left",
"spacing": {
"before": 24,
"after": 12,
"line": 1.4
}
},
"h4": {
"font": "heading",
"size": 11,
"color": "textSecondary",
"bold": true,
"align": "left",
"spacing": {
"before": 20,
"after": 10,
"line": 1.4
}
},
"h5": {
"font": "body",
"size": 10,
"color": "textSecondary",
"bold": true,
"align": "left",
"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": 18,
"line": 1.8
}
},
"blockquote": {
"font": "body",
"size": 11,
"color": "666666",
"italic": false,
"align": "left",
"spacing": {
"before": 32,
"after": 32,
"line": 1.8
},
"padding": 24,
"border": {
"left": {
"color": "blockquoteBorder",
"width": 1,
"style": "solid"
}
},
"background": "blockquoteBg"
},
"code": {
"font": "code",
"size": 10,
"color": "textSecondary",
"background": "codeBg",
"spacing": {
"before": 0,
"after": 0,
"line": 1.5
}
},
"pre": {
"font": "code",
"size": 10,
"color": "textSecondary",
"background": "codeBg",
"padding": 16,
"spacing": {
"before": 16,
"after": 16,
"line": 1.5
},
"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": "textSecondary"
},
"em": {
"font": "body",
"italic": true
},
"a": {
"font": "body",
"color": "accent",
"underline": true,
"bold": true
},
"table": {
"spacing": {
"before": 24,
"after": 24,
"line": 1.5
},
"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": 40,
"after": 40
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"img": {
"align": "center",
"spacing": {
"before": 32,
"after": 32
},
"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": "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": 2,
"header": true,
"footer": true
}
}

View File

@@ -0,0 +1,313 @@
{
"id": "museum-gallery",
"name": "Museum Gallery",
"category": "minimalist",
"description": "Art gallery placard style. Extremely neutral sans-serifs, high contrast, small but clear text.",
"vibe": "Neutral, Institutional, Clean",
"googleFontsImport": "https://fonts.googleapis.com/css2?family=Karla:wght@400;700&family=Work+Sans:wght@400;600;700&family=Space+Mono&display=swap",
"typography": {
"fonts": {
"heading": "Work Sans",
"body": "Karla",
"code": "Space Mono"
},
"colors": {
"text": "212121",
"textSecondary": "000000",
"background": "FFFFFF",
"accent": "000000",
"border": "E0E0E0",
"codeBg": "F5F5F5",
"blockquoteBg": "FFFFFF",
"blockquoteBorder": "000000"
}
},
"elements": {
"h1": {
"font": "heading",
"size": 24,
"color": "textSecondary",
"bold": true,
"align": "left",
"spacing": {
"before": 48,
"after": 20,
"line": 1.2
}
},
"h2": {
"font": "body",
"size": 12,
"color": "616161",
"bold": true,
"align": "left",
"uppercase": true,
"letterSpacing": 1,
"spacing": {
"before": 24,
"after": 14,
"line": 1.3
}
},
"h3": {
"font": "heading",
"size": 14,
"color": "textSecondary",
"bold": true,
"align": "left",
"spacing": {
"before": 24,
"after": 12,
"line": 1.4
}
},
"h4": {
"font": "heading",
"size": 12,
"color": "textSecondary",
"bold": true,
"align": "left",
"spacing": {
"before": 20,
"after": 10,
"line": 1.4
}
},
"h5": {
"font": "body",
"size": 10,
"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": 14,
"line": 1.6
}
},
"blockquote": {
"font": "body",
"size": 11,
"color": "424242",
"italic": false,
"align": "left",
"spacing": {
"before": 20,
"after": 20,
"line": 1.6
},
"padding": 16,
"border": {
"left": {
"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": "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": "heading",
"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": "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": "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": 2,
"header": true,
"footer": true
}
}

View File

@@ -0,0 +1,304 @@
{
"id": "muted-pastel",
"name": "Muted Pastel",
"category": "minimalist",
"description": "Soft and calming. Very light background tints with gentle, rounded typography.",
"vibe": "Soft, Calming, Gentle",
"googleFontsImport": "https://fonts.googleapis.com/css2?family=Nunito:wght@400;700&family=Quicksand:wght@400;600&family=Comfortaa:wght@400;700&display=swap",
"typography": {
"fonts": {
"heading": "Nunito",
"body": "Quicksand",
"code": "Comfortaa"
},
"colors": {
"text": "616161",
"textSecondary": "7986CB",
"background": "FDFBF7",
"accent": "9575CD",
"border": "E1BEE7",
"codeBg": "F3E5F5",
"blockquoteBg": "F3E5F5",
"blockquoteBorder": "9575CD"
}
},
"elements": {
"h1": {
"font": "heading",
"size": 28,
"color": "textSecondary",
"bold": true,
"align": "center",
"spacing": {
"before": 48,
"after": 24,
"line": 1.2
}
},
"h2": {
"font": "body",
"size": 14,
"color": "accent",
"bold": true,
"align": "center",
"spacing": {
"before": 36,
"after": 18,
"line": 1.3
}
},
"h3": {
"font": "heading",
"size": 12,
"color": "accent",
"bold": true,
"align": "center",
"spacing": {
"before": 24,
"after": 12,
"line": 1.4
}
},
"h4": {
"font": "heading",
"size": 11,
"color": "accent",
"bold": true,
"align": "center",
"spacing": {
"before": 20,
"after": 10,
"line": 1.4
}
},
"h5": {
"font": "body",
"size": 10,
"color": "text",
"bold": true,
"align": "center",
"spacing": {
"before": 16,
"after": 8,
"line": 1.4
}
},
"h6": {
"font": "body",
"size": 10,
"color": "text",
"bold": true,
"align": "center",
"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.7
},
"padding": 24,
"borderRadius": 20,
"background": "blockquoteBg"
},
"code": {
"font": "code",
"size": 10,
"color": "textSecondary",
"background": "codeBg",
"spacing": {
"before": 0,
"after": 0,
"line": 1.5
}
},
"pre": {
"font": "code",
"size": 10,
"color": "textSecondary",
"background": "codeBg",
"padding": 16,
"spacing": {
"before": 16,
"after": 16,
"line": 1.5
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
},
"borderRadius": 12
},
"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": "heading",
"bold": true,
"color": "accent"
},
"em": {
"font": "body",
"italic": true
},
"a": {
"font": "heading",
"color": "textSecondary",
"underline": true,
"bold": true
},
"table": {
"spacing": {
"before": 24,
"after": 24,
"line": 1.5
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"th": {
"font": "heading",
"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": "border",
"width": 2,
"style": "dashed"
}
},
"img": {
"align": "center",
"spacing": {
"before": 24,
"after": 24
},
"border": {
"color": "border",
"width": 2,
"style": "solid"
},
"borderRadius": 12
},
"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,310 @@
{
"id": "scandinavian-clean",
"name": "Scandinavian Clean",
"category": "minimalist",
"description": "Inspired by Nordic design principles. Clean lines, functional typography, and subtle warmth with muted colors.",
"vibe": "Nordic, Clean, Warm Minimal",
"googleFontsImport": "https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600&family=Karla:wght@400;700&display=swap",
"typography": {
"fonts": {
"heading": "Poppins",
"body": "Poppins",
"code": "Karla"
},
"colors": {
"text": "4A4A4A",
"textSecondary": "2C2C2C",
"background": "FFFFFF",
"accent": "E07A5F",
"border": "E0E0E0",
"codeBg": "F5F5F5",
"blockquoteBg": "FFFFFF",
"blockquoteBorder": "E07A5F"
}
},
"elements": {
"h1": {
"font": "heading",
"size": 28,
"color": "textSecondary",
"bold": false,
"align": "left",
"spacing": {
"before": 48,
"after": 24,
"line": 1.2
}
},
"h2": {
"font": "heading",
"size": 14,
"color": "5D5D5D",
"bold": true,
"align": "left",
"spacing": {
"before": 36,
"after": 18,
"line": 1.3
}
},
"h3": {
"font": "heading",
"size": 12,
"color": "5D5D5D",
"bold": true,
"align": "left",
"spacing": {
"before": 24,
"after": 12,
"line": 1.4
}
},
"h4": {
"font": "heading",
"size": 11,
"color": "5D5D5D",
"bold": true,
"align": "left",
"spacing": {
"before": 20,
"after": 10,
"line": 1.4
}
},
"h5": {
"font": "body",
"size": 10,
"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": "body",
"size": 11,
"color": "666666",
"italic": false,
"align": "left",
"spacing": {
"before": 28,
"after": 28,
"line": 1.7
},
"padding": 20,
"border": {
"left": {
"color": "blockquoteBorder",
"width": 3,
"style": "solid"
}
},
"background": "blockquoteBg"
},
"code": {
"font": "code",
"size": 10,
"color": "textSecondary",
"background": "codeBg",
"spacing": {
"before": 0,
"after": 0,
"line": 1.5
}
},
"pre": {
"font": "code",
"size": 10,
"color": "textSecondary",
"background": "codeBg",
"padding": 16,
"spacing": {
"before": 16,
"after": 16,
"line": 1.5
},
"border": {
"color": "border",
"width": 0,
"style": "solid"
},
"borderRadius": 4
},
"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": "body",
"italic": true
},
"a": {
"font": "body",
"color": "accent",
"underline": true,
"bold": true
},
"table": {
"spacing": {
"before": 24,
"after": 24,
"line": 1.5
},
"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": 0,
"style": "solid"
},
"borderRadius": 4
},
"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,327 @@
{
"id": "swiss-grid",
"name": "Swiss International",
"category": "minimalist",
"description": "Objective, bold, and asymmetric. Heavy use of black and white, strong grid alignment.",
"vibe": "Architecture, Design, Modernism",
"googleFontsImport": "https://fonts.googleapis.com/css2?family=Inter:wght@400;700;900&family=Space+Grotesk:wght@400;700&display=swap",
"typography": {
"fonts": {
"heading": "Inter",
"body": "Inter",
"code": "Space Grotesk"
},
"colors": {
"text": "111111",
"textSecondary": "000000",
"background": "FFFFFF",
"accent": "000000",
"border": "000000",
"codeBg": "F0F0F0",
"blockquoteBg": "FFFFFF",
"blockquoteBorder": "000000"
}
},
"elements": {
"h1": {
"font": "heading",
"size": 42,
"color": "textSecondary",
"bold": true,
"align": "left",
"letterSpacing": -2,
"border": {
"top": {
"color": "border",
"width": 6,
"style": "solid"
}
},
"padding": 24,
"spacing": {
"before": 64,
"after": 24,
"line": 1
}
},
"h2": {
"font": "heading",
"size": 16,
"color": "textSecondary",
"bold": true,
"align": "left",
"uppercase": true,
"letterSpacing": 2,
"spacing": {
"before": 40,
"after": 16,
"line": 1.2
}
},
"h3": {
"font": "heading",
"size": 14,
"color": "textSecondary",
"bold": true,
"align": "left",
"uppercase": true,
"letterSpacing": 1.5,
"spacing": {
"before": 24,
"after": 12,
"line": 1.3
}
},
"h4": {
"font": "heading",
"size": 12,
"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.5
}
},
"blockquote": {
"font": "heading",
"size": 12,
"color": "textSecondary",
"italic": false,
"bold": true,
"align": "left",
"spacing": {
"before": 24,
"after": 24,
"line": 1.4
},
"padding": 20,
"border": {
"left": {
"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": 2,
"style": "solid"
}
},
"ul": {
"spacing": {
"before": 16,
"after": 16,
"line": 1.5
},
"indent": 24,
"bullet": "square"
},
"ol": {
"spacing": {
"before": 16,
"after": 16,
"line": 1.5
},
"indent": 24,
"numbering": "decimal"
},
"li": {
"font": "body",
"size": 10,
"color": "text",
"spacing": {
"before": 4,
"after": 4,
"line": 1.5
}
},
"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": 2,
"style": "solid"
}
},
"th": {
"font": "heading",
"size": 10,
"color": "textSecondary",
"bold": true,
"background": "codeBg",
"padding": 12,
"uppercase": true,
"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": 48,
"after": 48
},
"border": {
"color": "border",
"width": 2,
"style": "solid"
}
},
"img": {
"align": "left",
"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": "border",
"color": "textSecondary"
},
"footnote": {
"font": "body",
"size": 10,
"color": "textSecondary",
"superScript": true
},
"footnoteRef": {
"font": "body",
"size": 10,
"color": "textSecondary",
"spacing": {
"before": 4,
"after": 4,
"line": 1.2
}
}
},
"page": {
"margins": {
"top": 72,
"bottom": 72,
"left": 72,
"right": 72
},
"columns": 3,
"header": true,
"footer": true
}
}

View File

@@ -0,0 +1,318 @@
{
"id": "wireframe-layout",
"name": "Wireframe Layout",
"category": "minimalist",
"description": "Digital blueprint style. Grey backgrounds, monospaced fonts, and placeholder-like blocks.",
"vibe": "Digital, Prototype, Structural",
"googleFontsImport": "https://fonts.googleapis.com/css2?family=Redacted+Script&family=Flow+Circular&family=Roboto+Mono:wght@400;700&display=swap",
"typography": {
"fonts": {
"heading": "Roboto Mono",
"body": "Roboto Mono",
"code": "Roboto Mono"
},
"colors": {
"text": "333333",
"textSecondary": "555555",
"background": "FFFFFF",
"accent": "0000FF",
"highlight": "E0E0E0",
"border": "CCCCCC",
"codeBg": "F0F0F0",
"blockquoteBg": "F9F9F9",
"blockquoteBorder": "999999"
}
},
"elements": {
"h1": {
"font": "heading",
"size": 24,
"color": "accent",
"bold": true,
"align": "left",
"background": "highlight",
"padding": 12,
"spacing": {
"before": 48,
"after": 24,
"line": 1.2
}
},
"h2": {
"font": "heading",
"size": 14,
"color": "textSecondary",
"bold": true,
"align": "left",
"border": {
"bottom": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"padding": 4,
"spacing": {
"before": 36,
"after": 18,
"line": 1.3
}
},
"h3": {
"font": "heading",
"size": 12,
"color": "textSecondary",
"bold": true,
"align": "left",
"spacing": {
"before": 24,
"after": 12,
"line": 1.4
}
},
"h4": {
"font": "heading",
"size": 11,
"color": "textSecondary",
"bold": true,
"align": "left",
"spacing": {
"before": 20,
"after": 10,
"line": 1.4
}
},
"h5": {
"font": "body",
"size": 10,
"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.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": 1,
"style": "dashed"
},
"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.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": "dashed"
}
},
"th": {
"font": "heading",
"size": 10,
"color": "textSecondary",
"bold": true,
"background": "highlight",
"padding": 12,
"borderBottom": {
"color": "accent",
"width": 1,
"style": "solid"
}
},
"td": {
"font": "body",
"size": 10,
"color": "text",
"padding": 12,
"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": "dashed"
},
"background": "highlight"
},
"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": "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,309 @@
{
"id": "zen-garden",
"name": "Zen Garden",
"category": "minimalist",
"description": "Inspired by Japanese rock gardens. Extreme minimalism with meditative spacing and natural balance.",
"vibe": "Meditative, Balanced, Serene",
"googleFontsImport": "https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@400;600&family=Noto+Sans+JP:wght@300;400;700&display=swap",
"typography": {
"fonts": {
"heading": "Noto Serif JP",
"body": "Noto Sans JP",
"code": "Noto Sans JP"
},
"colors": {
"text": "4A4A4A",
"textSecondary": "2C2C2C",
"background": "FFFFFF",
"accent": "6B8E6B",
"border": "E8E8E8",
"codeBg": "F9F9F9",
"blockquoteBg": "FFFFFF",
"blockquoteBorder": "6B8E6B"
}
},
"elements": {
"h1": {
"font": "heading",
"size": 26,
"color": "textSecondary",
"bold": true,
"align": "left",
"spacing": {
"before": 60,
"after": 40,
"line": 1.4
}
},
"h2": {
"font": "body",
"size": 11,
"color": "5C5C5C",
"bold": false,
"align": "left",
"letterSpacing": 2,
"spacing": {
"before": 48,
"after": 24,
"line": 1.6
}
},
"h3": {
"font": "heading",
"size": 13,
"color": "textSecondary",
"bold": true,
"align": "left",
"spacing": {
"before": 32,
"after": 16,
"line": 1.6
}
},
"h4": {
"font": "heading",
"size": 12,
"color": "textSecondary",
"bold": true,
"align": "left",
"spacing": {
"before": 24,
"after": 12,
"line": 1.6
}
},
"h5": {
"font": "body",
"size": 10,
"color": "textSecondary",
"bold": true,
"align": "left",
"spacing": {
"before": 20,
"after": 10,
"line": 1.6
}
},
"h6": {
"font": "body",
"size": 10,
"color": "textSecondary",
"bold": true,
"align": "left",
"spacing": {
"before": 20,
"after": 10,
"line": 1.6
}
},
"p": {
"font": "body",
"size": 10,
"color": "text",
"align": "left",
"spacing": {
"before": 0,
"after": 20,
"line": 2.0
}
},
"blockquote": {
"font": "heading",
"size": 12,
"color": "textSecondary",
"italic": false,
"align": "left",
"spacing": {
"before": 40,
"after": 40,
"line": 1.8
},
"padding": 32,
"border": {
"left": {
"color": "blockquoteBorder",
"width": 1,
"style": "solid"
}
},
"background": "blockquoteBg"
},
"code": {
"font": "code",
"size": 10,
"color": "textSecondary",
"background": "codeBg",
"spacing": {
"before": 0,
"after": 0,
"line": 1.6
}
},
"pre": {
"font": "code",
"size": 10,
"color": "textSecondary",
"background": "codeBg",
"padding": 24,
"spacing": {
"before": 24,
"after": 24,
"line": 1.6
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"ul": {
"spacing": {
"before": 20,
"after": 20,
"line": 2.0
},
"indent": 24,
"bullet": "circle"
},
"ol": {
"spacing": {
"before": 20,
"after": 20,
"line": 2.0
},
"indent": 24,
"numbering": "decimal"
},
"li": {
"font": "body",
"size": 10,
"color": "text",
"spacing": {
"before": 4,
"after": 4,
"line": 2.0
}
},
"strong": {
"font": "heading",
"bold": true,
"color": "textSecondary"
},
"em": {
"font": "body",
"italic": true
},
"a": {
"font": "body",
"color": "accent",
"underline": false,
"bold": true
},
"table": {
"spacing": {
"before": 24,
"after": 24,
"line": 1.6
},
"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": 48,
"after": 48
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"img": {
"align": "center",
"spacing": {
"before": 32,
"after": 32
},
"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
}
}