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,317 @@
{
"id": "bauhaus-poster",
"name": "Bauhaus Poster",
"category": "creative",
"description": "Geometric minimalism inspired by the Bauhaus movement (1919-1933). Primary colors, bold diagonal lines, and functional typography.",
"vibe": "Geometric, Modernist, Functional",
"googleFontsImport": "https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Jost: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": "Josefin Sans",
"body": "Jost",
"code": "Jost"
},
"colors": {
"text": "212121",
"textSecondary": "D50000",
"background": "F5F5F0",
"accent": "2962FF",
"border": "000000",
"codeBg": "FFEB3B",
"blockquoteBorder": "D50000"
}
},
"elements": {
"h1": {
"font": "heading",
"size": 48,
"color": "textSecondary",
"bold": true,
"align": "right",
"spacing": {
"before": 48,
"after": 24,
"line": 1.1
},
"borderBottom": {
"color": "border",
"width": 8,
"style": "solid",
"space": 10
},
"allCaps": true,
"rotation": -2
},
"h2": {
"font": "heading",
"size": 24,
"color": "accent",
"bold": true,
"align": "left",
"spacing": {
"before": 36,
"after": 18,
"line": 1.2
},
"background": "codeBg",
"padding": 12,
"rotation": 1
},
"h3": {
"font": "heading",
"size": 20,
"color": "text",
"bold": true,
"align": "left",
"spacing": {
"before": 24,
"after": 12,
"line": 1.2
},
"borderLeft": {
"color": "accent",
"width": 12,
"style": "solid",
"space": 12
}
},
"h4": {
"font": "body",
"size": 18,
"color": "textSecondary",
"bold": true,
"align": "left",
"spacing": {
"before": 20,
"after": 10,
"line": 1.3
}
},
"h5": {
"font": "body",
"size": 14,
"color": "accent",
"bold": true,
"align": "left",
"spacing": {
"before": 16,
"after": 8,
"line": 1.4
},
"allCaps": true
},
"h6": {
"font": "body",
"size": 12,
"color": "text",
"italic": true,
"align": "left",
"spacing": {
"before": 16,
"after": 8,
"line": 1.4
}
},
"p": {
"font": "body",
"size": 12,
"color": "text",
"align": "justify",
"spacing": {
"before": 0,
"after": 16,
"line": 1.6
}
},
"blockquote": {
"font": "heading",
"size": 14,
"color": "text",
"italic": true,
"align": "left",
"spacing": {
"before": 24,
"after": 24,
"line": 1.5
},
"padding": 24,
"borderLeft": {
"color": "textSecondary",
"width": 16,
"style": "solid"
},
"background": "transparent"
},
"code": {
"font": "code",
"size": 11,
"color": "text",
"background": "codeBg",
"spacing": {
"before": 0,
"after": 0,
"line": 1.4
}
},
"pre": {
"font": "code",
"size": 11,
"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": 32,
"bullet": "square"
},
"ol": {
"spacing": {
"before": 16,
"after": 16,
"line": 1.6
},
"indent": 32,
"numbering": "decimal"
},
"li": {
"font": "body",
"size": 12,
"color": "text",
"spacing": {
"before": 4,
"after": 4,
"line": 1.6
}
},
"strong": {
"font": "heading",
"bold": true,
"color": "text"
},
"em": {
"font": "body",
"italic": true
},
"a": {
"font": "body",
"color": "accent",
"underline": true,
"bold": true
},
"table": {
"spacing": {
"before": 24,
"after": 24,
"line": 1.2
},
"border": {
"color": "border",
"width": 2,
"style": "solid"
}
},
"th": {
"font": "heading",
"size": 12,
"color": "background",
"bold": true,
"background": "textSecondary",
"padding": 12
},
"td": {
"font": "body",
"size": 12,
"color": "text",
"padding": 12,
"borderBottom": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"hr": {
"spacing": {
"before": 32,
"after": 32
},
"border": {
"color": "border",
"width": 8,
"style": "solid"
}
},
"img": {
"align": "center",
"spacing": {
"before": 24,
"after": 24
},
"border": {
"color": "border",
"width": 4,
"style": "solid"
}
},
"del": {
"font": "body",
"strikethrough": true
},
"sup": {
"font": "body",
"size": 9,
"superScript": true
},
"sub": {
"font": "body",
"size": 9,
"subScript": true
},
"mark": {
"font": "body",
"background": "codeBg",
"color": "text"
},
"footnote": {
"font": "body",
"size": 10,
"color": "textSecondary",
"superScript": true
},
"footnoteRef": {
"font": "body",
"size": 10,
"color": "textSecondary",
"spacing": {
"before": 4,
"after": 4,
"line": 1.2
}
}
},
"page": {
"margins": {
"top": 72,
"bottom": 72,
"left": 72,
"right": 72
},
"columns": 1,
"header": true,
"footer": true
}
}

View File

