{
    "id": "subway-tile",
    "name": "Subway Tile",
    "category": "Urban",
    "description": "Ceramic station aesthetic. Clean, geometric design inspired by classic metropolitan subway systems.",
    "vibe": "Clean, Geometric, Classic",
    "googleFontsImport": "https://fonts.googleapis.com/css2?family=Lexend+Deca:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Darker+Grotesque:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Fira+Mono:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap",
    "typography": {
        "fonts": {
            "heading": "Lexend Deca",
            "body": "Darker Grotesque",
            "code": "Fira Mono"
        },
        "colors": {
            "text": "212121",
            "textSecondary": "546E7A",
            "background": "F5F5F5",
            "accent": "004D40",
            "border": "B0BEC5",
            "codeBg": "ECEFF1",
            "blockquoteBorder": "004D40"
        }
    },
    "elements": {
        "h1": {
            "font": "heading",
            "size": 42,
            "color": "FFFFFF",
            "bold": true,
            "align": "center",
            "spacing": {
                "before": 24,
                "after": 12,
                "line": 1.1
            },
            "allCaps": true,
            "background": "004D40",
            "padding": 20,
            "borderRadius": 8,
            "border": {
                "color": "FFFFFF",
                "width": 4,
                "style": "solid"
            },
            "textShadow": "2px 2px 4px rgba(0,0,0,0.3)"
        },
        "h2": {
            "font": "heading",
            "size": 28,
            "color": "004D40",
            "bold": true,
            "align": "left",
            "spacing": {
                "before": 20,
                "after": 10,
                "line": 1.2
            },
            "borderBottom": {
                    "color": "004D40",
                    "width": 4,
                    "style": "solid"
                }
            ,
            "padding": 8
        },
        "h3": {
            "font": "heading",
            "size": 20,
            "color": "text",
            "bold": true,
            "align": "left",
            "spacing": {
                "before": 16,
                "after": 8,
                "line": 1.3
            },
            "allCaps": true
        },
        "h4": {
            "font": "body",
            "size": 20,
            "color": "text",
            "bold": true,
            "align": "left",
            "spacing": {
                "before": 14,
                "after": 6,
                "line": 1.3
            }
        },
        "h5": {
            "font": "body",
            "size": 18,
            "color": "textSecondary",
            "bold": true,
            "align": "left",
            "spacing": {
                "before": 12,
                "after": 6,
                "line": 1.4
            }
        },
        "h6": {
            "font": "body",
            "size": 16,
            "color": "textSecondary",
            "italic": true,
            "align": "left",
            "spacing": {
                "before": 12,
                "after": 6,
                "line": 1.4
            }
        },
        "p": {
            "font": "body",
            "size": 20,
            "color": "263238",
            "align": "left",
            "spacing": {
                "before": 0,
                "after": 12,
                "line": 1.5
            },
            "weight": 500
        },
        "blockquote": {
            "font": "body",
            "size": 22,
            "color": "004D40",
            "bold": true,
            "align": "center",
            "spacing": {
                "before": 24,
                "after": 24,
                "line": 1.4
            },
            "padding": 30,
            "border": {
                "color": "top",
                "width": 4,
                "style": "solid"
            },
            "background": "FFFFFF",
            "borderRadius": 4,
            "boxShadow": "0px 4px 6px rgba(0,0,0,0.1)"
        },
        "code": {
            "font": "code",
            "size": 14,
            "color": "text",
            "background": "codeBg",
            "spacing": {
                "before": 0,
                "after": 0,
                "line": 1.4
            }
        },
        "pre": {
            "font": "code",
            "size": 14,
            "color": "text",
            "background": "codeBg",
            "padding": 20,
            "spacing": {
                "before": 16,
                "after": 16,
                "line": 1.4
            },
            "border": {
                "color": "border",
                "width": 1,
                "style": "solid"
            },
            "borderRadius": 8
        },
        "ul": {
            "spacing": {
                "before": 12,
                "after": 12,
                "line": 1.6
            },
            "indent": 24,
            "bullet": "square"
        },
        "ol": {
            "spacing": {
                "before": 12,
                "after": 12,
                "line": 1.6
            },
            "indent": 24,
            "numbering": "decimal"
        },
        "li": {
            "font": "body",
            "size": 20,
            "color": "text",
            "spacing": {
                "before": 4,
                "after": 4,
                "line": 1.6
            }
        },
        "strong": {
            "font": "heading",
            "bold": true
        },
        "em": {
            "font": "body",
            "italic": true
        },
        "a": {
            "font": "heading",
            "color": "004D40",
            "underline": true,
            "bold": true
        },
        "table": {
            "spacing": {
                "before": 20,
                "after": 20,
                "line": 1.3
            },
            "border": {
                "color": "B0BEC5",
                "width": 2,
                "style": "solid"
            },
            "borderRadius": 8
        },
        "th": {
            "font": "heading",
            "size": 16,
            "color": "FFFFFF",
            "bold": true,
            "background": "546E7A",
            "padding": 12
        },
        "td": {
            "font": "body",
            "size": 18,
            "color": "text",
            "padding": 12,
            "borderBottom": {
                    "color": "border",
                    "width": 1,
                    "style": "solid"
                }
        },
        "hr": {
            "spacing": {
                "before": 30,
                "after": 30
            },
            "border": {
                "color": "004D40",
                "width": 8,
                "style": "solid"
            }
        },
        "img": {
            "align": "center",
            "spacing": {
                "before": 20,
                "after": 20
            },
            "border": {
                "color": "FFFFFF",
                "width": 8,
                "style": "solid"
            },
            "boxShadow": "0px 2px 4px rgba(0,0,0,0.2)"
        },
        "del": {
            "font": "body",
            "strikethrough": true,
            "color": "90A4AE"
        },
        "sup": {
            "font": "body",
            "size": 12,
            "superScript": true
        },
        "sub": {
            "font": "body",
            "size": 12,
            "subScript": true
        },
        "mark": {
            "font": "body",
            "background": "004D40",
            "color": "FFFFFF"
        },
        "footnote": {
            "font": "body",
            "size": 14,
            "color": "textSecondary",
            "superScript": true
        },
        "footnoteRef": {
            "font": "body",
            "size": 14,
            "color": "textSecondary",
            "spacing": {
                "before": 6,
                "after": 6,
                "line": 1.3
            }
        }
    },
    "page": {
        "margins": {
            "top": 54,
            "bottom": 54,
            "left": 54,
            "right": 54
        },
        "columns": 1,
        "header": true,
        "footer": true
    }
}