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,309 @@
{
"id": "8-bit-arcade",
"name": "8-Bit Arcade",
"category": "tech",
"description": "Retro gaming high-score screen. Pixelated fonts on dark backgrounds.",
"vibe": "Retro, Gaming, Pixel",
"googleFontsImport": "https://fonts.googleapis.com/css2?family=Press+Start+2P&family=VT323&display=swap",
"typography": {
"fonts": {
"heading": "Press Start 2P",
"body": "VT323",
"code": "VT323"
},
"colors": {
"text": "FFFFFF",
"textSecondary": "D500F9",
"background": "000000",
"accent": "76FF03",
"border": "FFFFFF",
"codeBg": "212121",
"blockquoteBg": "000000",
"blockquoteBorder": "FFFF00"
}
},
"elements": {
"h1": {
"font": "heading",
"size": 20,
"color": "accent",
"bold": false,
"align": "center",
"background": "codeBg",
"padding": 20,
"spacing": {
"before": 48,
"after": 28,
"line": 1.5
}
},
"h2": {
"font": "heading",
"size": 12,
"color": "textSecondary",
"bold": false,
"align": "left",
"spacing": {
"before": 32,
"after": 16,
"line": 1.4
}
},
"h3": {
"font": "heading",
"size": 11,
"color": "border",
"bold": false,
"align": "left",
"spacing": {
"before": 24,
"after": 12,
"line": 1.4
}
},
"h4": {
"font": "heading",
"size": 10,
"color": "border",
"bold": false,
"align": "left",
"spacing": {
"before": 20,
"after": 10,
"line": 1.4
}
},
"h5": {
"font": "body",
"size": 14,
"color": "text",
"bold": true,
"align": "left",
"spacing": {
"before": 16,
"after": 8,
"line": 1.4
}
},
"h6": {
"font": "body",
"size": 14,
"color": "text",
"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.4
}
},
"blockquote": {
"font": "body",
"size": 14,
"color": "blockquoteBorder",
"italic": false,
"align": "left",
"spacing": {
"before": 20,
"after": 20,
"line": 1.4
},
"padding": 16,
"border": {
"color": "border",
"width": 4,
"style": "dashed"
},
"background": "blockquoteBg"
},
"code": {
"font": "code",
"size": 14,
"color": "accent",
"background": "codeBg",
"spacing": {
"before": 0,
"after": 0,
"line": 1.4
}
},
"pre": {
"font": "code",
"size": 14,
"color": "accent",
"background": "codeBg",
"padding": 16,
"spacing": {
"before": 16,
"after": 16,
"line": 1.4
},
"border": {
"color": "accent",
"width": 2,
"style": "dashed"
}
},
"ul": {
"spacing": {
"before": 16,
"after": 16,
"line": 1.4
},
"indent": 24,
"bullet": "square"
},
"ol": {
"spacing": {
"before": 16,
"after": 16,
"line": 1.4
},
"indent": 24,
"numbering": "decimal"
},
"li": {
"font": "body",
"size": 14,
"color": "text",
"spacing": {
"before": 4,
"after": 4,
"line": 1.4
}
},
"strong": {
"font": "heading",
"bold": false,
"color": "accent"
},
"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": "dashed"
}
},
"th": {
"font": "heading",
"size": 12,
"color": "accent",
"bold": false,
"background": "codeBg",
"padding": 12,
"borderBottom": {
"color": "border",
"width": 2,
"style": "dashed"
}
},
"td": {
"font": "body",
"size": 14,
"color": "text",
"padding": 12,
"borderBottom": {
"color": "border",
"width": 2,
"style": "dashed"
}
},
"hr": {
"spacing": {
"before": 32,
"after": 32
},
"border": {
"color": "textSecondary",
"width": 4,
"style": "dashed"
}
},
"img": {
"align": "center",
"spacing": {
"before": 24,
"after": 24
},
"border": {
"color": "border",
"width": 4,
"style": "dashed"
},
"filter": "contrast(1.2) brightness(0.9)"
},
"del": {
"font": "body",
"strikethrough": true,
"color": "border"
},
"sup": {
"font": "body",
"size": 10,
"superScript": true
},
"sub": {
"font": "body",
"size": 10,
"subScript": true
},
"mark": {
"font": "body",
"background": "textSecondary",
"color": "background"
},
"footnote": {
"font": "body",
"size": 12,
"color": "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,312 @@
{
"id": "aerospace-modern",
"name": "Aerospace Modern",
"category": "tech",
"description": "Sleek design inspired by aerospace and space exploration. Clean lines with futuristic precision.",
"vibe": "Futuristic, Sleek, Precision",
"googleFontsImport": "https://fonts.googleapis.com/css2?family=Michroma&family=Saira:wght@300;400;500;600&family=Share+Tech+Mono&display=swap",
"typography": {
"fonts": {
"heading": "Michroma",
"body": "Saira",
"code": "Share Tech Mono"
},
"colors": {
"text": "2E3A45",
"textSecondary": "0B3D91",
"background": "FFFFFF",
"accent": "FC3D21",
"border": "B0BEC5",
"codeBg": "F1F3F4",
"blockquoteBg": "E8F0FE",
"blockquoteBorder": "0B3D91"
}
},
"elements": {
"h1": {
"font": "heading",
"size": 22,
"color": "textSecondary",
"bold": false,
"align": "left",
"letterSpacing": 2,
"spacing": {
"before": 48,
"after": 24,
"line": 1.3
}
},
"h2": {
"font": "body",
"size": 13,
"color": "accent",
"bold": true,
"align": "left",
"uppercase": true,
"spacing": {
"before": 36,
"after": 18,
"line": 1.4
}
},
"h3": {
"font": "heading",
"size": 14,
"color": "textSecondary",
"bold": false,
"align": "left",
"spacing": {
"before": 24,
"after": 12,
"line": 1.4
}
},
"h4": {
"font": "heading",
"size": 12,
"color": "textSecondary",
"bold": false,
"align": "left",
"spacing": {
"before": 20,
"after": 10,
"line": 1.4
}
},
"h5": {
"font": "body",
"size": 11,
"color": "text",
"bold": true,
"align": "left",
"spacing": {
"before": 16,
"after": 8,
"line": 1.4
}
},
"h6": {
"font": "body",
"size": 10,
"color": "text",
"bold": true,
"align": "left",
"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": "textSecondary",
"italic": true,
"align": "left",
"spacing": {
"before": 24,
"after": 24,
"line": 1.6
},
"padding": 20,
"border": {
"left": {
"color": "blockquoteBorder",
"width": 4,
"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.6
},
"indent": 24,
"bullet": "square"
},
"ol": {
"spacing": {
"before": 16,
"after": 16,
"line": 1.6
},
"indent": 24,
"numbering": "decimal"
},
"li": {
"font": "body",
"size": 10,
"color": "text",
"spacing": {
"before": 4,
"after": 4,
"line": 1.6
}
},
"strong": {
"font": "body",
"bold": true,
"color": "accent"
},
"em": {
"font": "body",
"italic": true
},
"a": {
"font": "body",
"color": "textSecondary",
"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": "textSecondary",
"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": "textSecondary",
"width": 2,
"style": "solid"
}
},
"img": {
"align": "center",
"spacing": {
"before": 24,
"after": 24
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"del": {
"font": "body",
"strikethrough": true,
"color": "border"
},
"sup": {
"font": "body",
"size": 9,
"superScript": true
},
"sub": {
"font": "body",
"size": 9,
"subScript": true
},
"mark": {
"font": "body",
"background": "codeBg",
"color": "accent"
},
"footnote": {
"font": "body",
"size": 10,
"color": "textSecondary",
"superScript": true
},
"footnoteRef": {
"font": "body",
"size": 10,
"color": "textSecondary",
"spacing": {
"before": 4,
"after": 4,
"line": 1.2
}
}
},
"page": {
"margins": {
"top": 72,
"bottom": 72,
"left": 72,
"right": 72
},
"columns": 2,
"header": true,
"footer": true
}
}

View File

@@ -0,0 +1,305 @@
{
"id": "artificial-intelligence",
"name": "Artificial Intelligence",
"category": "tech",
"description": "Cutting-edge design for AI and machine learning content. Neural network inspired with gradient accents.",
"vibe": "Cutting-edge, Neural, Intelligent",
"googleFontsImport": "https://fonts.googleapis.com/css2?family=Oxanium:wght@400;600;700&family=Lexend:wght@300;400;500;600&family=JetBrains+Mono:wght@400;700&display=swap",
"typography": {
"fonts": {
"heading": "Oxanium",
"body": "Lexend",
"code": "JetBrains Mono"
},
"colors": {
"text": "334155",
"textSecondary": "2563EB",
"background": "FFFFFF",
"accent": "7C3AED",
"border": "E2E8F0",
"codeBg": "F8FAFC",
"blockquoteBg": "F3F4F6",
"blockquoteBorder": "7C3AED"
}
},
"elements": {
"h1": {
"font": "heading",
"size": 28,
"color": "accent",
"bold": true,
"align": "left",
"spacing": {
"before": 48,
"after": 24,
"line": 1.2
}
},
"h2": {
"font": "body",
"size": 14,
"color": "textSecondary",
"bold": true,
"align": "left",
"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": "text",
"bold": true,
"align": "left",
"spacing": {
"before": 16,
"after": 8,
"line": 1.4
}
},
"h6": {
"font": "body",
"size": 10,
"color": "text",
"bold": true,
"align": "left",
"uppercase": true,
"spacing": {
"before": 16,
"after": 8,
"line": 1.4
}
},
"p": {
"font": "body",
"size": 10,
"color": "text",
"align": "left",
"spacing": {
"before": 0,
"after": 16,
"line": 1.6
}
},
"blockquote": {
"font": "body",
"size": 11,
"color": "text",
"italic": false,
"align": "left",
"spacing": {
"before": 24,
"after": 24,
"line": 1.6
},
"padding": 20,
"borderRadius": 8,
"background": "blockquoteBg"
},
"code": {
"font": "code",
"size": 10,
"color": "accent",
"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": 8
},
"ul": {
"spacing": {
"before": 16,
"after": 16,
"line": 1.6
},
"indent": 24,
"bullet": "circle"
},
"ol": {
"spacing": {
"before": 16,
"after": 16,
"line": 1.6
},
"indent": 24,
"numbering": "decimal"
},
"li": {
"font": "body",
"size": 10,
"color": "text",
"spacing": {
"before": 4,
"after": 4,
"line": 1.6
}
},
"strong": {
"font": "body",
"bold": true,
"color": "textSecondary"
},
"em": {
"font": "body",
"italic": true
},
"a": {
"font": "body",
"color": "accent",
"underline": true,
"bold": true
},
"table": {
"spacing": {
"before": 24,
"after": 24,
"line": 1.5
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"th": {
"font": "body",
"size": 10,
"color": "textSecondary",
"bold": true,
"background": "codeBg",
"padding": 12,
"borderBottom": {
"color": "accent",
"width": 2,
"style": "solid"
}
},
"td": {
"font": "body",
"size": 10,
"color": "text",
"padding": 12,
"borderBottom": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"hr": {
"spacing": {
"before": 32,
"after": 32
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"img": {
"align": "center",
"spacing": {
"before": 24,
"after": 24
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
},
"borderRadius": 8
},
"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,311 @@
{
"id": "astronomy-space",
"name": "Astronomy Space",
"category": "tech",
"description": "Cosmic design for astronomy and space science. Deep space colors with stellar typography.",
"vibe": "Cosmic, Scientific, Vast",
"googleFontsImport": "https://fonts.googleapis.com/css2?family=Orbitron:wght@400;600;700&family=Space+Grotesk:wght@300;400;500;600&family=Space+Mono:wght@400;700&display=swap",
"typography": {
"fonts": {
"heading": "Orbitron",
"body": "Space Grotesk",
"code": "Space Mono"
},
"colors": {
"text": "B0BEC5",
"textSecondary": "FFFFFF",
"background": "0A0A23",
"accent": "7C4DFF",
"border": "2D2D50",
"codeBg": "121225",
"blockquoteBg": "1A1A3E",
"blockquoteBorder": "7C4DFF"
}
},
"elements": {
"h1": {
"font": "heading",
"size": 26,
"color": "textSecondary",
"bold": true,
"align": "left",
"background": "background",
"padding": 20,
"spacing": {
"before": 48,
"after": 24,
"line": 1.2
}
},
"h2": {
"font": "body",
"size": 14,
"color": "accent",
"bold": true,
"align": "left",
"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": "text",
"bold": true,
"align": "left",
"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": "textSecondary",
"italic": true,
"align": "left",
"spacing": {
"before": 24,
"after": 24,
"line": 1.6
},
"padding": 20,
"border": {
"left": {
"color": "blockquoteBorder",
"width": 4,
"style": "solid"
}
},
"background": "blockquoteBg"
},
"code": {
"font": "code",
"size": 10,
"color": "accent",
"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.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.5
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"th": {
"font": "body",
"size": 10,
"color": "textSecondary",
"bold": true,
"background": "codeBg",
"padding": 12,
"borderBottom": {
"color": "accent",
"width": 2,
"style": "solid"
}
},
"td": {
"font": "body",
"size": 10,
"color": "text",
"padding": 12,
"borderBottom": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"hr": {
"spacing": {
"before": 32,
"after": 32
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"img": {
"align": "center",
"spacing": {
"before": 24,
"after": 24
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"del": {
"font": "body",
"strikethrough": true,
"color": "border"
},
"sup": {
"font": "body",
"size": 9,
"superScript": true
},
"sub": {
"font": "body",
"size": 9,
"subScript": true
},
"mark": {
"font": "body",
"background": "codeBg",
"color": "accent"
},
"footnote": {
"font": "body",
"size": 10,
"color": "textSecondary",
"superScript": true
},
"footnoteRef": {
"font": "body",
"size": 10,
"color": "textSecondary",
"spacing": {
"before": 4,
"after": 4,
"line": 1.2
}
}
},
"page": {
"margins": {
"top": 72,
"bottom": 72,
"left": 72,
"right": 72
},
"columns": 1,
"header": true,
"footer": true
}
}

View File

@@ -0,0 +1,327 @@
{
"id": "biohazard-lab",
"name": "Biohazard Lab",
"category": "tech",
"description": "Warning-label aesthetic. Monospace fonts with high-contrast yellow and black caution themes.",
"vibe": "Warning, Industrial, Hazardous",
"googleFontsImport": "https://fonts.googleapis.com/css2?family=Syne+Mono&family=Azeret+Mono:wght@400;600;700&family=Share+Tech+Mono&display=swap",
"typography": {
"fonts": {
"heading": "Syne Mono",
"body": "Azeret Mono",
"code": "Share Tech Mono"
},
"colors": {
"text": "212121",
"textSecondary": "000000",
"background": "FAFAFA",
"accent": "FFEB3B",
"border": "000000",
"codeBg": "FFF9C4",
"blockquoteBg": "FFF9C4",
"blockquoteBorder": "000000"
}
},
"elements": {
"h1": {
"font": "heading",
"size": 32,
"color": "textSecondary",
"bold": true,
"align": "center",
"background": "accent",
"padding": 20,
"spacing": {
"before": 48,
"after": 28,
"line": 1.2
}
},
"h2": {
"font": "body",
"size": 14,
"color": "textSecondary",
"bold": true,
"align": "left",
"border": {
"left": {
"color": "accent",
"width": 8,
"style": "solid"
}
},
"padding": 12,
"spacing": {
"before": 36,
"after": 18,
"line": 1.3
}
},
"h3": {
"font": "body",
"size": 12,
"color": "textSecondary",
"bold": true,
"align": "left",
"border": {
"left": {
"color": "accent",
"width": 6,
"style": "solid"
}
},
"padding": 8,
"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": "textSecondary",
"italic": false,
"align": "left",
"spacing": {
"before": 24,
"after": 24,
"line": 1.6
},
"padding": 20,
"border": {
"color": "border",
"width": 2,
"style": "dashed"
},
"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": 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": "textSecondary"
},
"em": {
"font": "body",
"italic": true
},
"a": {
"font": "body",
"color": "textSecondary",
"underline": true,
"bold": true,
"background": "accent"
},
"table": {
"spacing": {
"before": 24,
"after": 24,
"line": 1.5
},
"border": {
"color": "border",
"width": 2,
"style": "solid"
}
},
"th": {
"font": "body",
"size": 10,
"color": "textSecondary",
"bold": true,
"background": "accent",
"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": "dashed"
},
"background": "accent"
},
"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": "accent",
"color": "textSecondary"
},
"footnote": {
"font": "body",
"size": 10,
"color": "textSecondary",
"superScript": true
},
"footnoteRef": {
"font": "body",
"size": 10,
"color": "textSecondary",
"spacing": {
"before": 4,
"after": 4,
"line": 1.2
}
}
},
"page": {
"margins": {
"top": 72,
"bottom": 72,
"left": 72,
"right": 72
},
"columns": 2,
"header": true,
"footer": true
}
}

View File

@@ -0,0 +1,320 @@
{
"id": "biopunk-lab",
"name": "Biopunk Lab",
"category": "sci-fi",
"description": "Organic technology. Slime greens, flesh tones, and rounded organic fonts.",
"vibe": "Organic, Gross, Tech",
"googleFontsImport": "https://fonts.googleapis.com/css2?family=Creepster&family=Kodchasan:wght@400;700&family=Butcherman&display=swap",
"typography": {
"fonts": {
"heading": "Creepster",
"body": "Kodchasan",
"code": "Butcherman"
},
"colors": {
"text": "33691E",
"textSecondary": "1B5E20",
"background": "F1F8E9",
"accent": "2E7D32",
"border": "C8E6C9",
"codeBg": "DCEDC8",
"blockquoteBg": "F1F8E9",
"blockquoteBorder": "2E7D32"
}
},
"elements": {
"h1": {
"font": "heading",
"size": 32,
"color": "accent",
"bold": false,
"align": "center",
"background": "border",
"padding": 16,
"spacing": {
"before": 48,
"after": 24,
"line": 1.2
}
},
"h2": {
"font": "body",
"size": 18,
"color": "textSecondary",
"bold": true,
"align": "left",
"border": {
"bottom": {
"color": "accent",
"width": 4,
"style": "wave"
}
},
"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": "text",
"bold": true,
"align": "left",
"spacing": {
"before": 16,
"after": 8,
"line": 1.4
}
},
"h6": {
"font": "body",
"size": 11,
"color": "text",
"bold": true,
"align": "left",
"uppercase": true,
"spacing": {
"before": 16,
"after": 8,
"line": 1.4
}
},
"p": {
"font": "body",
"size": 11,
"color": "text",
"align": "left",
"spacing": {
"before": 0,
"after": 16,
"line": 1.6
}
},
"blockquote": {
"font": "body",
"size": 12,
"color": "textSecondary",
"italic": false,
"align": "left",
"spacing": {
"before": 24,
"after": 24,
"line": 1.6
},
"padding": 16,
"borderRadius": 16,
"border": {
"color": "accent",
"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": 2,
"style": "solid"
},
"borderRadius": 12
},
"ul": {
"spacing": {
"before": 16,
"after": 16,
"line": 1.6
},
"indent": 24,
"bullet": "circle"
},
"ol": {
"spacing": {
"before": 16,
"after": 16,
"line": 1.6
},
"indent": 24,
"numbering": "decimal"
},
"li": {
"font": "body",
"size": 11,
"color": "text",
"spacing": {
"before": 4,
"after": 4,
"line": 1.6
}
},
"strong": {
"font": "heading",
"bold": false,
"color": "accent"
},
"em": {
"font": "body",
"italic": true
},
"a": {
"font": "body",
"color": "accent",
"underline": true,
"bold": true
},
"table": {
"spacing": {
"before": 24,
"after": 24,
"line": 1.5
},
"border": {
"color": "border",
"width": 2,
"style": "solid"
}
},
"th": {
"font": "body",
"size": 11,
"color": "textSecondary",
"bold": true,
"background": "codeBg",
"padding": 12,
"borderBottom": {
"color": "accent",
"width": 2,
"style": "solid"
}
},
"td": {
"font": "body",
"size": 11,
"color": "text",
"padding": 12,
"borderBottom": {
"color": "border",
"width": 2,
"style": "solid"
}
},
"hr": {
"spacing": {
"before": 32,
"after": 32
},
"border": {
"color": "accent",
"width": 2,
"style": "wave"
}
},
"img": {
"align": "center",
"spacing": {
"before": 24,
"after": 24
},
"border": {
"color": "accent",
"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": 2,
"header": true,
"footer": true
}
}

View File

@@ -0,0 +1,312 @@
{
"id": "blockchain-protocol",
"name": "Blockchain Protocol",
"category": "tech",
"description": "Technical blockchain and Web3 design. Decentralized aesthetics with protocol documentation style.",
"vibe": "Technical, Decentralized, Protocol",
"googleFontsImport": "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&family=Inter:wght@400;500;600&display=swap",
"typography": {
"fonts": {
"heading": "Inter",
"body": "Inter",
"code": "JetBrains Mono"
},
"colors": {
"text": "4B5563",
"textSecondary": "1E1E1E",
"background": "FFFFFF",
"accent": "6366F1",
"border": "E5E7EB",
"codeBg": "F3F4F6",
"blockquoteBg": "F3F4F6",
"blockquoteBorder": "6366F1"
}
},
"elements": {
"h1": {
"font": "heading",
"size": 28,
"color": "accent",
"bold": true,
"align": "left",
"spacing": {
"before": 48,
"after": 24,
"line": 1.2
}
},
"h2": {
"font": "heading",
"size": 16,
"color": "textSecondary",
"bold": true,
"align": "left",
"spacing": {
"before": 36,
"after": 18,
"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": 11,
"color": "text",
"bold": true,
"align": "left",
"spacing": {
"before": 16,
"after": 8,
"line": 1.4
}
},
"h6": {
"font": "body",
"size": 10,
"color": "text",
"bold": true,
"align": "left",
"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": "code",
"size": 9,
"color": "text",
"italic": false,
"align": "left",
"spacing": {
"before": 24,
"after": 24,
"line": 1.6
},
"padding": 16,
"borderRadius": 6,
"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.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": 6
},
"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": "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": 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": 1,
"style": "solid"
}
},
"img": {
"align": "center",
"spacing": {
"before": 24,
"after": 24
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
},
"borderRadius": 6
},
"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,308 @@
{
"id": "bsod-blue",
"name": "BSOD Blue",
"category": "tech",
"description": "The infamous crash screen. Pure white terminal fonts on a deep, error blue background.",
"vibe": "Crash, Error, Terminal",
"googleFontsImport": "https://fonts.googleapis.com/css2?family=Lucident&family=Fira+Mono:wght@400;500;700&display=swap",
"typography": {
"fonts": {
"heading": "Lucident",
"body": "Fira Mono",
"code": "Fira Mono"
},
"colors": {
"text": "FFFFFF",
"textSecondary": "FFFFFF",
"background": "0000AA",
"accent": "FFFFFF",
"border": "FFFFFF",
"codeBg": "000088",
"blockquoteBg": "0000AA",
"blockquoteBorder": "FFFFFF"
}
},
"elements": {
"h1": {
"font": "heading",
"size": 24,
"color": "text",
"bold": true,
"align": "left",
"spacing": {
"before": 48,
"after": 24,
"line": 1.2
}
},
"h2": {
"font": "body",
"size": 14,
"color": "text",
"bold": false,
"align": "left",
"underline": true,
"spacing": {
"before": 32,
"after": 16,
"line": 1.3
}
},
"h3": {
"font": "body",
"size": 12,
"color": "text",
"bold": true,
"align": "left",
"spacing": {
"before": 24,
"after": 12,
"line": 1.4
}
},
"h4": {
"font": "body",
"size": 11,
"color": "text",
"bold": true,
"align": "left",
"spacing": {
"before": 20,
"after": 10,
"line": 1.4
}
},
"h5": {
"font": "body",
"size": 11,
"color": "text",
"bold": true,
"align": "left",
"spacing": {
"before": 16,
"after": 8,
"line": 1.4
}
},
"h6": {
"font": "body",
"size": 11,
"color": "text",
"bold": true,
"align": "left",
"uppercase": true,
"spacing": {
"before": 16,
"after": 8,
"line": 1.4
}
},
"p": {
"font": "body",
"size": 11,
"color": "text",
"align": "left",
"spacing": {
"before": 0,
"after": 14,
"line": 1.5
}
},
"blockquote": {
"font": "body",
"size": 11,
"color": "text",
"italic": false,
"align": "left",
"spacing": {
"before": 24,
"after": 24,
"line": 1.5
},
"padding": 16,
"border": {
"color": "border",
"width": 2,
"style": "solid"
},
"background": "blockquoteBg"
},
"code": {
"font": "code",
"size": 11,
"color": "text",
"background": "codeBg",
"spacing": {
"before": 0,
"after": 0,
"line": 1.5
}
},
"pre": {
"font": "code",
"size": 11,
"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.5
},
"indent": 24,
"bullet": "square"
},
"ol": {
"spacing": {
"before": 16,
"after": 16,
"line": 1.5
},
"indent": 24,
"numbering": "decimal"
},
"li": {
"font": "body",
"size": 11,
"color": "text",
"spacing": {
"before": 4,
"after": 4,
"line": 1.5
}
},
"strong": {
"font": "body",
"bold": true,
"color": "text"
},
"em": {
"font": "body",
"italic": true
},
"a": {
"font": "body",
"color": "text",
"underline": true,
"bold": true
},
"table": {
"spacing": {
"before": 24,
"after": 24,
"line": 1.4
},
"border": {
"color": "border",
"width": 2,
"style": "solid"
}
},
"th": {
"font": "body",
"size": 11,
"color": "text",
"bold": true,
"background": "codeBg",
"padding": 12,
"borderBottom": {
"color": "border",
"width": 2,
"style": "solid"
}
},
"td": {
"font": "body",
"size": 11,
"color": "text",
"padding": 12,
"borderBottom": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"hr": {
"spacing": {
"before": 32,
"after": 32
},
"border": {
"color": "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": "codeBg",
"color": "text"
},
"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,316 @@
{
"id": "circuit-board",
"name": "Circuit Board",
"category": "tech",
"description": "PCB aesthetic. Deep forest green background with copper/gold tracks.",
"vibe": "Tech, Green, Copper",
"googleFontsImport": "https://fonts.googleapis.com/css2?family=Share+Tech+Mono&family=Teko:wght@400;600;700&display=swap",
"typography": {
"fonts": {
"heading": "Teko",
"body": "Share Tech Mono",
"code": "Share Tech Mono"
},
"colors": {
"text": "C8E6C9",
"textSecondary": "A5D6A7",
"background": "1B5E20",
"accent": "FFD54F",
"border": "FFB300",
"codeBg": "2E7D32",
"blockquoteBg": "1B5E20",
"blockquoteBorder": "FFD54F"
}
},
"elements": {
"h1": {
"font": "heading",
"size": 36,
"color": "accent",
"bold": true,
"align": "left",
"border": {
"bottom": {
"color": "border",
"width": 4,
"style": "dotted"
}
},
"padding": 12,
"spacing": {
"before": 48,
"after": 24,
"line": 1.1
}
},
"h2": {
"font": "body",
"size": 16,
"color": "textSecondary",
"bold": false,
"align": "left",
"uppercase": true,
"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": "text",
"bold": true,
"align": "left",
"spacing": {
"before": 16,
"after": 8,
"line": 1.4
}
},
"h6": {
"font": "body",
"size": 11,
"color": "text",
"bold": true,
"align": "left",
"uppercase": true,
"spacing": {
"before": 16,
"after": 8,
"line": 1.4
}
},
"p": {
"font": "body",
"size": 11,
"color": "text",
"align": "left",
"spacing": {
"before": 0,
"after": 16,
"line": 1.5
}
},
"blockquote": {
"font": "body",
"size": 12,
"color": "accent",
"italic": false,
"align": "left",
"spacing": {
"before": 24,
"after": 24,
"line": 1.5
},
"padding": 16,
"border": {
"color": "accent",
"width": 1,
"style": "solid"
},
"background": "blockquoteBg"
},
"code": {
"font": "code",
"size": 11,
"color": "accent",
"background": "codeBg",
"spacing": {
"before": 0,
"after": 0,
"line": 1.4
}
},
"pre": {
"font": "code",
"size": 11,
"color": "accent",
"background": "codeBg",
"padding": 16,
"spacing": {
"before": 16,
"after": 16,
"line": 1.4
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"ul": {
"spacing": {
"before": 16,
"after": 16,
"line": 1.5
},
"indent": 24,
"bullet": "square"
},
"ol": {
"spacing": {
"before": 16,
"after": 16,
"line": 1.5
},
"indent": 24,
"numbering": "decimal"
},
"li": {
"font": "body",
"size": 11,
"color": "text",
"spacing": {
"before": 4,
"after": 4,
"line": 1.5
}
},
"strong": {
"font": "body",
"bold": true,
"color": "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": 12,
"color": "accent",
"bold": true,
"background": "codeBg",
"padding": 12,
"borderBottom": {
"color": "border",
"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": "dotted"
}
},
"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": "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,311 @@
{
"id": "code-editor",
"name": "Code Editor",
"category": "tech",
"description": "Dark mode IDE aesthetic. Monospaced fonts with syntax-highlighting color palette.",
"vibe": "Technical, Dark, Coding",
"googleFontsImport": "https://fonts.googleapis.com/css2?family=Inconsolata:wght@400;700&family=Source+Code+Pro:wght@400;500;600;700&display=swap",
"typography": {
"fonts": {
"heading": "Inconsolata",
"body": "Source Code Pro",
"code": "Source Code Pro"
},
"colors": {
"text": "ABB2BF",
"textSecondary": "98C379",
"background": "282C34",
"accent": "E06C75",
"border": "3E4451",
"codeBg": "2C313C",
"blockquoteBg": "2C313C",
"blockquoteBorder": "E06C75"
}
},
"elements": {
"h1": {
"font": "heading",
"size": 26,
"color": "61AFEF",
"bold": true,
"align": "left",
"background": "background",
"padding": 20,
"spacing": {
"before": 48,
"after": 24,
"line": 1.2
}
},
"h2": {
"font": "body",
"size": 14,
"color": "textSecondary",
"bold": true,
"align": "left",
"spacing": {
"before": 36,
"after": 18,
"line": 1.3
}
},
"h3": {
"font": "body",
"size": 12,
"color": "E5C07B",
"bold": true,
"align": "left",
"spacing": {
"before": 24,
"after": 12,
"line": 1.4
}
},
"h4": {
"font": "body",
"size": 11,
"color": "56B6C2",
"bold": true,
"align": "left",
"spacing": {
"before": 20,
"after": 10,
"line": 1.4
}
},
"h5": {
"font": "body",
"size": 10,
"color": "C678DD",
"bold": true,
"align": "left",
"spacing": {
"before": 16,
"after": 8,
"line": 1.4
}
},
"h6": {
"font": "body",
"size": 10,
"color": "C678DD",
"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": "accent",
"italic": false,
"align": "left",
"spacing": {
"before": 24,
"after": 24,
"line": 1.6
},
"padding": 16,
"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.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.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": "E5C07B"
},
"em": {
"font": "body",
"italic": true
},
"a": {
"font": "body",
"color": "61AFEF",
"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,
"borderBottom": {
"color": "border",
"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": "5C6370"
},
"sup": {
"font": "body",
"size": 9,
"superScript": true
},
"sub": {
"font": "body",
"size": 9,
"subScript": true
},
"mark": {
"font": "body",
"background": "codeBg",
"color": "E5C07B"
},
"footnote": {
"font": "body",
"size": 10,
"color": "5C6370",
"superScript": true
},
"footnoteRef": {
"font": "body",
"size": 10,
"color": "5C6370",
"spacing": {
"before": 4,
"after": 4,
"line": 1.2
}
}
},
"page": {
"margins": {
"top": 72,
"bottom": 72,
"left": 72,
"right": 72
},
"columns": 1,
"header": true,
"footer": true
}
}

View File

@@ -0,0 +1,311 @@
{
"id": "crypto-futurism",
"name": "Crypto Futurism",
"category": "tech",
"description": "Cutting-edge design for blockchain and cryptocurrency content. Dark themes with electric accents.",
"vibe": "Futuristic, Digital, Cutting-edge",
"googleFontsImport": "https://fonts.googleapis.com/css2?family=Audiowide&family=Rajdhani:wght@400;500;600;700&display=swap",
"typography": {
"fonts": {
"heading": "Audiowide",
"body": "Rajdhani",
"code": "Rajdhani"
},
"colors": {
"text": "C9D1D9",
"textSecondary": "58A6FF",
"background": "0D1117",
"accent": "00D4AA",
"border": "30363D",
"codeBg": "161B22",
"blockquoteBg": "21262D",
"blockquoteBorder": "00D4AA"
}
},
"elements": {
"h1": {
"font": "heading",
"size": 26,
"color": "accent",
"bold": false,
"align": "left",
"background": "background",
"padding": 20,
"spacing": {
"before": 48,
"after": 24,
"line": 1.2
}
},
"h2": {
"font": "body",
"size": 16,
"color": "textSecondary",
"bold": true,
"align": "left",
"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": "text",
"bold": true,
"align": "left",
"spacing": {
"before": 16,
"after": 8,
"line": 1.4
}
},
"h6": {
"font": "body",
"size": 11,
"color": "text",
"bold": true,
"align": "left",
"uppercase": true,
"spacing": {
"before": 16,
"after": 8,
"line": 1.4
}
},
"p": {
"font": "body",
"size": 10,
"color": "text",
"align": "left",
"spacing": {
"before": 0,
"after": 16,
"line": 1.6
}
},
"blockquote": {
"font": "body",
"size": 11,
"color": "text",
"italic": false,
"align": "left",
"spacing": {
"before": 24,
"after": 24,
"line": 1.6
},
"padding": 16,
"border": {
"left": {
"color": "blockquoteBorder",
"width": 4,
"style": "solid"
}
},
"background": "blockquoteBg"
},
"code": {
"font": "code",
"size": 10,
"color": "accent",
"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.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": "textSecondary",
"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,
"borderBottom": {
"color": "accent",
"width": 2,
"style": "solid"
}
},
"td": {
"font": "body",
"size": 10,
"color": "text",
"padding": 12,
"borderBottom": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"hr": {
"spacing": {
"before": 32,
"after": 32
},
"border": {
"color": "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,311 @@
{
"id": "cybersecurity",
"name": "Cybersecurity",
"category": "tech",
"description": "High-security design for infosec and cybersecurity. Matrix-inspired with threat-level colors.",
"vibe": "Secure, Technical, Alert",
"googleFontsImport": "https://fonts.googleapis.com/css2?family=Share+Tech+Mono&family=Exo+2:wght@400;500;600;700&display=swap",
"typography": {
"fonts": {
"heading": "Exo 2",
"body": "Share Tech Mono",
"code": "Share Tech Mono"
},
"colors": {
"text": "B0BEC5",
"textSecondary": "00E676",
"background": "0D0D0D",
"accent": "00E676",
"border": "1A1A1A",
"codeBg": "1A1A1A",
"blockquoteBg": "1A1A1A",
"blockquoteBorder": "00E676"
}
},
"elements": {
"h1": {
"font": "heading",
"size": 26,
"color": "accent",
"bold": true,
"align": "left",
"background": "background",
"padding": 20,
"spacing": {
"before": 48,
"after": 24,
"line": 1.2
}
},
"h2": {
"font": "heading",
"size": 14,
"color": "accent",
"bold": true,
"align": "left",
"spacing": {
"before": 36,
"after": 18,
"line": 1.3
}
},
"h3": {
"font": "heading",
"size": 12,
"color": "accent",
"bold": true,
"align": "left",
"spacing": {
"before": 24,
"after": 12,
"line": 1.4
}
},
"h4": {
"font": "heading",
"size": 11,
"color": "accent",
"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",
"uppercase": true,
"spacing": {
"before": 16,
"after": 8,
"line": 1.4
}
},
"p": {
"font": "body",
"size": 9,
"color": "text",
"align": "left",
"spacing": {
"before": 0,
"after": 16,
"line": 1.6
}
},
"blockquote": {
"font": "body",
"size": 9,
"color": "text",
"italic": false,
"align": "left",
"spacing": {
"before": 24,
"after": 24,
"line": 1.6
},
"padding": 16,
"border": {
"left": {
"color": "blockquoteBorder",
"width": 4,
"style": "solid"
}
},
"background": "blockquoteBg"
},
"code": {
"font": "code",
"size": 9,
"color": "accent",
"background": "codeBg",
"spacing": {
"before": 0,
"after": 0,
"line": 1.5
}
},
"pre": {
"font": "code",
"size": 9,
"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.6
},
"indent": 24,
"bullet": "square"
},
"ol": {
"spacing": {
"before": 16,
"after": 16,
"line": 1.6
},
"indent": 24,
"numbering": "decimal"
},
"li": {
"font": "body",
"size": 9,
"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.5
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"th": {
"font": "heading",
"size": 10,
"color": "accent",
"bold": true,
"background": "codeBg",
"padding": 12,
"borderBottom": {
"color": "accent",
"width": 2,
"style": "solid"
}
},
"td": {
"font": "body",
"size": 9,
"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": 8,
"superScript": true
},
"sub": {
"font": "body",
"size": 8,
"subScript": true
},
"mark": {
"font": "body",
"background": "codeBg",
"color": "accent"
},
"footnote": {
"font": "body",
"size": 9,
"color": "text",
"superScript": true
},
"footnoteRef": {
"font": "body",
"size": 9,
"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,309 @@
{
"id": "data-analytics",
"name": "Data Analytics",
"category": "tech",
"description": "Clean design for data science and analytics content. Precise typography optimized for charts and metrics.",
"vibe": "Analytical, Clean, Data-driven",
"googleFontsImport": "https://fonts.googleapis.com/css2?family=Overpass:wght@400;600;700&family=Overpass+Mono:wght@400;600&display=swap",
"typography": {
"fonts": {
"heading": "Overpass",
"body": "Overpass",
"code": "Overpass Mono"
},
"colors": {
"text": "475569",
"textSecondary": "3730A3",
"background": "FFFFFF",
"accent": "0F172A",
"border": "E2E8F0",
"codeBg": "F1F5F9",
"blockquoteBg": "F1F5F9",
"blockquoteBorder": "3730A3"
}
},
"elements": {
"h1": {
"font": "heading",
"size": 26,
"color": "0F172A",
"bold": true,
"align": "left",
"spacing": {
"before": 48,
"after": 24,
"line": 1.2
}
},
"h2": {
"font": "heading",
"size": 14,
"color": "3730A3",
"bold": true,
"align": "left",
"spacing": {
"before": 36,
"after": 18,
"line": 1.3
}
},
"h3": {
"font": "heading",
"size": 12,
"color": "3730A3",
"bold": true,
"align": "left",
"spacing": {
"before": 24,
"after": 12,
"line": 1.4
}
},
"h4": {
"font": "heading",
"size": 11,
"color": "0F172A",
"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",
"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": "code",
"size": 9,
"color": "text",
"italic": false,
"align": "left",
"spacing": {
"before": 24,
"after": 24,
"line": 1.6
},
"padding": 16,
"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.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.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": "0F172A"
},
"em": {
"font": "body",
"italic": true
},
"a": {
"font": "body",
"color": "3730A3",
"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": "0F172A",
"bold": true,
"background": "codeBg",
"padding": 12,
"borderBottom": {
"color": "3730A3",
"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": 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": "3730A3"
},
"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,318 @@
{
"id": "deep-sea-sub",
"name": "Deep Sea Sub",
"category": "nature",
"description": "Bioluminescent abyss. Deepest navy backgrounds with glowing cyan/purple text.",
"vibe": "Dark, Underwater, Glowing",
"googleFontsImport": "https://fonts.googleapis.com/css2?family=Abel&family=Rajdhani:wght@400;700&display=swap",
"typography": {
"fonts": {
"heading": "Rajdhani",
"body": "Abel",
"code": "Rajdhani"
},
"colors": {
"text": "B2EBF2",
"textSecondary": "00E5FF",
"background": "000051",
"accent": "E040FB",
"border": "00B8D4",
"codeBg": "1A237E",
"blockquoteBg": "1A237E",
"blockquoteBorder": "00E5FF"
}
},
"elements": {
"h1": {
"font": "heading",
"size": 36,
"color": "textSecondary",
"bold": true,
"align": "center",
"background": "linear-gradient(135deg, #1A237E 0%, #000051 100%)",
"padding": 24,
"border": {
"color": "textSecondary",
"width": 1,
"style": "solid"
},
"borderRadius": 8,
"spacing": {
"before": 48,
"after": 24,
"line": 1.2
}
},
"h2": {
"font": "body",
"size": 20,
"color": "accent",
"bold": true,
"align": "center",
"spacing": {
"before": 36,
"after": 18,
"line": 1.3
}
},
"h3": {
"font": "body",
"size": 16,
"color": "textSecondary",
"bold": true,
"align": "center",
"spacing": {
"before": 24,
"after": 12,
"line": 1.4
}
},
"h4": {
"font": "body",
"size": 14,
"color": "textSecondary",
"bold": true,
"align": "center",
"spacing": {
"before": 20,
"after": 10,
"line": 1.4
}
},
"h5": {
"font": "body",
"size": 12,
"color": "text",
"bold": true,
"align": "center",
"spacing": {
"before": 16,
"after": 8,
"line": 1.4
}
},
"h6": {
"font": "body",
"size": 12,
"color": "text",
"bold": true,
"align": "center",
"uppercase": true,
"spacing": {
"before": 16,
"after": 8,
"line": 1.4
}
},
"p": {
"font": "body",
"size": 12,
"color": "text",
"align": "center",
"spacing": {
"before": 0,
"after": 16,
"line": 1.6
}
},
"blockquote": {
"font": "body",
"size": 12,
"color": "E0F7FA",
"italic": true,
"align": "center",
"spacing": {
"before": 24,
"after": 24,
"line": 1.6
},
"padding": 20,
"border": {
"color": "blockquoteBorder",
"width": 1,
"style": "solid"
},
"borderRadius": 8,
"background": "rgba(0, 229, 255, 0.1)"
},
"code": {
"font": "code",
"size": 12,
"color": "accent",
"background": "codeBg",
"spacing": {
"before": 0,
"after": 0,
"line": 1.5
}
},
"pre": {
"font": "code",
"size": 12,
"color": "textSecondary",
"background": "codeBg",
"padding": 16,
"spacing": {
"before": 16,
"after": 16,
"line": 1.5
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
},
"borderRadius": 8
},
"ul": {
"spacing": {
"before": 16,
"after": 16,
"line": 1.6
},
"indent": 24,
"bullet": "circle"
},
"ol": {
"spacing": {
"before": 16,
"after": 16,
"line": 1.6
},
"indent": 24,
"numbering": "decimal"
},
"li": {
"font": "body",
"size": 12,
"color": "text",
"spacing": {
"before": 4,
"after": 4,
"line": 1.6
}
},
"strong": {
"font": "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.5
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"th": {
"font": "heading",
"size": 12,
"color": "textSecondary",
"bold": true,
"background": "codeBg",
"padding": 12,
"borderBottom": {
"color": "accent",
"width": 2,
"style": "solid"
}
},
"td": {
"font": "body",
"size": 12,
"color": "text",
"padding": 12,
"borderBottom": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"hr": {
"spacing": {
"before": 32,
"after": 32
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"img": {
"align": "center",
"spacing": {
"before": 24,
"after": 24
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
},
"borderRadius": 8
},
"del": {
"font": "body",
"strikethrough": true,
"color": "border"
},
"sup": {
"font": "body",
"size": 10,
"superScript": true
},
"sub": {
"font": "body",
"size": 10,
"subScript": true
},
"mark": {
"font": "body",
"background": "codeBg",
"color": "accent"
},
"footnote": {
"font": "body",
"size": 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,315 @@
{
"id": "desert-sands",
"name": "Desert Sands",
"category": "nature",
"description": "Dune aesthetic. Warm beige backgrounds with wind-swept, eroded typefaces.",
"vibe": "Warm, Sandy, Soft",
"googleFontsImport": "https://fonts.googleapis.com/css2?family=Cinzel&family=Fauna+One&display=swap",
"typography": {
"fonts": {
"heading": "Cinzel",
"body": "Fauna One",
"code": "Fauna One"
},
"colors": {
"text": "4E342E",
"textSecondary": "5D4037",
"background": "F3E5AB",
"accent": "8D6E63",
"border": "A1887F",
"codeBg": "EFEBE9",
"blockquoteBg": "F3E5AB",
"blockquoteBorder": "5D4037"
}
},
"elements": {
"h1": {
"font": "heading",
"size": 36,
"color": "textSecondary",
"bold": false,
"align": "center",
"letterSpacing": 2,
"spacing": {
"before": 48,
"after": 24,
"line": 1.2
}
},
"h2": {
"font": "body",
"size": 16,
"color": "accent",
"bold": true,
"align": "center",
"spacing": {
"before": 36,
"after": 18,
"line": 1.3
}
},
"h3": {
"font": "body",
"size": 14,
"color": "textSecondary",
"bold": true,
"align": "center",
"spacing": {
"before": 24,
"after": 12,
"line": 1.4
}
},
"h4": {
"font": "body",
"size": 12,
"color": "textSecondary",
"bold": true,
"align": "center",
"spacing": {
"before": 20,
"after": 10,
"line": 1.4
}
},
"h5": {
"font": "body",
"size": 11,
"color": "text",
"bold": true,
"align": "center",
"spacing": {
"before": 16,
"after": 8,
"line": 1.4
}
},
"h6": {
"font": "body",
"size": 11,
"color": "text",
"bold": true,
"align": "center",
"uppercase": true,
"spacing": {
"before": 16,
"after": 8,
"line": 1.4
}
},
"p": {
"font": "body",
"size": 11,
"color": "text",
"align": "center",
"spacing": {
"before": 0,
"after": 16,
"line": 1.6
}
},
"blockquote": {
"font": "body",
"size": 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": 11,
"color": "accent",
"background": "codeBg",
"spacing": {
"before": 0,
"after": 0,
"line": 1.5
}
},
"pre": {
"font": "code",
"size": 11,
"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.6
},
"indent": 24,
"bullet": "circle"
},
"ol": {
"spacing": {
"before": 16,
"after": 16,
"line": 1.6
},
"indent": 24,
"numbering": "decimal"
},
"li": {
"font": "body",
"size": 11,
"color": "text",
"spacing": {
"before": 4,
"after": 4,
"line": 1.6
}
},
"strong": {
"font": "body",
"bold": true,
"color": "textSecondary"
},
"em": {
"font": "body",
"italic": true
},
"a": {
"font": "body",
"color": "accent",
"underline": true,
"bold": true
},
"table": {
"spacing": {
"before": 24,
"after": 24,
"line": 1.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": 2,
"style": "solid"
}
},
"td": {
"font": "body",
"size": 11,
"color": "text",
"padding": 12,
"borderBottom": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"hr": {
"spacing": {
"before": 32,
"after": 32
},
"border": {
"color": "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,313 @@
{
"id": "frutiger-aero",
"name": "Frutiger Aero",
"category": "tech",
"description": "Mid-2000s tech aesthetic. Glossy textures, humanist sans-serifs, and optimistic skeuomorphic blues and greens.",
"vibe": "Glossy, Optimistic, 2000s",
"googleFontsImport": "https://fonts.googleapis.com/css2?family=Varela+Round&family=M+PLUS+Rounded+1c:wght@400;500;700&display=swap",
"typography": {
"fonts": {
"heading": "Varela Round",
"body": "M PLUS Rounded 1c",
"code": "M PLUS Rounded 1c"
},
"colors": {
"text": "546E7A",
"textSecondary": "0288D1",
"background": "FFFFFF",
"accent": "7CB342",
"border": "B3E5FC",
"codeBg": "E1F5FE",
"blockquoteBg": "E0F7FA",
"blockquoteBorder": "B3E5FC"
}
},
"elements": {
"h1": {
"font": "heading",
"size": 28,
"color": "textSecondary",
"bold": false,
"align": "left",
"background": "linear-gradient(to right, #E1F5FE, #FFFFFF)",
"padding": 10,
"borderRadius": 10,
"spacing": {
"before": 48,
"after": 24,
"line": 1.2
}
},
"h2": {
"font": "body",
"size": 15,
"color": "accent",
"bold": true,
"align": "left",
"spacing": {
"before": 36,
"after": 18,
"line": 1.3
}
},
"h3": {
"font": "body",
"size": 13,
"color": "accent",
"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": "text",
"bold": true,
"align": "left",
"spacing": {
"before": 16,
"after": 8,
"line": 1.4
}
},
"h6": {
"font": "body",
"size": 11,
"color": "text",
"bold": true,
"align": "left",
"uppercase": true,
"spacing": {
"before": 16,
"after": 8,
"line": 1.4
}
},
"p": {
"font": "body",
"size": 10,
"color": "text",
"align": "left",
"spacing": {
"before": 0,
"after": 16,
"line": 1.6
}
},
"blockquote": {
"font": "body",
"size": 11,
"color": "text",
"italic": false,
"align": "left",
"spacing": {
"before": 24,
"after": 24,
"line": 1.6
},
"padding": 16,
"border": {
"color": "border",
"width": 1,
"style": "solid"
},
"borderRadius": 15,
"background": "linear-gradient(180deg, #FFFFFF 0%, #E0F7FA 100%)"
},
"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": 10
},
"ul": {
"spacing": {
"before": 16,
"after": 16,
"line": 1.6
},
"indent": 24,
"bullet": "circle"
},
"ol": {
"spacing": {
"before": 16,
"after": 16,
"line": 1.6
},
"indent": 24,
"numbering": "decimal"
},
"li": {
"font": "body",
"size": 10,
"color": "text",
"spacing": {
"before": 4,
"after": 4,
"line": 1.6
}
},
"strong": {
"font": "body",
"bold": true,
"color": "textSecondary"
},
"em": {
"font": "body",
"italic": true
},
"a": {
"font": "body",
"color": "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": 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": 1,
"style": "solid"
}
},
"img": {
"align": "center",
"spacing": {
"before": 24,
"after": 24
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
},
"borderRadius": 10
},
"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,321 @@
{
"id": "game-handheld",
"name": "Game Handheld",
"category": "gaming",
"description": "Classic 90s handheld console. Four shades of olive green pixel art style.",
"vibe": "Pixel, Green, Retro",
"googleFontsImport": "https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap",
"typography": {
"fonts": {
"heading": "Press Start 2P",
"body": "Press Start 2P",
"code": "Press Start 2P"
},
"colors": {
"text": "0f380f",
"textSecondary": "306230",
"background": "9bbc0f",
"accent": "306230",
"border": "0f380f",
"codeBg": "8bac0f",
"blockquoteBg": "8bac0f",
"blockquoteBorder": "306230"
}
},
"elements": {
"h1": {
"font": "heading",
"size": 20,
"color": "text",
"bold": false,
"align": "center",
"background": "codeBg",
"padding": 20,
"border": {
"color": "border",
"width": 4,
"style": "solid"
},
"spacing": {
"before": 48,
"after": 24,
"line": 1.2
}
},
"h2": {
"font": "heading",
"size": 12,
"color": "textSecondary",
"bold": false,
"align": "left",
"border": {
"bottom": {
"color": "textSecondary",
"width": 4,
"style": "solid"
}
},
"spacing": {
"before": 32,
"after": 16,
"line": 1.3
}
},
"h3": {
"font": "heading",
"size": 11,
"color": "textSecondary",
"bold": false,
"align": "left",
"spacing": {
"before": 24,
"after": 12,
"line": 1.4
}
},
"h4": {
"font": "heading",
"size": 10,
"color": "textSecondary",
"bold": false,
"align": "left",
"spacing": {
"before": 20,
"after": 10,
"line": 1.4
}
},
"h5": {
"font": "body",
"size": 10,
"color": "text",
"bold": false,
"align": "left",
"spacing": {
"before": 16,
"after": 8,
"line": 1.4
}
},
"h6": {
"font": "body",
"size": 10,
"color": "text",
"bold": false,
"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": 10,
"color": "text",
"italic": false,
"align": "left",
"spacing": {
"before": 24,
"after": 24,
"line": 1.6
},
"padding": 16,
"border": {
"color": "blockquoteBorder",
"width": 2,
"style": "solid"
},
"background": "blockquoteBg"
},
"code": {
"font": "code",
"size": 10,
"color": "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": 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": false,
"color": "textSecondary"
},
"em": {
"font": "body",
"italic": false
},
"a": {
"font": "body",
"color": "textSecondary",
"underline": true,
"bold": false
},
"table": {
"spacing": {
"before": 24,
"after": 24,
"line": 1.5
},
"border": {
"color": "border",
"width": 2,
"style": "solid"
}
},
"th": {
"font": "heading",
"size": 10,
"color": "textSecondary",
"bold": false,
"background": "codeBg",
"padding": 12,
"borderBottom": {
"color": "accent",
"width": 2,
"style": "solid"
}
},
"td": {
"font": "body",
"size": 10,
"color": "text",
"padding": 12,
"borderBottom": {
"color": "border",
"width": 2,
"style": "solid"
}
},
"hr": {
"spacing": {
"before": 32,
"after": 32
},
"border": {
"color": "border",
"width": 4,
"style": "solid"
}
},
"img": {
"align": "left",
"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": "codeBg",
"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,320 @@
{
"id": "hologram-blue",
"name": "Hologram Blue",
"category": "sci-fi",
"description": "Star Wars style communications. Translucent flickering blue text on dark voids.",
"vibe": "Holographic, Futuristic, Translucent",
"googleFontsImport": "https://fonts.googleapis.com/css2?family=Audiowide&family=Rajdhani:wght@400;600;700&display=swap",
"typography": {
"fonts": {
"heading": "Audiowide",
"body": "Rajdhani",
"code": "Rajdhani"
},
"colors": {
"text": "B3E5FC",
"textSecondary": "00B0FF",
"background": "000000",
"accent": "80D8FF",
"border": "0288D1",
"codeBg": "01579B",
"blockquoteBg": "000000",
"blockquoteBorder": "00B0FF"
}
},
"elements": {
"h1": {
"font": "heading",
"size": 30,
"color": "textSecondary",
"bold": false,
"align": "center",
"spacing": {
"before": 48,
"after": 24,
"line": 1.2
}
},
"h2": {
"font": "body",
"size": 18,
"color": "accent",
"bold": true,
"align": "center",
"border": {
"top": {
"color": "textSecondary",
"width": 1,
"style": "solid"
},
"bottom": {
"color": "textSecondary",
"width": 1,
"style": "solid"
}
},
"padding": 5,
"spacing": {
"before": 36,
"after": 18,
"line": 1.3
}
},
"h3": {
"font": "body",
"size": 16,
"color": "accent",
"bold": true,
"align": "center",
"spacing": {
"before": 24,
"after": 12,
"line": 1.4
}
},
"h4": {
"font": "body",
"size": 14,
"color": "accent",
"bold": true,
"align": "center",
"spacing": {
"before": 20,
"after": 10,
"line": 1.4
}
},
"h5": {
"font": "body",
"size": 12,
"color": "text",
"bold": true,
"align": "center",
"spacing": {
"before": 16,
"after": 8,
"line": 1.4
}
},
"h6": {
"font": "body",
"size": 12,
"color": "text",
"bold": true,
"align": "center",
"uppercase": true,
"spacing": {
"before": 16,
"after": 8,
"line": 1.4
}
},
"p": {
"font": "body",
"size": 12,
"color": "text",
"align": "center",
"spacing": {
"before": 0,
"after": 16,
"line": 1.6
}
},
"blockquote": {
"font": "body",
"size": 12,
"color": "E1F5FE",
"italic": false,
"align": "center",
"spacing": {
"before": 24,
"after": 24,
"line": 1.6
},
"padding": 16,
"border": {
"color": "blockquoteBorder",
"width": 1,
"style": "dashed"
},
"background": "blockquoteBg"
},
"code": {
"font": "code",
"size": 12,
"color": "accent",
"background": "codeBg",
"spacing": {
"before": 0,
"after": 0,
"line": 1.5
}
},
"pre": {
"font": "code",
"size": 12,
"color": "textSecondary",
"background": "codeBg",
"padding": 16,
"spacing": {
"before": 16,
"after": 16,
"line": 1.5
},
"border": {
"color": "border",
"width": 1,
"style": "dashed"
}
},
"ul": {
"spacing": {
"before": 16,
"after": 16,
"line": 1.6
},
"indent": 24,
"bullet": "circle"
},
"ol": {
"spacing": {
"before": 16,
"after": 16,
"line": 1.6
},
"indent": 24,
"numbering": "decimal"
},
"li": {
"font": "body",
"size": 12,
"color": "text",
"spacing": {
"before": 4,
"after": 4,
"line": 1.6
}
},
"strong": {
"font": "body",
"bold": true,
"color": "accent"
},
"em": {
"font": "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": "dashed"
}
},
"th": {
"font": "heading",
"size": 12,
"color": "textSecondary",
"bold": true,
"background": "codeBg",
"padding": 12,
"borderBottom": {
"color": "accent",
"width": 2,
"style": "dashed"
}
},
"td": {
"font": "body",
"size": 12,
"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"
}
},
"del": {
"font": "body",
"strikethrough": true,
"color": "border"
},
"sup": {
"font": "body",
"size": 10,
"superScript": true
},
"sub": {
"font": "body",
"size": 10,
"subScript": true
},
"mark": {
"font": "body",
"background": "codeBg",
"color": "accent"
},
"footnote": {
"font": "body",
"size": 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": "industrial-blueprint",
"name": "Industrial Blueprint",
"category": "technical",
"description": "Engineering-inspired design reminiscent of technical blueprints. Precise typography with drafting aesthetics.',",
"vibe": "Technical, Precise, Engineering",
"googleFontsImport": "https://fonts.googleapis.com/css2?family=Share+Tech+Mono&family=Titillium+Web:wght@400;600;700&display=swap",
"typography": {
"fonts": {
"heading": "Titillium Web",
"body": "Share Tech Mono",
"code": "Share Tech Mono"
},
"colors": {
"text": "2C4A6B",
"textSecondary": "1A3A5C",
"background": "FFFFFF",
"accent": "1A3A5C",
"border": "B0C4DE",
"codeBg": "E8F4FC",
"blockquoteBg": "E8F4FC",
"blockquoteBorder": "1A3A5C"
}
},
"elements": {
"h1": {
"font": "heading",
"size": 24,
"color": "FFFFFF",
"bold": true,
"align": "left",
"background": "accent",
"padding": 20,
"uppercase": true,
"spacing": {
"before": 48,
"after": 24,
"line": 1.2
}
},
"h2": {
"font": "heading",
"size": 14,
"color": "accent",
"bold": true,
"align": "left",
"spacing": {
"before": 36,
"after": 18,
"line": 1.3
}
},
"h3": {
"font": "heading",
"size": 12,
"color": "accent",
"bold": true,
"align": "left",
"spacing": {
"before": 24,
"after": 12,
"line": 1.4
}
},
"h4": {
"font": "heading",
"size": 11,
"color": "accent",
"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",
"uppercase": true,
"spacing": {
"before": 16,
"after": 8,
"line": 1.4
}
},
"p": {
"font": "body",
"size": 9,
"color": "text",
"align": "left",
"spacing": {
"before": 0,
"after": 16,
"line": 1.7
}
},
"blockquote": {
"font": "body",
"size": 10,
"color": "text",
"italic": false,
"align": "left",
"spacing": {
"before": 24,
"after": 24,
"line": 1.7
},
"padding": 16,
"border": {
"color": "blockquoteBorder",
"width": 1,
"style": "dashed"
},
"background": "blockquoteBg"
},
"code": {
"font": "code",
"size": 9,
"color": "textSecondary",
"background": "codeBg",
"spacing": {
"before": 0,
"after": 0,
"line": 1.5
}
},
"pre": {
"font": "code",
"size": 9,
"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.7
},
"indent": 24,
"bullet": "square"
},
"ol": {
"spacing": {
"before": 16,
"after": 16,
"line": 1.7
},
"indent": 24,
"numbering": "decimal"
},
"li": {
"font": "body",
"size": 9,
"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.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": 2,
"style": "solid"
}
},
"td": {
"font": "body",
"size": 9,
"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": "left",
"spacing": {
"before": 24,
"after": 24
},
"border": {
"color": "border",
"width": 2,
"style": "solid"
}
},
"del": {
"font": "body",
"strikethrough": true,
"color": "border"
},
"sup": {
"font": "body",
"size": 8,
"superScript": true
},
"sub": {
"font": "body",
"size": 8,
"subScript": true
},
"mark": {
"font": "body",
"background": "codeBg",
"color": "accent"
},
"footnote": {
"font": "body",
"size": 9,
"color": "textSecondary",
"superScript": true
},
"footnoteRef": {
"font": "body",
"size": 9,
"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,311 @@
{
"id": "marine-biology",
"name": "Marine Biology",
"category": "science",
"description": "Ocean-inspired design for marine science and aquatic content. Deep blues with flowing elegance.",
"vibe": "Oceanic, Scientific, Flowing",
"googleFontsImport": "https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600&family=Lora:wght@400;500;600;700&display=swap",
"typography": {
"fonts": {
"heading": "Lora",
"body": "Archivo",
"code": "Archivo"
},
"colors": {
"text": "334155",
"textSecondary": "0C4A6E",
"background": "FFFFFF",
"accent": "0369A1",
"border": "E0F2FE",
"codeBg": "F0F9FF",
"blockquoteBg": "E0F2FE",
"blockquoteBorder": "0EA5E9"
}
},
"elements": {
"h1": {
"font": "heading",
"size": 26,
"color": "textSecondary",
"bold": true,
"align": "left",
"spacing": {
"before": 48,
"after": 24,
"line": 1.2
}
},
"h2": {
"font": "body",
"size": 13,
"color": "accent",
"bold": true,
"align": "left",
"spacing": {
"before": 36,
"after": 18,
"line": 1.3
}
},
"h3": {
"font": "body",
"size": 12,
"color": "accent",
"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": "text",
"bold": true,
"align": "left",
"spacing": {
"before": 16,
"after": 8,
"line": 1.4
}
},
"h6": {
"font": "body",
"size": 10,
"color": "text",
"bold": true,
"align": "left",
"uppercase": true,
"spacing": {
"before": 16,
"after": 8,
"line": 1.4
}
},
"p": {
"font": "body",
"size": 10,
"color": "text",
"align": "left",
"spacing": {
"before": 0,
"after": 16,
"line": 1.6
}
},
"blockquote": {
"font": "heading",
"size": 11,
"color": "textSecondary",
"italic": true,
"align": "left",
"spacing": {
"before": 24,
"after": 24,
"line": 1.6
},
"padding": 16,
"border": {
"left": {
"color": "blockquoteBorder",
"width": 4,
"style": "solid"
}
},
"background": "blockquoteBg"
},
"code": {
"font": "code",
"size": 10,
"color": "accent",
"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": 6
},
"ul": {
"spacing": {
"before": 16,
"after": 16,
"line": 1.6
},
"indent": 24,
"bullet": "circle"
},
"ol": {
"spacing": {
"before": 16,
"after": 16,
"line": 1.6
},
"indent": 24,
"numbering": "decimal"
},
"li": {
"font": "body",
"size": 10,
"color": "text",
"spacing": {
"before": 4,
"after": 4,
"line": 1.6
}
},
"strong": {
"font": "body",
"bold": true,
"color": "textSecondary"
},
"em": {
"font": "body",
"italic": true
},
"a": {
"font": "body",
"color": "accent",
"underline": true,
"bold": true
},
"table": {
"spacing": {
"before": 24,
"after": 24,
"line": 1.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": 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": 1,
"style": "solid"
}
},
"img": {
"align": "center",
"spacing": {
"before": 24,
"after": 24
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
},
"borderRadius": 8
},
"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,318 @@
{
"id": "mars-rover",
"name": "Mars Rover",
"category": "space",
"description": "Red planet exploration. Dusty orange and terracotta tones with functional technical type.",
"vibe": "Space, Dusty, Technical",
"googleFontsImport": "https://fonts.googleapis.com/css2?family=Orbitron&family=Exo:wght@400;700&display=swap",
"typography": {
"fonts": {
"heading": "Orbitron",
"body": "Exo",
"code": "Exo"
},
"colors": {
"text": "3E2723",
"textSecondary": "BF360C",
"background": "FBE9E7",
"accent": "FF5722",
"border": "FF7043",
"codeBg": "FFCCBC",
"blockquoteBg": "FFCCBC",
"blockquoteBorder": "BF360C"
}
},
"elements": {
"h1": {
"font": "heading",
"size": 30,
"color": "textSecondary",
"bold": true,
"align": "left",
"border": {
"bottom": {
"color": "border",
"width": 4,
"style": "solid"
}
},
"padding": 12,
"spacing": {
"before": 48,
"after": 24,
"line": 1.2
}
},
"h2": {
"font": "body",
"size": 16,
"color": "E64A19",
"bold": true,
"align": "left",
"uppercase": true,
"spacing": {
"before": 36,
"after": 18,
"line": 1.3
}
},
"h3": {
"font": "body",
"size": 14,
"color": "E64A19",
"bold": true,
"align": "left",
"spacing": {
"before": 24,
"after": 12,
"line": 1.4
}
},
"h4": {
"font": "body",
"size": 12,
"color": "E64A19",
"bold": true,
"align": "left",
"spacing": {
"before": 20,
"after": 10,
"line": 1.4
}
},
"h5": {
"font": "body",
"size": 11,
"color": "text",
"bold": true,
"align": "left",
"spacing": {
"before": 16,
"after": 8,
"line": 1.4
}
},
"h6": {
"font": "body",
"size": 11,
"color": "text",
"bold": true,
"align": "left",
"uppercase": true,
"spacing": {
"before": 16,
"after": 8,
"line": 1.4
}
},
"p": {
"font": "body",
"size": 11,
"color": "text",
"align": "left",
"spacing": {
"before": 0,
"after": 16,
"line": 1.6
}
},
"blockquote": {
"font": "body",
"size": 11,
"color": "text",
"italic": false,
"align": "left",
"spacing": {
"before": 24,
"after": 24,
"line": 1.6
},
"padding": 16,
"border": {
"left": {
"color": "blockquoteBorder",
"width": 6,
"style": "solid"
}
},
"background": "blockquoteBg"
},
"code": {
"font": "code",
"size": 11,
"color": "textSecondary",
"background": "codeBg",
"spacing": {
"before": 0,
"after": 0,
"line": 1.5
}
},
"pre": {
"font": "code",
"size": 11,
"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.6
},
"indent": 24,
"bullet": "square"
},
"ol": {
"spacing": {
"before": 16,
"after": 16,
"line": 1.6
},
"indent": 24,
"numbering": "decimal"
},
"li": {
"font": "body",
"size": 11,
"color": "text",
"spacing": {
"before": 4,
"after": 4,
"line": 1.6
}
},
"strong": {
"font": "body",
"bold": true,
"color": "textSecondary"
},
"em": {
"font": "body",
"italic": true
},
"a": {
"font": "body",
"color": "accent",
"underline": true,
"bold": true
},
"table": {
"spacing": {
"before": 24,
"after": 24,
"line": 1.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": 2,
"style": "solid"
}
},
"td": {
"font": "body",
"size": 11,
"color": "text",
"padding": 12,
"borderBottom": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"hr": {
"spacing": {
"before": 32,
"after": 32
},
"border": {
"color": "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,320 @@
{
"id": "national-park-signage",
"name": "National Park Signage",
"category": "nature",
"description": "Routed wood sign aesthetic. Heavy rounded serifs with earthy brown and cream colors.",
"vibe": "Outdoors, Rustic, Official",
"googleFontsImport": "https://fonts.googleapis.com/css2?family=Crete+Round:ital@0;1&family=Lato:wght@400;700&display=swap",
"typography": {
"fonts": {
"heading": "Crete Round",
"body": "Lato",
"code": "Lato"
},
"colors": {
"text": "212121",
"textSecondary": "3E2723",
"background": "FFFFFF",
"accent": "5D4037",
"border": "A1887F",
"codeBg": "EFEBE9",
"blockquoteBg": "EFEBE9",
"blockquoteBorder": "3E2723"
}
},
"elements": {
"h1": {
"font": "heading",
"size": 32,
"color": "FFFFFF",
"bold": false,
"align": "left",
"background": "3E2723",
"padding": 16,
"border": {
"color": "5D4037",
"width": 2,
"style": "solid"
},
"borderRadius": 8,
"spacing": {
"before": 48,
"after": 24,
"line": 1.2
}
},
"h2": {
"font": "body",
"size": 16,
"color": "textSecondary",
"bold": true,
"align": "left",
"uppercase": true,
"spacing": {
"before": 36,
"after": 18,
"line": 1.3
}
},
"h3": {
"font": "body",
"size": 14,
"color": "textSecondary",
"bold": true,
"align": "left",
"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": "text",
"bold": true,
"align": "left",
"spacing": {
"before": 16,
"after": 8,
"line": 1.4
}
},
"h6": {
"font": "body",
"size": 11,
"color": "text",
"bold": true,
"align": "left",
"uppercase": true,
"spacing": {
"before": 16,
"after": 8,
"line": 1.4
}
},
"p": {
"font": "body",
"size": 11,
"color": "text",
"align": "left",
"spacing": {
"before": 0,
"after": 16,
"line": 1.6
}
},
"blockquote": {
"font": "body",
"size": 11,
"color": "text",
"italic": false,
"align": "left",
"spacing": {
"before": 24,
"after": 24,
"line": 1.6
},
"padding": 16,
"border": {
"left": {
"color": "blockquoteBorder",
"width": 6,
"style": "solid"
}
},
"background": "blockquoteBg"
},
"code": {
"font": "code",
"size": 11,
"color": "textSecondary",
"background": "codeBg",
"spacing": {
"before": 0,
"after": 0,
"line": 1.5
}
},
"pre": {
"font": "code",
"size": 11,
"color": "textSecondary",
"background": "codeBg",
"padding": 16,
"spacing": {
"before": 16,
"after": 16,
"line": 1.5
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
},
"borderRadius": 4
},
"ul": {
"spacing": {
"before": 16,
"after": 16,
"line": 1.6
},
"indent": 24,
"bullet": "square"
},
"ol": {
"spacing": {
"before": 16,
"after": 16,
"line": 1.6
},
"indent": 24,
"numbering": "decimal"
},
"li": {
"font": "body",
"size": 11,
"color": "text",
"spacing": {
"before": 4,
"after": 4,
"line": 1.6
}
},
"strong": {
"font": "body",
"bold": true,
"color": "textSecondary"
},
"em": {
"font": "body",
"italic": true
},
"a": {
"font": "body",
"color": "textSecondary",
"underline": true,
"bold": true
},
"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": 2,
"style": "solid"
}
},
"td": {
"font": "body",
"size": 11,
"color": "text",
"padding": 12,
"borderBottom": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"hr": {
"spacing": {
"before": 32,
"after": 32
},
"border": {
"color": "border",
"width": 2,
"style": "solid"
}
},
"img": {
"align": "center",
"spacing": {
"before": 24,
"after": 24
},
"border": {
"color": "border",
"width": 2,
"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": 2,
"header": true,
"footer": true
}
}

View File

@@ -0,0 +1,309 @@
{
"id": "neon-noir",
"name": "Neon Noir",
"category": "futuristic",
"description": "High-tech noir aesthetic. Ultra-thin, futuristic typography with glowing neon accents.",
"vibe": "Futuristic, Thin, Neon",
"googleFontsImport": "https://fonts.googleapis.com/css2?family=Megrim&family=Gruppo&display=swap",
"typography": {
"fonts": {
"heading": "Megrim",
"body": "Gruppo",
"code": "Gruppo"
},
"colors": {
"text": "E0E0E0",
"textSecondary": "00E5FF",
"background": "121212",
"accent": "D500F9",
"border": "333333",
"codeBg": "1C1C1C",
"blockquoteBg": "000000",
"blockquoteBorder": "D500F9"
}
},
"elements": {
"h1": {
"font": "heading",
"size": 36,
"color": "accent",
"bold": true,
"align": "left",
"background": "background",
"padding": 10,
"spacing": {
"before": 48,
"after": 24,
"line": 1.2
}
},
"h2": {
"font": "body",
"size": 18,
"color": "textSecondary",
"bold": true,
"align": "left",
"spacing": {
"before": 36,
"after": 18,
"line": 1.3
}
},
"h3": {
"font": "body",
"size": 16,
"color": "textSecondary",
"bold": true,
"align": "left",
"spacing": {
"before": 24,
"after": 12,
"line": 1.4
}
},
"h4": {
"font": "body",
"size": 14,
"color": "textSecondary",
"bold": true,
"align": "left",
"spacing": {
"before": 20,
"after": 10,
"line": 1.4
}
},
"h5": {
"font": "body",
"size": 12,
"color": "text",
"bold": true,
"align": "left",
"spacing": {
"before": 16,
"after": 8,
"line": 1.4
}
},
"h6": {
"font": "body",
"size": 12,
"color": "text",
"bold": true,
"align": "left",
"uppercase": true,
"spacing": {
"before": 16,
"after": 8,
"line": 1.4
}
},
"p": {
"font": "body",
"size": 12,
"color": "text",
"align": "left",
"spacing": {
"before": 0,
"after": 16,
"line": 1.6
}
},
"blockquote": {
"font": "body",
"size": 12,
"color": "accent",
"italic": false,
"align": "left",
"spacing": {
"before": 24,
"after": 24,
"line": 1.6
},
"padding": 16,
"border": {
"color": "blockquoteBorder",
"width": 1,
"style": "solid"
},
"background": "blockquoteBg"
},
"code": {
"font": "code",
"size": 12,
"color": "textSecondary",
"background": "codeBg",
"spacing": {
"before": 0,
"after": 0,
"line": 1.5
}
},
"pre": {
"font": "code",
"size": 12,
"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.6
},
"indent": 24,
"bullet": "circle"
},
"ol": {
"spacing": {
"before": 16,
"after": 16,
"line": 1.6
},
"indent": 24,
"numbering": "decimal"
},
"li": {
"font": "body",
"size": 12,
"color": "text",
"spacing": {
"before": 4,
"after": 4,
"line": 1.6
}
},
"strong": {
"font": "body",
"bold": true,
"color": "accent"
},
"em": {
"font": "body",
"italic": true
},
"a": {
"font": "body",
"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": 12,
"color": "textSecondary",
"bold": true,
"background": "codeBg",
"padding": 12,
"borderBottom": {
"color": "accent",
"width": 2,
"style": "solid"
}
},
"td": {
"font": "body",
"size": 12,
"color": "text",
"padding": 12,
"borderBottom": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"hr": {
"spacing": {
"before": 32,
"after": 32
},
"border": {
"color": "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": 10,
"superScript": true
},
"sub": {
"font": "body",
"size": 10,
"subScript": true
},
"mark": {
"font": "body",
"background": "codeBg",
"color": "accent"
},
"footnote": {
"font": "body",
"size": 12,
"color": "textSecondary",
"superScript": true
},
"footnoteRef": {
"font": "body",
"size": 12,
"color": "textSecondary",
"spacing": {
"before": 4,
"after": 4,
"line": 1.2
}
}
},
"page": {
"margins": {
"top": 72,
"bottom": 72,
"left": 72,
"right": 72
},
"columns": 2,
"header": true,
"footer": true
}
}

View File

@@ -0,0 +1,316 @@
{
"id": "schematic-diagram",
"name": "Schematic Diagram",
"category": "technical",
"description": "Patent drawing style. Thin, precise lines on stark white with serif lettering.",
"vibe": "Technical, Precise, Patent",
"googleFontsImport": "https://fonts.googleapis.com/css2?family=Courier+Prime&family=Libre+Baskerville:wght@400;700&display=swap",
"typography": {
"fonts": {
"heading": "Libre Baskerville",
"body": "Courier Prime",
"code": "Courier Prime"
},
"colors": {
"text": "212121",
"textSecondary": "000000",
"background": "FFFFFF",
"accent": "000000",
"border": "000000",
"codeBg": "F5F5F5",
"blockquoteBg": "FFFFFF",
"blockquoteBorder": "000000"
}
},
"elements": {
"h1": {
"font": "heading",
"size": 28,
"color": "textSecondary",
"bold": true,
"align": "center",
"uppercase": true,
"spacing": {
"before": 48,
"after": 24,
"line": 1.2
}
},
"h2": {
"font": "body",
"size": 14,
"color": "textSecondary",
"bold": true,
"align": "left",
"border": {
"bottom": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"padding": 2,
"spacing": {
"before": 36,
"after": 18,
"line": 1.3
}
},
"h3": {
"font": "body",
"size": 13,
"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": "text",
"bold": true,
"align": "left",
"spacing": {
"before": 16,
"after": 8,
"line": 1.4
}
},
"h6": {
"font": "body",
"size": 11,
"color": "text",
"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": 10,
"color": "text",
"italic": false,
"align": "justify",
"spacing": {
"before": 24,
"after": 24,
"line": 1.6
},
"padding": 20,
"border": {
"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.6
},
"indent": 24,
"bullet": "circle"
},
"ol": {
"spacing": {
"before": 16,
"after": 16,
"line": 1.6
},
"indent": 24,
"numbering": "decimal"
},
"li": {
"font": "body",
"size": 11,
"color": "text",
"spacing": {
"before": 4,
"after": 4,
"line": 1.6
}
},
"strong": {
"font": "body",
"bold": true,
"color": "textSecondary"
},
"em": {
"font": "body",
"italic": true
},
"a": {
"font": "body",
"color": "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": 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": "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": 2,
"header": true,
"footer": true
}
}

View File

@@ -0,0 +1,312 @@
{
"id": "smart-home-tech",
"name": "Smart Home Tech",
"category": "tech",
"description": "Modern IoT and smart home design. Clean, connected typography with ambient intelligence.",
"vibe": "Connected, Modern, Ambient",
"googleFontsImport": "https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap",
"typography": {
"fonts": {
"heading": "Poppins",
"body": "Poppins",
"code": "Poppins"
},
"colors": {
"text": "546E7A",
"textSecondary": "263238",
"background": "FFFFFF",
"accent": "00BFA5",
"border": "E0F2F1",
"codeBg": "E0F2F1",
"blockquoteBg": "E0F2F1",
"blockquoteBorder": "00BFA5"
}
},
"elements": {
"h1": {
"font": "heading",
"size": 28,
"color": "accent",
"bold": true,
"align": "left",
"spacing": {
"before": 48,
"after": 24,
"line": 1.2
}
},
"h2": {
"font": "heading",
"size": 15,
"color": "textSecondary",
"bold": true,
"align": "left",
"spacing": {
"before": 36,
"after": 18,
"line": 1.3
}
},
"h3": {
"font": "heading",
"size": 13,
"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": 11,
"color": "text",
"bold": true,
"align": "left",
"spacing": {
"before": 16,
"after": 8,
"line": 1.4
}
},
"h6": {
"font": "body",
"size": 11,
"color": "text",
"bold": true,
"align": "left",
"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": 10,
"color": "text",
"italic": false,
"align": "left",
"spacing": {
"before": 24,
"after": 24,
"line": 1.6
},
"padding": 16,
"border": {
"left": {
"color": "blockquoteBorder",
"width": 4,
"style": "solid"
}
},
"borderRadius": 12,
"background": "blockquoteBg"
},
"code": {
"font": "code",
"size": 10,
"color": "accent",
"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": 8
},
"ul": {
"spacing": {
"before": 16,
"after": 16,
"line": 1.6
},
"indent": 24,
"bullet": "circle"
},
"ol": {
"spacing": {
"before": 16,
"after": 16,
"line": 1.6
},
"indent": 24,
"numbering": "decimal"
},
"li": {
"font": "body",
"size": 10,
"color": "text",
"spacing": {
"before": 4,
"after": 4,
"line": 1.6
}
},
"strong": {
"font": "body",
"bold": true,
"color": "textSecondary"
},
"em": {
"font": "body",
"italic": true
},
"a": {
"font": "body",
"color": "accent",
"underline": true,
"bold": true
},
"table": {
"spacing": {
"before": 24,
"after": 24,
"line": 1.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": 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": 1,
"style": "solid"
}
},
"img": {
"align": "center",
"spacing": {
"before": 24,
"after": 24
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
},
"borderRadius": 8
},
"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,312 @@
{
"id": "solarpunk",
"name": "Solarpunk",
"category": "futuristic",
"description": "Nature-meets-technology future. Art Nouveau curves with high-tech sustainable green and gold.",
"vibe": "Sustainable, Hopeful, Organic",
"googleFontsImport": "https://fonts.googleapis.com/css2?family=Caudex:wght@400;700&family=El+Messiri:wght@400;600;700&display=swap",
"typography": {
"fonts": {
"heading": "El Messiri",
"body": "Caudex",
"code": "Caudex"
},
"colors": {
"text": "33691E",
"textSecondary": "2E7D32",
"background": "FFFFFF",
"accent": "AFB42B",
"border": "DCEDC8",
"codeBg": "F1F8E9",
"blockquoteBg": "F1F8E9",
"blockquoteBorder": "FFD700"
}
},
"elements": {
"h1": {
"font": "heading",
"size": 30,
"color": "textSecondary",
"bold": true,
"align": "left",
"spacing": {
"before": 48,
"after": 24,
"line": 1.2
}
},
"h2": {
"font": "heading",
"size": 15,
"color": "accent",
"bold": true,
"align": "left",
"spacing": {
"before": 36,
"after": 18,
"line": 1.3
}
},
"h3": {
"font": "heading",
"size": 13,
"color": "accent",
"bold": true,
"align": "left",
"spacing": {
"before": 24,
"after": 12,
"line": 1.4
}
},
"h4": {
"font": "heading",
"size": 12,
"color": "accent",
"bold": true,
"align": "left",
"spacing": {
"before": 20,
"after": 10,
"line": 1.4
}
},
"h5": {
"font": "body",
"size": 11,
"color": "text",
"bold": true,
"align": "left",
"spacing": {
"before": 16,
"after": 8,
"line": 1.4
}
},
"h6": {
"font": "body",
"size": 11,
"color": "text",
"bold": true,
"align": "left",
"uppercase": true,
"spacing": {
"before": 16,
"after": 8,
"line": 1.4
}
},
"p": {
"font": "body",
"size": 11,
"color": "text",
"align": "left",
"spacing": {
"before": 0,
"after": 16,
"line": 1.6
}
},
"blockquote": {
"font": "body",
"size": 11,
"color": "text",
"italic": false,
"align": "left",
"spacing": {
"before": 24,
"after": 24,
"line": 1.6
},
"padding": 16,
"border": {
"left": {
"color": "blockquoteBorder",
"width": 4,
"style": "solid"
}
},
"borderRadius": 16,
"background": "blockquoteBg"
},
"code": {
"font": "code",
"size": 11,
"color": "textSecondary",
"background": "codeBg",
"spacing": {
"before": 0,
"after": 0,
"line": 1.5
}
},
"pre": {
"font": "code",
"size": 11,
"color": "textSecondary",
"background": "codeBg",
"padding": 16,
"spacing": {
"before": 16,
"after": 16,
"line": 1.5
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
},
"borderRadius": 8
},
"ul": {
"spacing": {
"before": 16,
"after": 16,
"line": 1.6
},
"indent": 24,
"bullet": "circle"
},
"ol": {
"spacing": {
"before": 16,
"after": 16,
"line": 1.6
},
"indent": 24,
"numbering": "decimal"
},
"li": {
"font": "body",
"size": 11,
"color": "text",
"spacing": {
"before": 4,
"after": 4,
"line": 1.6
}
},
"strong": {
"font": "body",
"bold": true,
"color": "textSecondary"
},
"em": {
"font": "body",
"italic": true
},
"a": {
"font": "body",
"color": "accent",
"underline": true,
"bold": true
},
"table": {
"spacing": {
"before": 24,
"after": 24,
"line": 1.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": 2,
"style": "solid"
}
},
"td": {
"font": "body",
"size": 11,
"color": "text",
"padding": 12,
"borderBottom": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"hr": {
"spacing": {
"before": 32,
"after": 32
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"img": {
"align": "center",
"spacing": {
"before": 24,
"after": 24
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
},
"borderRadius": 16
},
"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,313 @@
{
"id": "startup-saas",
"name": "Startup SaaS",
"category": "tech",
"description": "Modern SaaS product design language. Clean, conversion-focused with trustworthy tech aesthetics.",
"vibe": "Modern, Trustworthy, Product",
"googleFontsImport": "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap",
"typography": {
"fonts": {
"heading": "Inter",
"body": "Inter",
"code": "Inter"
},
"colors": {
"text": "6B7280",
"textSecondary": "111827",
"background": "FFFFFF",
"accent": "4F46E5",
"border": "E5E7EB",
"codeBg": "F3F4F6",
"blockquoteBg": "EEF2FF",
"blockquoteBorder": "4F46E5"
}
},
"elements": {
"h1": {
"font": "heading",
"size": 32,
"color": "textSecondary",
"bold": true,
"align": "left",
"letterSpacing": -0.5,
"spacing": {
"before": 48,
"after": 24,
"line": 1.2
}
},
"h2": {
"font": "heading",
"size": 18,
"color": "accent",
"bold": true,
"align": "left",
"spacing": {
"before": 36,
"after": 18,
"line": 1.3
}
},
"h3": {
"font": "heading",
"size": 16,
"color": "accent",
"bold": true,
"align": "left",
"spacing": {
"before": 24,
"after": 12,
"line": 1.4
}
},
"h4": {
"font": "heading",
"size": 14,
"color": "accent",
"bold": true,
"align": "left",
"spacing": {
"before": 20,
"after": 10,
"line": 1.4
}
},
"h5": {
"font": "body",
"size": 12,
"color": "text",
"bold": true,
"align": "left",
"spacing": {
"before": 16,
"after": 8,
"line": 1.4
}
},
"h6": {
"font": "body",
"size": 12,
"color": "text",
"bold": true,
"align": "left",
"uppercase": true,
"spacing": {
"before": 16,
"after": 8,
"line": 1.4
}
},
"p": {
"font": "body",
"size": 10,
"color": "text",
"align": "left",
"spacing": {
"before": 0,
"after": 16,
"line": 1.6
}
},
"blockquote": {
"font": "body",
"size": 11,
"color": "textSecondary",
"italic": false,
"align": "left",
"spacing": {
"before": 24,
"after": 24,
"line": 1.6
},
"padding": 16,
"border": {
"left": {
"color": "blockquoteBorder",
"width": 4,
"style": "solid"
}
},
"borderRadius": 8,
"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": 6
},
"ul": {
"spacing": {
"before": 16,
"after": 16,
"line": 1.6
},
"indent": 24,
"bullet": "circle"
},
"ol": {
"spacing": {
"before": 16,
"after": 16,
"line": 1.6
},
"indent": 24,
"numbering": "decimal"
},
"li": {
"font": "body",
"size": 10,
"color": "text",
"spacing": {
"before": 4,
"after": 4,
"line": 1.6
}
},
"strong": {
"font": "body",
"bold": true,
"color": "textSecondary"
},
"em": {
"font": "body",
"italic": true
},
"a": {
"font": "body",
"color": "accent",
"underline": true,
"bold": true
},
"table": {
"spacing": {
"before": 24,
"after": 24,
"line": 1.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": 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": 1,
"style": "solid"
}
},
"img": {
"align": "center",
"spacing": {
"before": 24,
"after": 24
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
},
"borderRadius": 8
},
"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,311 @@
{
"id": "tech-documentation",
"name": "Tech Documentation",
"category": "technical",
"description": "Clean and functional design for technical documentation. Optimized for code samples and clear instruction.",
"vibe": "Technical, Clear, Functional",
"googleFontsImport": "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600&family=IBM+Plex+Mono:wght@400;500&display=swap",
"typography": {
"fonts": {
"heading": "IBM Plex Sans",
"body": "IBM Plex Sans",
"code": "IBM Plex Mono"
},
"colors": {
"text": "525252",
"textSecondary": "161616",
"background": "FFFFFF",
"accent": "0F62FE",
"border": "E0E0E0",
"codeBg": "F4F4F4",
"blockquoteBg": "F4F4F4",
"blockquoteBorder": "0F62FE"
}
},
"elements": {
"h1": {
"font": "heading",
"size": 24,
"color": "textSecondary",
"bold": true,
"align": "left",
"spacing": {
"before": 48,
"after": 24,
"line": 1.2
}
},
"h2": {
"font": "heading",
"size": 16,
"color": "textSecondary",
"bold": true,
"align": "left",
"spacing": {
"before": 36,
"after": 18,
"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": 11,
"color": "text",
"bold": true,
"align": "left",
"spacing": {
"before": 16,
"after": 8,
"line": 1.4
}
},
"h6": {
"font": "body",
"size": 11,
"color": "text",
"bold": true,
"align": "left",
"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": "code",
"size": 9,
"color": "text",
"italic": false,
"align": "left",
"spacing": {
"before": 24,
"after": 24,
"line": 1.6
},
"padding": 16,
"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.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": 4
},
"ul": {
"spacing": {
"before": 16,
"after": 16,
"line": 1.6
},
"indent": 24,
"bullet": "circle"
},
"ol": {
"spacing": {
"before": 16,
"after": 16,
"line": 1.6
},
"indent": 24,
"numbering": "decimal"
},
"li": {
"font": "body",
"size": 10,
"color": "text",
"spacing": {
"before": 4,
"after": 4,
"line": 1.6
}
},
"strong": {
"font": "body",
"bold": true,
"color": "textSecondary"
},
"em": {
"font": "body",
"italic": true
},
"a": {
"font": "body",
"color": "accent",
"underline": true,
"bold": true
},
"table": {
"spacing": {
"before": 24,
"after": 24,
"line": 1.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": 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": 1,
"style": "solid"
}
},
"img": {
"align": "left",
"spacing": {
"before": 24,
"after": 24
},
"border": {
"color": "border",
"width": 1,
"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": 2,
"header": true,
"footer": true
}
}

View File

@@ -0,0 +1,312 @@
{
"id": "tech-startup",
"name": "Tech Startup",
"category": "tech",
"description": "Modern, energetic design for technology companies and startups. Bold gradients, vibrant colors, and confident typography.",
"vibe": "Innovative, Dynamic, Bold",
"googleFontsImport": "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;700&display=swap",
"typography": {
"fonts": {
"heading": "Plus Jakarta Sans",
"body": "Plus Jakarta Sans",
"code": "Plus Jakarta Sans"
},
"colors": {
"text": "4B5563",
"textSecondary": "1E1E1E",
"background": "FFFFFF",
"accent": "6366F1",
"border": "E5E7EB",
"codeBg": "EEF2FF",
"blockquoteBg": "EEF2FF",
"blockquoteBorder": "6366F1"
}
},
"elements": {
"h1": {
"font": "heading",
"size": 28,
"color": "accent",
"bold": true,
"align": "left",
"spacing": {
"before": 48,
"after": 24,
"line": 1.2
}
},
"h2": {
"font": "heading",
"size": 16,
"color": "textSecondary",
"bold": true,
"align": "left",
"spacing": {
"before": 36,
"after": 18,
"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": 11,
"color": "text",
"bold": true,
"align": "left",
"spacing": {
"before": 16,
"after": 8,
"line": 1.4
}
},
"h6": {
"font": "body",
"size": 11,
"color": "text",
"bold": true,
"align": "left",
"uppercase": true,
"spacing": {
"before": 16,
"after": 8,
"line": 1.4
}
},
"p": {
"font": "body",
"size": 10,
"color": "text",
"align": "left",
"spacing": {
"before": 0,
"after": 16,
"line": 1.6
}
},
"blockquote": {
"font": "body",
"size": 11,
"color": "textSecondary",
"italic": false,
"align": "left",
"spacing": {
"before": 24,
"after": 24,
"line": 1.6
},
"padding": 20,
"border": {
"left": {
"color": "blockquoteBorder",
"width": 4,
"style": "solid"
}
},
"borderRadius": 8,
"background": "linear-gradient(135deg, #EEF2FF 0%, #E0E7FF 100%)"
},
"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": 8
},
"ul": {
"spacing": {
"before": 16,
"after": 16,
"line": 1.6
},
"indent": 24,
"bullet": "circle"
},
"ol": {
"spacing": {
"before": 16,
"after": 16,
"line": 1.6
},
"indent": 24,
"numbering": "decimal"
},
"li": {
"font": "body",
"size": 10,
"color": "text",
"spacing": {
"before": 4,
"after": 4,
"line": 1.6
}
},
"strong": {
"font": "body",
"bold": true,
"color": "textSecondary"
},
"em": {
"font": "body",
"italic": true
},
"a": {
"font": "body",
"color": "accent",
"underline": true,
"bold": true
},
"table": {
"spacing": {
"before": 24,
"after": 24,
"line": 1.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": 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": 1,
"style": "solid"
}
},
"img": {
"align": "center",
"spacing": {
"before": 24,
"after": 24
},
"border": {
"color": "border",
"width": 1,
"style": "solid"
},
"borderRadius": 8
},
"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": "volcanic-ash",
"name": "Volcanic Ash",
"category": "nature",
"description": "Geological extreme. Obsidian greys with magma orange cracks.",
"vibe": "Dark, Hot, Geological",
"googleFontsImport": "https://fonts.googleapis.com/css2?family=Creepster&family=Merriweather+Sans:wght@400;800&display=swap",
"typography": {
"fonts": {
"heading": "Merriweather Sans",
"body": "Merriweather Sans",
"code": "Merriweather Sans"
},
"colors": {
"text": "212121",
"textSecondary": "424242",
"background": "FAFAFA",
"accent": "FF3D00",
"border": "FFCCBC",
"codeBg": "FFCCBC",
"blockquoteBg": "FFCCBC",
"blockquoteBorder": "212121"
}
},
"elements": {
"h1": {
"font": "heading",
"size": 36,
"color": "accent",
"bold": true,
"align": "left",
"background": "212121",
"padding": 16,
"border": {
"bottom": {
"color": "DD2C00",
"width": 4,
"style": "solid"
}
},
"spacing": {
"before": 48,
"after": 24,
"line": 1.2
}
},
"h2": {
"font": "heading",
"size": 16,
"color": "textSecondary",
"bold": true,
"align": "left",
"border": {
"bottom": {
"color": "accent",
"width": 2,
"style": "solid"
}
},
"padding": 5,
"spacing": {
"before": 36,
"after": 18,
"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": 11,
"color": "text",
"bold": true,
"align": "left",
"spacing": {
"before": 16,
"after": 8,
"line": 1.4
}
},
"h6": {
"font": "body",
"size": 11,
"color": "text",
"bold": true,
"align": "left",
"uppercase": true,
"spacing": {
"before": 16,
"after": 8,
"line": 1.4
}
},
"p": {
"font": "body",
"size": 11,
"color": "text",
"align": "left",
"spacing": {
"before": 0,
"after": 16,
"line": 1.6
}
},
"blockquote": {
"font": "body",
"size": 11,
"color": "text",
"italic": false,
"align": "left",
"spacing": {
"before": 24,
"after": 24,
"line": 1.6
},
"padding": 16,
"border": {
"left": {
"color": "blockquoteBorder",
"width": 8,
"style": "solid"
}
},
"background": "blockquoteBg"
},
"code": {
"font": "code",
"size": 11,
"color": "textSecondary",
"background": "codeBg",
"spacing": {
"before": 0,
"after": 0,
"line": 1.5
}
},
"pre": {
"font": "code",
"size": 11,
"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.6
},
"indent": 24,
"bullet": "circle"
},
"ol": {
"spacing": {
"before": 16,
"after": 16,
"line": 1.6
},
"indent": 24,
"numbering": "decimal"
},
"li": {
"font": "body",
"size": 11,
"color": "text",
"spacing": {
"before": 4,
"after": 4,
"line": 1.6
}
},
"strong": {
"font": "body",
"bold": true,
"color": "textSecondary"
},
"em": {
"font": "body",
"italic": true
},
"a": {
"font": "body",
"color": "accent",
"underline": true,
"bold": true
},
"table": {
"spacing": {
"before": 24,
"after": 24,
"line": 1.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": 2,
"style": "solid"
}
},
"td": {
"font": "body",
"size": 11,
"color": "text",
"padding": 12,
"borderBottom": {
"color": "border",
"width": 1,
"style": "solid"
}
},
"hr": {
"spacing": {
"before": 32,
"after": 32
},
"border": {
"color": "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
}
}