{
    "id": "weather-radar",
    "name": "Weather Radar",
    "category": "Scientific",
    "description": "Meteorological data dashboard. High-contrast, grid-based aesthetic designed for readability of complex data points.",
    "vibe": "Technical, Data-Driven, High-Contrast",
    "googleFontsImport": "https://fonts.googleapis.com/css2?family=Orbitron:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Exo+2:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Share+Tech+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": "Orbitron",
            "body": "Exo 2",
            "code": "Share Tech Mono"
        },
        "colors": {
            "text": "263238",
            "textSecondary": "455A64",
            "background": "F5F7F8",
            "accent": "D50000",
            "border": "B0BEC5",
            "codeBg": "ECEFF1",
            "blockquoteBorder": "FF6D00"
        }
    },
    "elements": {
        "h1": {
            "font": "heading",
            "size": 32,
            "color": "text",
            "bold": true,
            "align": "left",
            "allCaps": true,
            "spacing": {
                "before": 24,
                "after": 12,
                "line": 1.1
            },
            "borderBottom": {
                "color": "accent",
                "width": 4,
                "style": "solid"
            },
            "background": "codeBg",
            "padding": 12
        },
        "h2": {
            "font": "heading",
            "size": 20,
            "color": "textSecondary",
            "bold": true,
            "align": "left",
            "spacing": {
                "before": 20,
                "after": 10,
                "line": 1.2
            },
            "allCaps": true,
            "borderLeft": {
                "color": "accent",
                "width": 6,
                "style": "solid",
                "space": 8
            }
        },
        "h3": {
            "font": "body",
            "size": 16,
            "color": "accent",
            "bold": true,
            "align": "left",
            "spacing": {
                "before": 16,
                "after": 8,
                "line": 1.2
            }
        },
        "h4": {
            "font": "body",
            "size": 14,
            "color": "textSecondary",
            "bold": true,
            "align": "left",
            "spacing": {
                "before": 12,
                "after": 6,
                "line": 1.3
            }
        },
        "h5": {
            "font": "code",
            "size": 12,
            "color": "textSecondary",
            "bold": false,
            "align": "left",
            "spacing": {
                "before": 10,
                "after": 5,
                "line": 1.4
            }
        },
        "h6": {
            "font": "code",
            "size": 10,
            "color": "textSecondary",
            "italic": true,
            "align": "left",
            "spacing": {
                "before": 10,
                "after": 5,
                "line": 1.4
            },
            "allCaps": true
        },
        "p": {
            "font": "body",
            "size": 11,
            "color": "text",
            "align": "left",
            "spacing": {
                "before": 0,
                "after": 12,
                "line": 1.5
            },
            "weight": 400
        },
        "blockquote": {
            "font": "code",
            "size": 10,
            "color": "textSecondary",
            "align": "left",
            "spacing": {
                "before": 12,
                "after": 12,
                "line": 1.4
            },
            "padding": 12,
            "border": {
                "color": "blockquoteBorder",
                "width": 1,
                "style": "dashed"
            },
            "background": "F9FBE7"
        },
        "code": {
            "font": "code",
            "size": 10,
            "color": "text",
            "background": "codeBg",
            "spacing": {
                "before": 0,
                "after": 0,
                "line": 1.3
            }
        },
        "pre": {
            "font": "code",
            "size": 9.5,
            "color": "text",
            "background": "codeBg",
            "padding": 12,
            "spacing": {
                "before": 12,
                "after": 12,
                "line": 1.3
            },
            "border": {
                "color": "border",
                "width": 1,
                "style": "dotted"
            }
        },
        "ul": {
            "spacing": {
                "before": 8,
                "after": 8,
                "line": 1.5
            },
            "indent": 20,
            "bullet": "square"
        },
        "ol": {
            "spacing": {
                "before": 8,
                "after": 8,
                "line": 1.5
            },
            "indent": 20,
            "numbering": "decimal"
        },
        "li": {
            "font": "body",
            "size": 11,
            "color": "text",
            "spacing": {
                "before": 0,
                "after": 0,
                "line": 1.5
            }
        },
        "strong": {
            "font": "body",
            "bold": true
        },
        "em": {
            "font": "body",
            "italic": true
        },
        "a": {
            "font": "body",
            "color": "0288D1",
            "underline": true
        },
        "table": {
            "spacing": {
                "before": 12,
                "after": 12,
                "line": 1.2
            },
            "border": {
                "color": "border",
                "width": 1,
                "style": "solid"
            }
        },
        "th": {
            "font": "heading",
            "size": 10,
            "color": "text",
            "bold": true,
            "background": "ECEFF1",
            "padding": 8,
            "borderBottom": {
                "color": "accent",
                "width": 2,
                "style": "solid"
            }
        },
        "td": {
            "font": "code",
            "size": 10,
            "color": "text",
            "padding": 8
        },
        "hr": {
            "spacing": {
                "before": 24,
                "after": 24
            },
            "border": {
                "color": "border",
                "width": 2,
                "style": "dashed"
            }
        },
        "img": {
            "align": "center",
            "spacing": {
                "before": 12,
                "after": 12
            }
        },
        "del": {
            "font": "body",
            "strikethrough": true
        },
        "sup": {
            "font": "code",
            "size": 8,
            "superScript": true
        },
        "sub": {
            "font": "code",
            "size": 8,
            "subScript": true
        },
        "mark": {
            "font": "code",
            "background": "FFF9C4",
            "color": "text"
        },
        "footnote": {
            "font": "code",
            "size": 9,
            "color": "textSecondary",
            "superScript": true
        },
        "footnoteRef": {
            "font": "code",
            "size": 9,
            "color": "textSecondary",
            "spacing": {
                "before": 4,
                "after": 4,
                "line": 1.2
            }
        }
    },
    "page": {
        "margins": {
            "top": 54,
            "bottom": 54,
            "left": 54,
            "right": 54
        },
        "columns": 1,
        "header": true,
        "footer": true
    }
}