@@ -0,0 +1,314 @@
{
"id": "blueprint-cyanotype",
"name": "Blueprint Cyanotype",
"category": "creative",
"description": "Architectural schematics style with white lines on a deep blue grid. Precise, technical, and annotated.",
"vibe": "Technical, Architectural, Draft",
"googleFontsImport": "https://fonts.googleapis.com/css2?family=Lexend:wght@100..900&family=Architects+Daughter&display=swap",
"typography": {
"fonts": {
"heading": "Lexend",
"body": "Lexend",
"code": "Architects Daughter"
},
"colors": {
"text": "E3F2FD",
"textSecondary": "90CAF9",
"background": "0D47A1",
"accent": "FFEB3B",
"border": "64B5F6",
"codeBg": "1565C0",
"blockquoteBorder": "FFEB3B"
}
},
"elements": {
"h1": {
"font": "heading",
"size": 32,
"color": "text",
"bold": true,
"align": "left",
"spacing": {
"before": 36,
"after": 18,
"line": 1.1
},
"borderBottom": {
"color": "border",
"width": 2,
"style": "solid",
"space": 8
},
"allCaps": true
},
"h2": {
"font": "heading",
"size": 24,
"color": "textSecondary",
"bold": true,
"align": "left",
"spacing": {
"before": 24,
"after": 12,
"line": 1.2
}
},
"h3": {
"font": "heading",
"size": 18,
"color": "text",
"bold": true,
"align": "left",
"spacing": {
"before": 18,
"after": 9,
"line": 1.2
},
"borderLeft": {
"color": "accent",
"width": 4,
"style": "solid",
"space": 8
}
},
"h4": {
"font": "body",
"size": 14,
"color": "textSecondary",
"bold": true,
"align": "left",
"spacing": {
"before": 16,
"after": 8,
"line": 1.3
},
"allCaps": true
},
"h5": {
"font": "body",
"size": 12,
"color": "accent",
"bold": true,
"align": "left",
"spacing": {
"before": 12,
"after": 6,
"line": 1.4
}
},
"h6": {
"font": "code",
"size": 12,
"color": "textSecondary",
"align": "left",
"spacing": {
"before": 12,
"after": 6,
"line": 1.4
}
},
"p": {
"font": "body",
"size": 12,
"color": "text",
"align": "left",
"spacing": {
"before": 0,
"after": 12,
"line": 1.6
}
},
"blockquote": {
"font": "code",
"size": 14,
"color": "accent",
"italic": false,
"align": "left",
"spacing": {
"before": 18,
"after": 18,
"line": 1.4
},
"padding": 12,
"border": {
"color": "border",
"width": 1,
"style": "dashed"
},
"rotation": -1
},
"code": {
"font": "heading",
"size": 10,
"color": "accent",
"background": "codeBg",
"spacing": {
"before": 0,
"after": 0,
"line": 1.4
}
},
"pre": {
"font": "heading",
"size": 10,
"color": "text",
"background": "codeBg",
"padding": 12,
"spacing": {
"before": 12,
"after": 12,
"line": 1.4
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"ul": {
"spacing": {
"before": 12,
"after": 12,
"line": 1.6
},
"indent": 24,
"bullet": "cross"
},
"ol": {
"spacing": {
"before": 12,
"after": 12,
"line": 1.6
},
"indent": 24,
"numbering": "decimal-leading-zero"
},
"li": {
"font": "body",
"size": 12,
"color": "text",
"spacing": {
"before": 4,
"after": 4,
"line": 1.6
}
},
"strong": {
"font": "heading",
"bold": true,
"color": "accent"
},
"em": {
"font": "code",
"italic": false
},
"a": {
"font": "body",
"color": "accent",
"underline": true,
"bold": true
},
"table": {
"spacing": {
"before": 18,
"after": 18,
"line": 1.2
},
"border": {
"color": "border",
"width": 2,
"style": "solid"
}
},
"th": {
"font": "heading",
"size": 12,
"color": "accent",
"bold": true,
"background": "codeBg",
"padding": 8,
"allCaps": true
},
"td": {
"font": "body",
"size": 11,
"color": "text",
"padding": 8,
"borderBottom": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"hr": {
"spacing": {
"before": 24,
"after": 24
},
"border": {
"color": "border",
"width": 1,
"style": "dashed"
}
},
"img": {
"align": "center",
"spacing": {
"before": 18,
"after": 18
},
"border": {
"color": "border",
"width": 2,
"style": "solid"
}
},
"del": {
"font": "code",
"strikethrough": true,
"color": "textSecondary"
},
"sup": {
"font": "body",
"size": 9,
"superScript": true
},
"sub": {
"font": "body",
"size": 9,
"subScript": true
},
"mark": {
"font": "body",
"background": "background",
"color": "background"
},
"footnote": {
"font": "code",
"size": 10,
"color": "textSecondary",
"superScript": true
},
"footnoteRef": {
"font": "code",
"size": 10,
"color": "textSecondary",
"spacing": {
"before": 4,
"after": 4,
"line": 1.2
}
}
},
"page": {
"margins": {
"top": 50,
"bottom": 50,
"left": 50,
"right": 50
},
"columns": 1,
"header": true,
"footer": true
}
}

View File

@@ -0,0 +1,313 @@
{
"id": "brick-toy",
"name": "Brick Toy",
"category": "creative",
"description": "Playful and colorful, inspired by plastic building blocks. Rounded typefaces, primary colors, and a fun, tactile vibe.",
"vibe": "Playful, Colorful, Fun",
"googleFontsImport": "https://fonts.googleapis.com/css2?family=Fredoka:wght@300..700&family=Varela+Round&display=swap",
"typography": {
"fonts": {
"heading": "Fredoka",
"body": "Varela Round",
"code": "Varela Round"
},
"colors": {
"text": "212121",
"textSecondary": "1976D2",
"background": "FFFFFF",
"accent": "D32F2F",
"border": "FFEB3B",
"codeBg": "E3F2FD",
"blockquoteBorder": "388E3C"
}
},
"elements": {
"h1": {
"font": "heading",
"size": 42,
"color": "accent",
"bold": true,
"align": "center",
"spacing": {
"before": 42,
"after": 21,
"line": 1.1
},
"background": "border",
"padding": 16,
"border": {
"color": "text",
"width": 3,
"style": "solid"
}
},
"h2": {
"font": "heading",
"size": 28,
"color": "textSecondary",
"bold": true,
"align": "left",
"spacing": {
"before": 28,
"after": 14,
"line": 1.2
},
"borderBottom": {
"color": "blockquoteBorder",
"width": 4,
"style": "dotted",
"space": 6
}
},
"h3": {
"font": "heading",
"size": 22,
"color": "blockquoteBorder",
"bold": true,
"align": "left",
"spacing": {
"before": 22,
"after": 11,
"line": 1.2
}
},
"h4": {
"font": "body",
"size": 18,
"color": "text",
"bold": true,
"align": "left",
"spacing": {
"before": 18,
"after": 9,
"line": 1.3
}
},
"h5": {
"font": "body",
"size": 16,
"color": "accent",
"bold": true,
"align": "left",
"spacing": {
"before": 16,
"after": 8,
"line": 1.4
}
},
"h6": {
"font": "body",
"size": 14,
"color": "textSecondary",
"bold": true,
"align": "left",
"spacing": {
"before": 14,
"after": 7,
"line": 1.4
}
},
"p": {
"font": "body",
"size": 14,
"color": "text",
"align": "left",
"spacing": {
"before": 0,
"after": 14,
"line": 1.6
}
},
"blockquote": {
"font": "heading",
"size": 16,
"color": "textSecondary",
"italic": false,
"align": "center",
"spacing": {
"before": 24,
"after": 24,
"line": 1.5
},
"padding": 20,
"background": "codeBg",
"border": {
"color": "textSecondary",
"width": 4,
"style": "solid"
}
},
"code": {
"font": "body",
"size": 12,
"color": "accent",
"background": "border",
"spacing": {
"before": 0,
"after": 0,
"line": 1.4
}
},
"pre": {
"font": "body",
"size": 12,
"color": "accent",
"background": "border",
"padding": 16,
"spacing": {
"before": 16,
"after": 16,
"line": 1.4
},
"border": {
"color": "text",
"width": 2,
"style": "solid"
}
},
"ul": {
"spacing": {
"before": 14,
"after": 14,
"line": 1.6
},
"indent": 28,
"bullet": "disc"
},
"ol": {
"spacing": {
"before": 14,
"after": 14,
"line": 1.6
},
"indent": 28,
"numbering": "decimal"
},
"li": {
"font": "body",
"size": 14,
"color": "text",
"spacing": {
"before": 4,
"after": 4,
"line": 1.6
}
},
"strong": {
"font": "heading",
"bold": true,
"color": "accent"
},
"em": {
"font": "body",
"italic": true,
"color": "textSecondary"
},
"a": {
"font": "heading",
"color": "textSecondary",
"underline": true,
"bold": true
},
"table": {
"spacing": {
"before": 21,
"after": 21,
"line": 1.2
},
"border": {
"color": "text",
"width": 2,
"style": "solid"
}
},
"th": {
"font": "heading",
"size": 14,
"color": "background",
"bold": true,
"background": "blockquoteBorder",
"padding": 12
},
"td": {
"font": "body",
"size": 14,
"color": "text",
"padding": 12,
"borderBottom": {
"color": "text",
"width": 1,
"style": "solid"
}
},
"hr": {
"spacing": {
"before": 28,
"after": 28
},
"border": {
"color": "accent",
"width": 6,
"style": "dashed"
}
},
"img": {
"align": "center",
"spacing": {
"before": 21,
"after": 21
},
"border": {
"color": "text",
"width": 4,
"style": "solid"
}
},
"del": {
"font": "body",
"strikethrough": true
},
"sup": {
"font": "body",
"size": 10,
"superScript": true
},
"sub": {
"font": "body",
"size": 10,
"subScript": true
},
"mark": {
"font": "body",
"background": "border",
"color": "text"
},
"footnote": {
"font": "body",
"size": 12,
"color": "textSecondary",
"superScript": true
},
"footnoteRef": {
"font": "body",
"size": 12,
"color": "textSecondary",
"spacing": {
"before": 6,
"after": 6,
"line": 1.2
}
}
},
"page": {
"margins": {
"top": 60,
"bottom": 60,
"left": 60,
"right": 60
},
"columns": 1,
"header": true,
"footer": true
}
}

View File

@@ -0,0 +1,341 @@
{
"id": "brutalist-mono",
"name": "Brutalist Mono",
"category": "creative",
"description": "Raw, undiluted design aesthetic. Monospaced type, heavy black borders, and an anti-design ethos.",
"vibe": "Raw, Industrial, Anti-Design",
"googleFontsImport": "https://fonts.googleapis.com/css2?family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&family=DM+Mono:ital,wght@0,300;0,400;0,500;1,300;1,400;1,500&display=swap",
"typography": {
"fonts": {
"heading": "Space Mono",
"body": "DM Mono",
"code": "DM Mono"
},
"colors": {
"text": "000000",
"textSecondary": "333333",
"background": "FFFFFF",
"accent": "000000",
"border": "000000",
"codeBg": "E0E0E0",
"blockquoteBorder": "000000"
}
},
"elements": {
"h1": {
"font": "heading",
"size": 36,
"color": "text",
"bold": true,
"align": "left",
"spacing": {
"before": 40,
"after": 20,
"line": 1.1
},
"border": {
"color": "border",
"width": 6,
"style": "solid"
},
"padding": 24,
"allCaps": true
},
"h2": {
"font": "heading",
"size": 24,
"color": "text",
"bold": true,
"align": "left",
"spacing": {
"before": 32,
"after": 16,
"line": 1.2
},
"background": "codeBg",
"padding": 12,
"borderBottom": {
"color": "border",
"width": 4,
"style": "solid"
}
},
"h3": {
"font": "heading",
"size": 20,
"color": "text",
"bold": true,
"align": "left",
"spacing": {
"before": 24,
"after": 12,
"line": 1.2
},
"borderLeft": {
"color": "border",
"width": 12,
"style": "solid",
"space": 12
}
},
"h4": {
"font": "body",
"size": 16,
"color": "text",
"bold": true,
"align": "left",
"spacing": {
"before": 20,
"after": 10,
"line": 1.3
},
"allCaps": true
},
"h5": {
"font": "heading",
"size": 14,
"color": "textSecondary",
"bold": true,
"align": "left",
"spacing": {
"before": 16,
"after": 8,
"line": 1.4
},
"underline": true
},
"h6": {
"font": "heading",
"size": 12,
"color": "textSecondary",
"bold": false,
"align": "left",
"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": "heading",
"size": 16,
"color": "text",
"italic": false,
"align": "left",
"spacing": {
"before": 24,
"after": 24,
"line": 1.4
},
"padding": 24,
"border": {
"color": "border",
"width": 4,
"style": "solid"
},
"background": "codeBg"
},
"code": {
"font": "body",
"size": 11,
"color": "text",
"background": "codeBg",
"spacing": {
"before": 0,
"after": 0,
"line": 1.4
}
},
"pre": {
"font": "body",
"size": 11,
"color": "text",
"background": "background",
"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": 32,
"bullet": "square"
},
"ol": {
"spacing": {
"before": 16,
"after": 16,
"line": 1.6
},
"indent": 32,
"numbering": "decimal-leading-zero"
},
"li": {
"font": "body",
"size": 12,
"color": "text",
"spacing": {
"before": 4,
"after": 4,
"line": 1.6
}
},
"strong": {
"font": "heading",
"bold": true,
"color": "text"
},
"em": {
"font": "body",
"italic": true,
"background": "codeBg"
},
"a": {
"font": "heading",
"color": "text",
"underline": true,
"bold": true,
"background": "codeBg"
},
"table": {
"spacing": {
"before": 24,
"after": 24,
"line": 1.2
},
"border": {
"color": "border",
"width": 4,
"style": "solid"
}
},
"th": {
"font": "heading",
"size": 12,
"color": "background",
"bold": true,
"background": "text",
"padding": 12,
"borderBottom": {
"color": "border",
"width": 4,
"style": "solid"
},
"borderRight": {
"color": "background",
"width": 1,
"style": "solid"
}
},
"td": {
"font": "body",
"size": 12,
"color": "text",
"padding": 12,
"borderBottom": {
"color": "border",
"width": 1,
"style": "solid"
},
"borderRight": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"hr": {
"spacing": {
"before": 32,
"after": 32
},
"border": {
"color": "border",
"width": 8,
"style": "solid"
}
},
"img": {
"align": "left",
"spacing": {
"before": 24,
"after": 24
},
"border": {
"color": "border",
"width": 4,
"style": "solid"
},
"grayscale": true
},
"del": {
"font": "body",
"strikethrough": true,
"background": "text",
"color": "background"
},
"sup": {
"font": "body",
"size": 10,
"superScript": true
},
"sub": {
"font": "body",
"size": 10,
"subScript": true
},
"mark": {
"font": "body",
"background": "text",
"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": 60,
"bottom": 60,
"left": 60,
"right": 60
},
"columns": 1,
"header": true,
"footer": true
}
}

View File

@@ -0,0 +1,306 @@
{
"id": "creative-portfolio",
"name": "Creative Portfolio",
"category": "creative",
"description": "Minimalist gallery style for showcasing visual work. Focuses on images and clean typography.",
"vibe": "Minimalist, Visual, Gallery",
"googleFontsImport": "https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,300..900;1,300..900&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap",
"typography": {
"fonts": {
"heading": "Playfair Display",
"body": "Jost",
"code": "Jost"
},
"colors": {
"text": "212121",
"textSecondary": "757575",
"background": "FFFFFF",
"accent": "000000",
"border": "E0E0E0",
"codeBg": "F5F5F5",
"blockquoteBorder": "000000"
}
},
"elements": {
"h1": {
"font": "heading",
"size": 42,
"color": "text",
"bold": false,
"align": "left",
"spacing": {
"before": 42,
"after": 42,
"line": 1.2
}
},
"h2": {
"font": "heading",
"size": 28,
"color": "text",
"bold": false,
"align": "left",
"spacing": {
"before": 48,
"after": 24,
"line": 1.2
}
},
"h3": {
"font": "heading",
"size": 22,
"color": "text",
"bold": false,
"align": "left",
"spacing": {
"before": 32,
"after": 16,
"line": 1.3
}
},
"h4": {
"font": "body",
"size": 18,
"color": "text",
"bold": true,
"align": "left",
"spacing": {
"before": 24,
"after": 12,
"line": 1.4
},
"allCaps": true,
"letterSpacing": 2
},
"h5": {
"font": "body",
"size": 16,
"color": "textSecondary",
"bold": true,
"align": "left",
"spacing": {
"before": 16,
"after": 8,
"line": 1.4
}
},
"h6": {
"font": "body",
"size": 14,
"color": "textSecondary",
"bold": true,
"align": "left",
"spacing": {
"before": 16,
"after": 8,
"line": 1.4
},
"allCaps": true
},
"p": {
"font": "body",
"size": 16,
"color": "textSecondary",
"align": "left",
"spacing": {
"before": 0,
"after": 24,
"line": 1.6
}
},
"blockquote": {
"font": "heading",
"size": 24,
"color": "text",
"italic": true,
"align": "left",
"spacing": {
"before": 40,
"after": 40,
"line": 1.4
},
"padding": 0,
"border": {
"color": "transparent",
"width": 0,
"style": "none"
},
"background": "transparent"
},
"code": {
"font": "body",
"size": 14,
"color": "text",
"background": "codeBg",
"spacing": {
"before": 0,
"after": 0,
"line": 1.4
}
},
"pre": {
"font": "body",
"size": 14,
"color": "text",
"background": "codeBg",
"padding": 24,
"spacing": {
"before": 24,
"after": 24,
"line": 1.4
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"ul": {
"spacing": {
"before": 24,
"after": 24,
"line": 1.6
},
"indent": 24,
"bullet": "square"
},
"ol": {
"spacing": {
"before": 24,
"after": 24,
"line": 1.6
},
"indent": 24,
"numbering": "decimal-leading-zero"
},
"li": {
"font": "body",
"size": 16,
"color": "textSecondary",
"spacing": {
"before": 8,
"after": 8,
"line": 1.6
}
},
"strong": {
"font": "body",
"bold": true,
"color": "text"
},
"em": {
"font": "body",
"italic": true,
"color": "text"
},
"a": {
"font": "body",
"color": "text",
"underline": true,
"bold": true
},
"table": {
"spacing": {
"before": 32,
"after": 32,
"line": 1.4
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"th": {
"font": "body",
"size": 14,
"color": "text",
"bold": true,
"background": "codeBg",
"padding": 16,
"allCaps": true,
"letterSpacing": 1
},
"td": {
"font": "body",
"size": 16,
"color": "textSecondary",
"padding": 16,
"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": "textSecondary"
},
"sup": {
"font": "body",
"size": 12,
"superScript": true
},
"sub": {
"font": "body",
"size": 12,
"subScript": true
},
"mark": {
"font": "body",
"background": "codeBg",
"color": "text"
},
"footnote": {
"font": "body",
"size": 12,
"color": "textSecondary",
"superScript": true
},
"footnoteRef": {
"font": "body",
"size": 12,
"color": "textSecondary",
"spacing": {
"before": 4,
"after": 4,
"line": 1.2
}
}
},
"page": {
"margins": {
"top": 72,
"bottom": 72,
"left": 72,
"right": 72
},
"columns": 1,
"header": true,
"footer": true
}
}

View File

@@ -0,0 +1,308 @@
{
"id": "glitch-art",
"name": "Glitch Art",
"category": "creative",
"description": "Cyberpunk aesthetic with distorted digital noise. High contrast neon colors on dark backgrounds.",
"vibe": "Cyberpunk, Distorted, Digital",
"googleFontsImport": "https://fonts.googleapis.com/css2?family=Rubik+Glitch&family=Share+Tech+Mono&display=swap",
"typography": {
"fonts": {
"heading": "Rubik Glitch",
"body": "Share Tech Mono",
"code": "Share Tech Mono"
},
"colors": {
"text": "E0E0E0",
"textSecondary": "00E5FF",
"background": "121212",
"accent": "FF00E6",
"border": "00FF00",
"codeBg": "1E1E1E",
"blockquoteBorder": "00E5FF"
}
},
"elements": {
"h1": {
"font": "heading",
"size": 48,
"color": "accent",
"bold": true,
"align": "left",
"spacing": {
"before": 48,
"after": 24,
"line": 1.1
},
"borderLeft": {
"color": "textSecondary",
"width": 8,
"style": "solid",
"space": 16
}
},
"h2": {
"font": "heading",
"size": 32,
"color": "border",
"bold": true,
"align": "left",
"spacing": {
"before": 36,
"after": 18,
"line": 1.2
},
"allCaps": true
},
"h3": {
"font": "heading",
"size": 24,
"color": "textSecondary",
"bold": true,
"align": "left",
"spacing": {
"before": 24,
"after": 12,
"line": 1.2
}
},
"h4": {
"font": "body",
"size": 20,
"color": "text",
"bold": true,
"align": "left",
"spacing": {
"before": 20,
"after": 10,
"line": 1.3
}
},
"h5": {
"font": "body",
"size": 16,
"color": "accent",
"bold": true,
"align": "left",
"spacing": {
"before": 16,
"after": 8,
"line": 1.4
}
},
"h6": {
"font": "body",
"size": 14,
"color": "border",
"bold": true,
"align": "left",
"spacing": {
"before": 16,
"after": 8,
"line": 1.4
}
},
"p": {
"font": "body",
"size": 14,
"color": "text",
"align": "left",
"spacing": {
"before": 0,
"after": 16,
"line": 1.6
}
},
"blockquote": {
"font": "body",
"size": 16,
"color": "textSecondary",
"italic": true,
"align": "left",
"spacing": {
"before": 24,
"after": 24,
"line": 1.5
},
"padding": 24,
"border": {
"color": "accent",
"width": 2,
"style": "dashed"
},
"background": "codeBg"
},
"code": {
"font": "code",
"size": 12,
"color": "border",
"background": "codeBg",
"spacing": {
"before": 0,
"after": 0,
"line": 1.4
}
},
"pre": {
"font": "code",
"size": 12,
"color": "border",
"background": "codeBg",
"padding": 16,
"spacing": {
"before": 16,
"after": 16,
"line": 1.4
},
"border": {
"color": "textSecondary",
"width": 1,
"style": "solid"
}
},
"ul": {
"spacing": {
"before": 16,
"after": 16,
"line": 1.6
},
"indent": 32,
"bullet": "disc"
},
"ol": {
"spacing": {
"before": 16,
"after": 16,
"line": 1.6
},
"indent": 32,
"numbering": "binary"
},
"li": {
"font": "body",
"size": 14,
"color": "text",
"spacing": {
"before": 4,
"after": 4,
"line": 1.6
}
},
"strong": {
"font": "body",
"bold": true,
"color": "accent"
},
"em": {
"font": "body",
"italic": true,
"color": "textSecondary"
},
"a": {
"font": "body",
"color": "border",
"underline": true,
"bold": true
},
"table": {
"spacing": {
"before": 24,
"after": 24,
"line": 1.2
},
"border": {
"color": "textSecondary",
"width": 1,
"style": "solid"
}
},
"th": {
"font": "heading",
"size": 14,
"color": "background",
"bold": true,
"background": "textSecondary",
"padding": 12
},
"td": {
"font": "body",
"size": 14,
"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": "left",
"spacing": {
"before": 24,
"after": 24
},
"border": {
"color": "border",
"width": 2,
"style": "solid"
}
},
"del": {
"font": "body",
"strikethrough": true,
"color": "border"
},
"sup": {
"font": "body",
"size": 10,
"superScript": true
},
"sub": {
"font": "body",
"size": 10,
"subScript": true
},
"mark": {
"font": "body",
"background": "accent",
"color": "background"
},
"footnote": {
"font": "body",
"size": 12,
"color": "textSecondary",
"superScript": true
},
"footnoteRef": {
"font": "body",
"size": 12,
"color": "textSecondary",
"spacing": {
"before": 6,
"after": 6,
"line": 1.2
}
}
},
"page": {
"margins": {
"top": 60,
"bottom": 60,
"left": 60,
"right": 60
},
"columns": 1,
"header": true,
"footer": true
}
}

View File

@@ -0,0 +1,321 @@
{
"id": "grunge-90s",
"name": "Grunge 90s",
"category": "creative",
"description": "Distressed, chaotic aesthetic inspired by 90s zines and music. Messy typography, torn edges, and angsty vibes.",
"vibe": "Chaotic, Distressed, Raw",
"googleFontsImport": "https://fonts.googleapis.com/css2?family=Rock+Salt&family=Special+Elite&display=swap",
"typography": {
"fonts": {
"heading": "Rock Salt",
"body": "Special Elite",
"code": "Special Elite"
},
"colors": {
"text": "212121",
"textSecondary": "4E342E",
"background": "EFEBE9",
"accent": "D84315",
"border": "3E2723",
"codeBg": "D7CCC8",
"blockquoteBorder": "212121"
}
},
"elements": {
"h1": {
"font": "heading",
"size": 36,
"color": "textSecondary",
"bold": true,
"align": "center",
"spacing": {
"before": 40,
"after": 20,
"line": 1.2
},
"rotation": -2,
"borderBottom": {
"color": "accent",
"width": 6,
"style": "dashed",
"space": 10
}
},
"h2": {
"font": "heading",
"size": 24,
"color": "text",
"bold": true,
"align": "left",
"spacing": {
"before": 30,
"after": 15,
"line": 1.3
},
"rotation": 1,
"background": "accent",
"padding": 8
},
"h3": {
"font": "body",
"size": 20,
"color": "text",
"bold": true,
"align": "left",
"spacing": {
"before": 24,
"after": 12,
"line": 1.3
},
"borderLeft": {
"color": "border",
"width": 4,
"style": "solid",
"space": 8
}
},
"h4": {
"font": "body",
"size": 18,
"color": "textSecondary",
"bold": true,
"align": "left",
"spacing": {
"before": 20,
"after": 10,
"line": 1.3
},
"allCaps": true
},
"h5": {
"font": "body",
"size": 16,
"color": "accent",
"bold": true,
"align": "left",
"spacing": {
"before": 16,
"after": 8,
"line": 1.4
}
},
"h6": {
"font": "body",
"size": 14,
"color": "text",
"italic": true,
"align": "left",
"spacing": {
"before": 16,
"after": 8,
"line": 1.4
}
},
"p": {
"font": "body",
"size": 14,
"color": "text",
"align": "left",
"spacing": {
"before": 0,
"after": 16,
"line": 1.6
}
},
"blockquote": {
"font": "heading",
"size": 14,
"color": "text",
"italic": false,
"align": "center",
"spacing": {
"before": 24,
"after": 24,
"line": 1.5
},
"padding": 20,
"border": {
"color": "border",
"width": 3,
"style": "solid"
},
"rotation": 1
},
"code": {
"font": "code",
"size": 12,
"color": "textSecondary",
"background": "codeBg",
"spacing": {
"before": 0,
"after": 0,
"line": 1.4
}
},
"pre": {
"font": "code",
"size": 12,
"color": "textSecondary",
"background": "codeBg",
"padding": 16,
"spacing": {
"before": 16,
"after": 16,
"line": 1.4
},
"border": {
"color": "border",
"width": 2,
"style": "dashed"
}
},
"ul": {
"spacing": {
"before": 16,
"after": 16,
"line": 1.6
},
"indent": 28,
"bullet": "disc"
},
"ol": {
"spacing": {
"before": 16,
"after": 16,
"line": 1.6
},
"indent": 28,
"numbering": "decimal"
},
"li": {
"font": "body",
"size": 14,
"color": "text",
"spacing": {
"before": 4,
"after": 4,
"line": 1.6
}
},
"strong": {
"font": "heading",
"bold": true,
"color": "textSecondary"
},
"em": {
"font": "body",
"italic": true,
"background": "codeBg"
},
"a": {
"font": "body",
"color": "accent",
"underline": true,
"bold": true
},
"table": {
"spacing": {
"before": 24,
"after": 24,
"line": 1.2
},
"border": {
"color": "border",
"width": 2,
"style": "solid"
}
},
"th": {
"font": "heading",
"size": 14,
"color": "background",
"bold": true,
"background": "textSecondary",
"padding": 12
},
"td": {
"font": "body",
"size": 14,
"color": "text",
"padding": 12,
"borderBottom": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"hr": {
"spacing": {
"before": 32,
"after": 32
},
"border": {
"color": "accent",
"width": 4,
"style": "dashed"
}
},
"img": {
"align": "left",
"spacing": {
"before": 24,
"after": 24
},
"border": {
"color": "text",
"width": 4,
"style": "solid"
},
"grayscale": true,
"rotation": 1
},
"del": {
"font": "body",
"strikethrough": true,
"color": "accent"
},
"sup": {
"font": "body",
"size": 10,
"superScript": true
},
"sub": {
"font": "body",
"size": 10,
"subScript": true
},
"mark": {
"font": "body",
"background": "accent",
"color": "background"
},
"footnote": {
"font": "body",
"size": 12,
"color": "textSecondary",
"superScript": true,
"italic": true
},
"footnoteRef": {
"font": "body",
"size": 12,
"color": "textSecondary",
"spacing": {
"before": 6,
"after": 6,
"line": 1.2
}
}
},
"page": {
"margins": {
"top": 72,
"bottom": 72,
"left": 72,
"right": 72
},
"columns": 1,
"header": true,
"footer": true
}
}

View File

@@ -0,0 +1,305 @@
{
"id": "kindergarten-art",
"name": "Kindergarten Art",
"category": "creative",
"description": "Inspired by children's drawings. Messy, colorful, and fun. Looks like it was drawn with crayons.",
"vibe": "Childish, Colorful, Crayon",
"googleFontsImport": "https://fonts.googleapis.com/css2?family=Finger+Paint&family=Balsamiq+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap",
"typography": {
"fonts": {
"heading": "Finger Paint",
"body": "Balsamiq Sans",
"code": "Balsamiq Sans"
},
"colors": {
"text": "212121",
"textSecondary": "FF6F00",
"background": "FFF9C4",
"accent": "D50000",
"border": "2962FF",
"codeBg": "FFFFFF",
"blockquoteBorder": "00C853"
}
},
"elements": {
"h1": {
"font": "heading",
"size": 42,
"color": "accent",
"bold": true,
"align": "center",
"spacing": {
"before": 42,
"after": 21,
"line": 1.2
},
"rotation": -3
},
"h2": {
"font": "heading",
"size": 28,
"color": "border",
"bold": true,
"align": "center",
"spacing": {
"before": 28,
"after": 14,
"line": 1.2
},
"rotation": 2
},
"h3": {
"font": "heading",
"size": 22,
"color": "textSecondary",
"bold": true,
"align": "left",
"spacing": {
"before": 22,
"after": 11,
"line": 1.2
}
},
"h4": {
"font": "body",
"size": 18,
"color": "blockquoteBorder",
"bold": true,
"align": "left",
"spacing": {
"before": 18,
"after": 9,
"line": 1.3
}
},
"h5": {
"font": "body",
"size": 16,
"color": "accent",
"bold": true,
"align": "left",
"spacing": {
"before": 16,
"after": 8,
"line": 1.4
}
},
"h6": {
"font": "body",
"size": 14,
"color": "textSecondary",
"bold": true,
"align": "left",
"spacing": {
"before": 14,
"after": 7,
"line": 1.4
}
},
"p": {
"font": "body",
"size": 16,
"color": "text",
"align": "left",
"spacing": {
"before": 0,
"after": 16,
"line": 1.6
}
},
"blockquote": {
"font": "heading",
"size": 18,
"color": "textSecondary",
"italic": false,
"align": "center",
"spacing": {
"before": 24,
"after": 24,
"line": 1.5
},
"padding": 20,
"background": "codeBg",
"border": {
"color": "blockquoteBorder",
"width": 6,
"style": "solid"
},
"rotation": -1
},
"code": {
"font": "body",
"size": 14,
"color": "border",
"background": "codeBg",
"spacing": {
"before": 0,
"after": 0,
"line": 1.4
}
},
"pre": {
"font": "body",
"size": 14,
"color": "border",
"background": "codeBg",
"padding": 16,
"spacing": {
"before": 16,
"after": 16,
"line": 1.4
},
"border": {
"color": "textSecondary",
"width": 3,
"style": "dashed"
}
},
"ul": {
"spacing": {
"before": 16,
"after": 16,
"line": 1.6
},
"indent": 24,
"bullet": "disc"
},
"ol": {
"spacing": {
"before": 16,
"after": 16,
"line": 1.6
},
"indent": 24,
"numbering": "decimal"
},
"li": {
"font": "body",
"size": 16,
"color": "text",
"spacing": {
"before": 4,
"after": 4,
"line": 1.6
}
},
"strong": {
"font": "heading",
"bold": true,
"color": "accent"
},
"em": {
"font": "body",
"italic": true,
"color": "border"
},
"a": {
"font": "heading",
"color": "blockquoteBorder",
"underline": true,
"bold": true
},
"table": {
"spacing": {
"before": 24,
"after": 24,
"line": 1.2
},
"border": {
"color": "text",
"width": 3,
"style": "solid"
}
},
"th": {
"font": "heading",
"size": 16,
"color": "background",
"bold": true,
"background": "textSecondary",
"padding": 12
},
"td": {
"font": "body",
"size": 16,
"color": "text",
"padding": 12,
"borderBottom": {
"color": "text",
"width": 2,
"style": "solid"
}
},
"hr": {
"spacing": {
"before": 32,
"after": 32
},
"border": {
"color": "accent",
"width": 8,
"style": "solid"
}
},
"img": {
"align": "center",
"spacing": {
"before": 24,
"after": 24
},
"border": {
"color": "text",
"width": 5,
"style": "solid"
},
"rotation": 2
},
"del": {
"font": "body",
"strikethrough": true,
"color": "accent"
},
"sup": {
"font": "body",
"size": 12,
"superScript": true
},
"sub": {
"font": "body",
"size": 12,
"subScript": true
},
"mark": {
"font": "body",
"background": "blockquoteBorder",
"color": "background"
},
"footnote": {
"font": "body",
"size": 14,
"color": "text",
"superScript": true
},
"footnoteRef": {
"font": "body",
"size": 14,
"color": "text",
"spacing": {
"before": 6,
"after": 6,
"line": 1.2
}
}
},
"page": {
"margins": {
"top": 72,
"bottom": 72,
"left": 72,
"right": 72
},
"columns": 1,
"header": true,
"footer": true
}
}

View File

@@ -0,0 +1,308 @@
{
"id": "origami-paper",
"name": "Origami Paper",
"category": "creative",
"description": "Delicate and sharp, inspired by the art of paper folding. Clean lines, subtle shadows, and a feeling of precision.",
"vibe": "Delicate, Sharp, Precise",
"googleFontsImport": "https://fonts.googleapis.com/css2?family=Foldit:wght@100..900&family=Mulish:ital,wght@0,200..1000;1,200..1000&display=swap",
"typography": {
"fonts": {
"heading": "Foldit",
"body": "Mulish",
"code": "Mulish"
},
"colors": {
"text": "37474F",
"textSecondary": "546E7A",
"background": "ECEFF1",
"accent": "00838F",
"border": "B0BEC5",
"codeBg": "FFFFFF",
"blockquoteBorder": "00838F"
}
},
"elements": {
"h1": {
"font": "heading",
"size": 36,
"color": "text",
"bold": true,
"align": "left",
"spacing": {
"before": 36,
"after": 18,
"line": 1.1
},
"borderBottom": {
"color": "border",
"width": 1,
"style": "solid",
"space": 8
}
},
"h2": {
"font": "heading",
"size": 24,
"color": "accent",
"bold": true,
"align": "left",
"spacing": {
"before": 24,
"after": 12,
"line": 1.2
}
},
"h3": {
"font": "heading",
"size": 20,
"color": "textSecondary",
"bold": true,
"align": "left",
"spacing": {
"before": 20,
"after": 10,
"line": 1.2
}
},
"h4": {
"font": "body",
"size": 16,
"color": "text",
"bold": true,
"align": "left",
"spacing": {
"before": 16,
"after": 8,
"line": 1.3
},
"allCaps": true
},
"h5": {
"font": "body",
"size": 14,
"color": "accent",
"bold": true,
"align": "left",
"spacing": {
"before": 14,
"after": 7,
"line": 1.4
}
},
"h6": {
"font": "body",
"size": 12,
"color": "textSecondary",
"bold": false,
"align": "left",
"spacing": {
"before": 14,
"after": 7,
"line": 1.4
}
},
"p": {
"font": "body",
"size": 12,
"color": "text",
"align": "left",
"spacing": {
"before": 0,
"after": 12,
"line": 1.6
}
},
"blockquote": {
"font": "heading",
"size": 14,
"color": "accent",
"italic": false,
"align": "left",
"spacing": {
"before": 18,
"after": 18,
"line": 1.5
},
"padding": 16,
"background": "codeBg",
"borderLeft": {
"color": "accent",
"width": 4,
"style": "solid"
}
},
"code": {
"font": "body",
"size": 10,
"color": "textSecondary",
"background": "codeBg",
"spacing": {
"before": 0,
"after": 0,
"line": 1.4
}
},
"pre": {
"font": "body",
"size": 10,
"color": "textSecondary",
"background": "codeBg",
"padding": 12,
"spacing": {
"before": 12,
"after": 12,
"line": 1.4
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"ul": {
"spacing": {
"before": 12,
"after": 12,
"line": 1.6
},
"indent": 24,
"bullet": "diamond"
},
"ol": {
"spacing": {
"before": 12,
"after": 12,
"line": 1.6
},
"indent": 24,
"numbering": "decimal-leading-zero"
},
"li": {
"font": "body",
"size": 12,
"color": "text",
"spacing": {
"before": 4,
"after": 4,
"line": 1.6
}
},
"strong": {
"font": "body",
"bold": true,
"color": "text"
},
"em": {
"font": "body",
"italic": true,
"color": "textSecondary"
},
"a": {
"font": "body",
"color": "accent",
"underline": true,
"bold": true
},
"table": {
"spacing": {
"before": 18,
"after": 18,
"line": 1.2
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"th": {
"font": "heading",
"size": 12,
"color": "text",
"bold": true,
"background": "codeBg",
"padding": 8
},
"td": {
"font": "body",
"size": 12,
"color": "text",
"padding": 8,
"borderBottom": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"hr": {
"spacing": {
"before": 24,
"after": 24
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"img": {
"align": "left",
"spacing": {
"before": 18,
"after": 18
},
"border": {
"color": "codeBg",
"width": 4,
"style": "solid"
}
},
"del": {
"font": "body",
"strikethrough": true,
"color": "textSecondary"
},
"sup": {
"font": "body",
"size": 9,
"superScript": true
},
"sub": {
"font": "body",
"size": 9,
"subScript": true
},
"mark": {
"font": "body",
"background": "border",
"color": "text"
},
"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,319 @@
{
"id": "pop-art-comic",
"name": "Pop Art Comic",
"category": "creative",
"description": "Bold, punchy, and loud. Inspired by classic comic books and pop art. Halftone dots, speech bubbles, and POW!",
"vibe": "Bold, Comic, Punchy",
"googleFontsImport": "https://fonts.googleapis.com/css2?family=Bangers&family=Comic+Neue:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap",
"typography": {
"fonts": {
"heading": "Bangers",
"body": "Comic Neue",
"code": "Comic Neue"
},
"colors": {
"text": "212121",
"textSecondary": "D50000",
"background": "FFFFFF",
"accent": "FFD600",
"border": "212121",
"codeBg": "E3F2FD",
"blockquoteBorder": "212121"
}
},
"elements": {
"h1": {
"font": "heading",
"size": 42,
"color": "textSecondary",
"bold": false,
"align": "center",
"spacing": {
"before": 42,
"after": 21,
"line": 1.1
},
"borderBottom": {
"color": "border",
"width": 6,
"style": "solid",
"space": 10
},
"shadow": "4px 4px 0px #000000"
},
"h2": {
"font": "heading",
"size": 32,
"color": "background",
"bold": false,
"align": "left",
"spacing": {
"before": 32,
"after": 16,
"line": 1.2
},
"background": "border",
"padding": 12,
"rotation": 1
},
"h3": {
"font": "heading",
"size": 26,
"color": "accent",
"bold": false,
"align": "left",
"spacing": {
"before": 26,
"after": 13,
"line": 1.2
},
"shadow": "2px 2px 0px #000000"
},
"h4": {
"font": "body",
"size": 20,
"color": "text",
"bold": true,
"align": "left",
"spacing": {
"before": 20,
"after": 10,
"line": 1.3
}
},
"h5": {
"font": "heading",
"size": 18,
"color": "text",
"bold": false,
"align": "left",
"spacing": {
"before": 18,
"after": 9,
"line": 1.4
}
},
"h6": {
"font": "body",
"size": 16,
"color": "textSecondary",
"bold": true,
"align": "left",
"spacing": {
"before": 16,
"after": 8,
"line": 1.4
}
},
"p": {
"font": "body",
"size": 16,
"color": "text",
"align": "left",
"spacing": {
"before": 0,
"after": 16,
"line": 1.5
}
},
"blockquote": {
"font": "heading",
"size": 20,
"color": "text",
"italic": false,
"align": "center",
"spacing": {
"before": 24,
"after": 24,
"line": 1.4
},
"padding": 24,
"background": "codeBg",
"border": {
"color": "border",
"width": 4,
"style": "solid"
},
"radius": 24
},
"code": {
"font": "body",
"size": 14,
"color": "text",
"background": "accent",
"spacing": {
"before": 0,
"after": 0,
"line": 1.4
}
},
"pre": {
"font": "body",
"size": 14,
"color": "text",
"background": "accent",
"padding": 16,
"spacing": {
"before": 16,
"after": 16,
"line": 1.4
},
"border": {
"color": "border",
"width": 3,
"style": "solid"
}
},
"ul": {
"spacing": {
"before": 16,
"after": 16,
"line": 1.5
},
"indent": 32,
"bullet": "circle"
},
"ol": {
"spacing": {
"before": 16,
"after": 16,
"line": 1.5
},
"indent": 32,
"numbering": "decimal"
},
"li": {
"font": "body",
"size": 16,
"color": "text",
"spacing": {
"before": 4,
"after": 4,
"line": 1.5
}
},
"strong": {
"font": "heading",
"bold": false,
"color": "textSecondary"
},
"em": {
"font": "body",
"italic": true,
"color": "text"
},
"a": {
"font": "heading",
"color": "accent",
"underline": true,
"bold": false
},
"table": {
"spacing": {
"before": 24,
"after": 24,
"line": 1.2
},
"border": {
"color": "border",
"width": 3,
"style": "solid"
}
},
"th": {
"font": "heading",
"size": 16,
"color": "text",
"bold": false,
"background": "accent",
"padding": 12,
"borderBottom": {
"color": "border",
"width": 3,
"style": "solid"
}
},
"td": {
"font": "body",
"size": 16,
"color": "text",
"padding": 12,
"borderBottom": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"hr": {
"spacing": {
"before": 32,
"after": 32
},
"border": {
"color": "border",
"width": 6,
"style": "solid"
}
},
"img": {
"align": "center",
"spacing": {
"before": 24,
"after": 24
},
"border": {
"color": "border",
"width": 5,
"style": "solid"
},
"shadow": "8px 8px 0px #000000"
},
"del": {
"font": "body",
"strikethrough": true,
"color": "textSecondary"
},
"sup": {
"font": "body",
"size": 12,
"superScript": true
},
"sub": {
"font": "body",
"size": 12,
"subScript": true
},
"mark": {
"font": "body",
"background": "accent",
"color": "text"
},
"footnote": {
"font": "body",
"size": 14,
"color": "text",
"superScript": true
},
"footnoteRef": {
"font": "body",
"size": 14,
"color": "text",
"spacing": {
"before": 6,
"after": 6,
"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": "risograph-print",
"name": "Risograph Print",
"category": "creative",
"description": "Inspired by Riso printing. Grainy textures, overlapping colors, and a lo-fi DIY zine aesthetic.",
"vibe": "Grainy, DIY, Artistic",
"googleFontsImport": "https://fonts.googleapis.com/css2?family=Staatliches&family=Courier+Prime:ital,wght@0,400;0,700;1,400;1,700&display=swap",
"typography": {
"fonts": {
"heading": "Staatliches",
"body": "Courier Prime",
"code": "Courier Prime"
},
"colors": {
"text": "1A237E",
"textSecondary": "E91E63",
"background": "F8E1E7",
"accent": "FFD600",
"border": "1A237E",
"codeBg": "FFFFFF",
"blockquoteBorder": "E91E63"
}
},
"elements": {
"h1": {
"font": "heading",
"size": 42,
"color": "textSecondary",
"bold": false,
"align": "left",
"spacing": {
"before": 42,
"after": 21,
"line": 1.1
},
"borderBottom": {
"color": "text",
"width": 6,
"style": "solid",
"space": 8
}
},
"h2": {
"font": "heading",
"size": 32,
"color": "text",
"bold": false,
"align": "left",
"spacing": {
"before": 32,
"after": 16,
"line": 1.1
},
"background": "accent",
"padding": 12
},
"h3": {
"font": "heading",
"size": 26,
"color": "textSecondary",
"bold": false,
"align": "left",
"spacing": {
"before": 26,
"after": 13,
"line": 1.2
}
},
"h4": {
"font": "body",
"size": 18,
"color": "text",
"bold": true,
"align": "left",
"spacing": {
"before": 18,
"after": 9,
"line": 1.3
}
},
"h5": {
"font": "body",
"size": 16,
"color": "textSecondary",
"bold": true,
"align": "left",
"spacing": {
"before": 16,
"after": 8,
"line": 1.4
}
},
"h6": {
"font": "body",
"size": 14,
"color": "text",
"italic": true,
"align": "left",
"spacing": {
"before": 14,
"after": 7,
"line": 1.4
}
},
"p": {
"font": "body",
"size": 14,
"color": "text",
"align": "left",
"spacing": {
"before": 0,
"after": 14,
"line": 1.6
}
},
"blockquote": {
"font": "heading",
"size": 16,
"color": "textSecondary",
"italic": false,
"align": "left",
"spacing": {
"before": 21,
"after": 21,
"line": 1.5
},
"padding": 16,
"border": {
"color": "text",
"width": 2,
"style": "solid"
}
},
"code": {
"font": "body",
"size": 12,
"color": "textSecondary",
"background": "codeBg",
"spacing": {
"before": 0,
"after": 0,
"line": 1.4
}
},
"pre": {
"font": "body",
"size": 12,
"color": "textSecondary",
"background": "codeBg",
"padding": 16,
"spacing": {
"before": 16,
"after": 16,
"line": 1.4
},
"border": {
"color": "border",
"width": 1,
"style": "dashed"
}
},
"ul": {
"spacing": {
"before": 14,
"after": 14,
"line": 1.6
},
"indent": 28,
"bullet": "disc"
},
"ol": {
"spacing": {
"before": 14,
"after": 14,
"line": 1.6
},
"indent": 28,
"numbering": "decimal"
},
"li": {
"font": "body",
"size": 14,
"color": "text",
"spacing": {
"before": 4,
"after": 4,
"line": 1.6
}
},
"strong": {
"font": "heading",
"bold": false,
"color": "textSecondary"
},
"em": {
"font": "body",
"italic": true,
"color": "text"
},
"a": {
"font": "body",
"color": "border",
"underline": true,
"bold": true
},
"table": {
"spacing": {
"before": 21,
"after": 21,
"line": 1.2
},
"border": {
"color": "border",
"width": 2,
"style": "solid"
}
},
"th": {
"font": "heading",
"size": 14,
"color": "text",
"bold": false,
"background": "accent",
"padding": 10
},
"td": {
"font": "body",
"size": 14,
"color": "text",
"padding": 10,
"borderBottom": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"hr": {
"spacing": {
"before": 28,
"after": 28
},
"border": {
"color": "textSecondary",
"width": 4,
"style": "dotted"
}
},
"img": {
"align": "left",
"spacing": {
"before": 21,
"after": 21
},
"border": {
"color": "text",
"width": 2,
"style": "solid"
},
"grayscale": true
},
"del": {
"font": "body",
"strikethrough": true,
"color": "textSecondary"
},
"sup": {
"font": "body",
"size": 10,
"superScript": true
},
"sub": {
"font": "body",
"size": 10,
"subScript": true
},
"mark": {
"font": "body",
"background": "accent",
"color": "text"
},
"footnote": {
"font": "body",
"size": 12,
"color": "textSecondary",
"superScript": true
},
"footnoteRef": {
"font": "body",
"size": 12,
"color": "textSecondary",
"spacing": {
"before": 6,
"after": 6,
"line": 1.2
}
}
},
"page": {
"margins": {
"top": 60,
"bottom": 60,
"left": 60,
"right": 60
},
"columns": 1,
"header": true,
"footer": true
}
}

View File

@@ -0,0 +1,307 @@
{
"id": "street-art-graffiti",
"name": "Street Art Graffiti",
"category": "creative",
"description": "Urban style with spray paint textures and marker tags. Rebellious, bold, and expressive.",
"vibe": "Urban, Rebellious, Street",
"googleFontsImport": "https://fonts.googleapis.com/css2?family=Sedgwick+Ave&family=Caveat:wght@400..700&display=swap",
"typography": {
"fonts": {
"heading": "Sedgwick Ave",
"body": "Caveat",
"code": "Caveat"
},
"colors": {
"text": "FFFFFF",
"textSecondary": "FFEB3B",
"background": "212121",
"accent": "D50000",
"border": "00E5FF",
"codeBg": "424242",
"blockquoteBorder": "76FF03"
}
},
"elements": {
"h1": {
"font": "heading",
"size": 48,
"color": "textSecondary",
"bold": false,
"align": "center",
"spacing": {
"before": 48,
"after": 24,
"line": 1.2
},
"rotation": -3,
"shadow": "4px 4px 0px #D50000"
},
"h2": {
"font": "heading",
"size": 32,
"color": "border",
"bold": false,
"align": "left",
"spacing": {
"before": 32,
"after": 16,
"line": 1.2
},
"rotation": 2
},
"h3": {
"font": "heading",
"size": 24,
"color": "blockquoteBorder",
"bold": false,
"align": "left",
"spacing": {
"before": 24,
"after": 12,
"line": 1.2
}
},
"h4": {
"font": "body",
"size": 22,
"color": "text",
"bold": true,
"align": "left",
"spacing": {
"before": 20,
"after": 10,
"line": 1.3
}
},
"h5": {
"font": "body",
"size": 20,
"color": "accent",
"bold": true,
"align": "left",
"spacing": {
"before": 16,
"after": 8,
"line": 1.4
}
},
"h6": {
"font": "body",
"size": 18,
"color": "textSecondary",
"bold": true,
"align": "left",
"spacing": {
"before": 16,
"after": 8,
"line": 1.4
}
},
"p": {
"font": "body",
"size": 18,
"color": "text",
"align": "left",
"spacing": {
"before": 0,
"after": 18,
"line": 1.5
}
},
"blockquote": {
"font": "heading",
"size": 20,
"color": "textSecondary",
"italic": false,
"align": "center",
"spacing": {
"before": 24,
"after": 24,
"line": 1.4
},
"padding": 20,
"border": {
"color": "accent",
"width": 3,
"style": "solid"
},
"background": "codeBg",
"rotation": 1
},
"code": {
"font": "body",
"size": 16,
"color": "border",
"background": "codeBg",
"spacing": {
"before": 0,
"after": 0,
"line": 1.4
}
},
"pre": {
"font": "body",
"size": 16,
"color": "border",
"background": "codeBg",
"padding": 16,
"spacing": {
"before": 16,
"after": 16,
"line": 1.4
},
"border": {
"color": "textSecondary",
"width": 1,
"style": "dashed"
}
},
"ul": {
"spacing": {
"before": 16,
"after": 16,
"line": 1.5
},
"indent": 28,
"bullet": "arrow"
},
"ol": {
"spacing": {
"before": 16,
"after": 16,
"line": 1.5
},
"indent": 28,
"numbering": "decimal"
},
"li": {
"font": "body",
"size": 18,
"color": "text",
"spacing": {
"before": 4,
"after": 4,
"line": 1.5
}
},
"strong": {
"font": "heading",
"bold": false,
"color": "accent"
},
"em": {
"font": "body",
"italic": true,
"color": "textSecondary",
"background": "codeBg"
},
"a": {
"font": "heading",
"color": "blockquoteBorder",
"underline": true,
"bold": false
},
"table": {
"spacing": {
"before": 24,
"after": 24,
"line": 1.2
},
"border": {
"color": "accent",
"width": 2,
"style": "solid"
}
},
"th": {
"font": "heading",
"size": 18,
"color": "background",
"bold": false,
"background": "accent",
"padding": 12
},
"td": {
"font": "body",
"size": 18,
"color": "text",
"padding": 12,
"borderBottom": {
"color": "accent",
"width": 1,
"style": "solid"
}
},
"hr": {
"spacing": {
"before": 32,
"after": 32
},
"border": {
"color": "border",
"width": 4,
"style": "dashed"
}
},
"img": {
"align": "center",
"spacing": {
"before": 24,
"after": 24
},
"border": {
"color": "text",
"width": 3,
"style": "solid"
},
"rotation": -1
},
"del": {
"font": "body",
"strikethrough": true,
"color": "accent"
},
"sup": {
"font": "body",
"size": 14,
"superScript": true
},
"sub": {
"font": "body",
"size": 14,
"subScript": true
},
"mark": {
"font": "body",
"background": "textSecondary",
"color": "background"
},
"footnote": {
"font": "body",
"size": 16,
"color": "textSecondary",
"superScript": true
},
"footnoteRef": {
"font": "body",
"size": 16,
"color": "textSecondary",
"spacing": {
"before": 6,
"after": 6,
"line": 1.2
}
}
},
"page": {
"margins": {
"top": 60,
"bottom": 60,
"left": 60,
"right": 60
},
"columns": 1,
"header": false,
"footer": true
}
}

View File

@@ -0,0 +1,306 @@
{
"id": "vaporwave-aesthetic",
"name": "Vaporwave Aesthetic",
"category": "creative",
"description": "Nostalgic 80s/90s internet vibe. Neon grids, cyan and magenta gradients, and retro-futuristic typography.",
"vibe": "Nostalgic, Digital, Surreal",
"googleFontsImport": "https://fonts.googleapis.com/css2?family=Audiowide&family=Varela+Round&display=swap",
"typography": {
"fonts": {
"heading": "Audiowide",
"body": "Varela Round",
"code": "Varela Round"
},
"colors": {
"text": "1A237E",
"textSecondary": "FF4081",
"background": "F3E5F5",
"accent": "00E5FF",
"border": "D500F9",
"codeBg": "FFFFFF",
"blockquoteBorder": "00E5FF"
}
},
"elements": {
"h1": {
"font": "heading",
"size": 36,
"color": "textSecondary",
"bold": false,
"align": "center",
"spacing": {
"before": 40,
"after": 20,
"line": 1.2
},
"letterSpacing": 4,
"allCaps": true,
"shadow": "2px 2px 0px #00E5FF"
},
"h2": {
"font": "heading",
"size": 24,
"color": "accent",
"bold": false,
"align": "center",
"spacing": {
"before": 32,
"after": 16,
"line": 1.2
},
"letterSpacing": 2
},
"h3": {
"font": "heading",
"size": 20,
"color": "border",
"bold": false,
"align": "center",
"spacing": {
"before": 24,
"after": 12,
"line": 1.2
}
},
"h4": {
"font": "body",
"size": 16,
"color": "text",
"bold": true,
"align": "center",
"spacing": {
"before": 20,
"after": 10,
"line": 1.3
},
"allCaps": true
},
"h5": {
"font": "body",
"size": 14,
"color": "textSecondary",
"bold": true,
"align": "center",
"spacing": {
"before": 16,
"after": 8,
"line": 1.4
}
},
"h6": {
"font": "body",
"size": 12,
"color": "border",
"bold": true,
"align": "center",
"spacing": {
"before": 16,
"after": 8,
"line": 1.4
}
},
"p": {
"font": "body",
"size": 12,
"color": "text",
"align": "justify",
"spacing": {
"before": 0,
"after": 16,
"line": 1.6
}
},
"blockquote": {
"font": "heading",
"size": 14,
"color": "textSecondary",
"italic": false,
"align": "center",
"spacing": {
"before": 24,
"after": 24,
"line": 1.5
},
"padding": 20,
"background": "codeBg",
"border": {
"color": "accent",
"width": 2,
"style": "solid"
}
},
"code": {
"font": "body",
"size": 11,
"color": "border",
"background": "codeBg",
"spacing": {
"before": 0,
"after": 0,
"line": 1.4
}
},
"pre": {
"font": "body",
"size": 11,
"color": "border",
"background": "codeBg",
"padding": 16,
"spacing": {
"before": 16,
"after": 16,
"line": 1.4
},
"border": {
"color": "textSecondary",
"width": 1,
"style": "solid"
}
},
"ul": {
"spacing": {
"before": 16,
"after": 16,
"line": 1.6
},
"indent": 32,
"bullet": "diamond"
},
"ol": {
"spacing": {
"before": 16,
"after": 16,
"line": 1.6
},
"indent": 32,
"numbering": "decimal-leading-zero"
},
"li": {
"font": "body",
"size": 12,
"color": "text",
"spacing": {
"before": 4,
"after": 4,
"line": 1.6
}
},
"strong": {
"font": "heading",
"bold": false,
"color": "textSecondary"
},
"em": {
"font": "body",
"italic": true,
"color": "accent"
},
"a": {
"font": "heading",
"color": "accent",
"underline": true,
"bold": false
},
"table": {
"spacing": {
"before": 24,
"after": 24,
"line": 1.2
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"th": {
"font": "heading",
"size": 12,
"color": "background",
"bold": false,
"background": "border",
"padding": 12
},
"td": {
"font": "body",
"size": 12,
"color": "text",
"padding": 12,
"borderBottom": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"hr": {
"spacing": {
"before": 32,
"after": 32
},
"border": {
"color": "accent",
"width": 4,
"style": "double"
}
},
"img": {
"align": "center",
"spacing": {
"before": 24,
"after": 24
},
"border": {
"color": "textSecondary",
"width": 2,
"style": "solid"
}
},
"del": {
"font": "body",
"strikethrough": true,
"color": "accent"
},
"sup": {
"font": "body",
"size": 10,
"superScript": true
},
"sub": {
"font": "body",
"size": 10,
"subScript": true
},
"mark": {
"font": "body",
"background": "accent",
"color": "text"
},
"footnote": {
"font": "body",
"size": 10,
"color": "textSecondary",
"superScript": true
},
"footnoteRef": {
"font": "body",
"size": 10,
"color": "textSecondary",
"spacing": {
"before": 6,
"after": 6,
"line": 1.2
}
}
},
"page": {
"margins": {
"top": 72,
"bottom": 72,
"left": 72,
"right": 72
},
"columns": 1,
"header": true,
"footer": true
}
}

View File

@@ -0,0 +1,307 @@
{
"id": "watercolor-wash",
"name": "Watercolor Wash",
"category": "creative",
"description": "Soft, artistic, and flowing. Uses hand-written style fonts and a gentle pastel color palette.",
"vibe": "Soft, Artistic, Flowing",
"googleFontsImport": "https://fonts.googleapis.com/css2?family=Amatic+SC:wght@400;700&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap",
"typography": {
"fonts": {
"heading": "Amatic SC",
"body": "Open Sans",
"code": "Open Sans"
},
"colors": {
"text": "455A64",
"textSecondary": "78909C",
"background": "FFFFFF",
"accent": "EC407A",
"border": "B3E5FC",
"codeBg": "F3E5F5",
"blockquoteBorder": "AB47BC"
}
},
"elements": {
"h1": {
"font": "heading",
"size": 48,
"color": "accent",
"bold": true,
"align": "center",
"spacing": {
"before": 48,
"after": 24,
"line": 1.1
},
"borderBottom": {
"color": "border",
"width": 4,
"style": "dashed",
"space": 10
}
},
"h2": {
"font": "heading",
"size": 36,
"color": "textSecondary",
"bold": true,
"align": "left",
"spacing": {
"before": 36,
"after": 18,
"line": 1.2
}
},
"h3": {
"font": "heading",
"size": 30,
"color": "blockquoteBorder",
"bold": true,
"align": "left",
"spacing": {
"before": 30,
"after": 15,
"line": 1.2
}
},
"h4": {
"font": "body",
"size": 18,
"color": "text",
"bold": true,
"align": "left",
"spacing": {
"before": 20,
"after": 10,
"line": 1.3
}
},
"h5": {
"font": "body",
"size": 16,
"color": "textSecondary",
"bold": true,
"align": "left",
"spacing": {
"before": 16,
"after": 8,
"line": 1.4
}
},
"h6": {
"font": "body",
"size": 14,
"color": "accent",
"bold": true,
"align": "left",
"spacing": {
"before": 16,
"after": 8,
"line": 1.4
}
},
"p": {
"font": "body",
"size": 14,
"color": "text",
"align": "left",
"spacing": {
"before": 0,
"after": 14,
"line": 1.6
}
},
"blockquote": {
"font": "heading",
"size": 24,
"color": "textSecondary",
"italic": false,
"align": "center",
"spacing": {
"before": 24,
"after": 24,
"line": 1.4
},
"padding": 0,
"border": {
"color": "transparent",
"width": 0,
"style": "none"
},
"background": "transparent"
},
"code": {
"font": "body",
"size": 12,
"color": "blockquoteBorder",
"background": "codeBg",
"spacing": {
"before": 0,
"after": 0,
"line": 1.4
}
},
"pre": {
"font": "body",
"size": 12,
"color": "blockquoteBorder",
"background": "codeBg",
"padding": 16,
"spacing": {
"before": 16,
"after": 16,
"line": 1.4
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"ul": {
"spacing": {
"before": 14,
"after": 14,
"line": 1.6
},
"indent": 28,
"bullet": "circle"
},
"ol": {
"spacing": {
"before": 14,
"after": 14,
"line": 1.6
},
"indent": 28,
"numbering": "decimal"
},
"li": {
"font": "body",
"size": 14,
"color": "text",
"spacing": {
"before": 4,
"after": 4,
"line": 1.6
}
},
"strong": {
"font": "heading",
"bold": true,
"color": "accent"
},
"em": {
"font": "body",
"italic": true,
"color": "textSecondary"
},
"a": {
"font": "body",
"color": "accent",
"underline": true,
"bold": true
},
"table": {
"spacing": {
"before": 24,
"after": 24,
"line": 1.2
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"th": {
"font": "heading",
"size": 18,
"color": "text",
"bold": true,
"background": "codeBg",
"padding": 12
},
"td": {
"font": "body",
"size": 14,
"color": "text",
"padding": 12,
"borderBottom": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"hr": {
"spacing": {
"before": 32,
"after": 32
},
"border": {
"color": "border",
"width": 2,
"style": "solid"
}
},
"img": {
"align": "center",
"spacing": {
"before": 24,
"after": 24
},
"border": {
"color": "codeBg",
"width": 8,
"style": "solid"
}
},
"del": {
"font": "body",
"strikethrough": true,
"color": "textSecondary"
},
"sup": {
"font": "body",
"size": 10,
"superScript": true
},
"sub": {
"font": "body",
"size": 10,
"subScript": true
},
"mark": {
"font": "body",
"background": "codeBg",
"color": "text"
},
"footnote": {
"font": "body",
"size": 12,
"color": "textSecondary",
"superScript": true
},
"footnoteRef": {
"font": "body",
"size": 12,
"color": "textSecondary",
"spacing": {
"before": 6,
"after": 6,
"line": 1.2
}
}
},
"page": {
"margins": {
"top": 90,
"bottom": 90,
"left": 90,
"right": 90
},
"columns": 1,
"header": true,
"footer": true
}
}