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