{
    "id": "supermarket-receipt",
    "name": "Supermarket Receipt",
    "category": "lifestyle",
    "description": "Thermal paper aesthetic. Monospaced, slightly faded grey text with narrow alignment.",
    "vibe": "Disposable, Monospace, Grey",
    "googleFontsImport": "https://fonts.googleapis.com/css2?family=Fira+Mono:wght@400;700&family=Inconsolata:wght@400;700&display=swap",
    "typography": {
        "fonts": {
            "heading": "Fira Mono",
            "body": "Inconsolata",
            "code": "Inconsolata"
        },
        "colors": {
            "text": "424242",
            "textSecondary": "000000",
            "background": "FAFAFA",
            "accent": "000000",
            "border": "BDBDBD",
            "codeBg": "EEEEEE",
            "blockquoteBg": "FAFAFA",
            "blockquoteBorder": "424242"
        }
    },
    "elements": {
        "h1": {
            "font": "heading",
            "size": 24,
            "color": "textSecondary",
            "bold": true,
            "align": "center",
            "uppercase": true,
            "spacing": {
                "before": 48,
                "after": 24,
                "line": 1.2
            }
        },
        "h2": {
            "font": "body",
            "size": 14,
            "color": "textSecondary",
            "bold": false,
            "align": "center",
            "borderBottom": {
                "color": "accent",
                "width": 1,
                "style": "dashed"
            },
            "spacing": {
                "before": 36,
                "after": 12,
                "line": 1.3
            }
        },
        "h3": {
            "font": "body",
            "size": 12,
            "color": "textSecondary",
            "bold": true,
            "align": "center",
            "spacing": {
                "before": 24,
                "after": 12,
                "line": 1.4
            }
        },
        "h4": {
            "font": "body",
            "size": 11,
            "color": "textSecondary",
            "bold": true,
            "align": "center",
            "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",
            "spacing": {
                "before": 16,
                "after": 8,
                "line": 1.4
            }
        },
        "p": {
            "font": "body",
            "size": 11,
            "color": "text",
            "align": "left",
            "spacing": {
                "before": 0,
                "after": 12,
                "line": 1.4
            }
        },
        "blockquote": {
            "font": "body",
            "size": 12,
            "color": "textSecondary",
            "bold": true,
            "align": "center",
            "spacing": {
                "before": 20,
                "after": 20,
                "line": 1.4
            },
            "padding": 12,
            "background": "blockquoteBg"
        },
        "code": {
            "font": "code",
            "size": 10,
            "color": "textSecondary",
            "background": "codeBg",
            "spacing": {
                "before": 0,
                "after": 0,
                "line": 1.4
            }
        },
        "pre": {
            "font": "code",
            "size": 10,
            "color": "textSecondary",
            "background": "codeBg",
            "padding": 16,
            "spacing": {
                "before": 16,
                "after": 16,
                "line": 1.4
            },
            "border": {
                "color": "border",
                "width": 1,
                "style": "dashed"
            }
        },
        "ul": {
            "spacing": {
                "before": 16,
                "after": 16,
                "line": 1.4
            },
            "indent": 24,
            "bullet": "asterisk"
        },
        "ol": {
            "spacing": {
                "before": 16,
                "after": 16,
                "line": 1.4
            },
            "indent": 24,
            "numbering": "decimal"
        },
        "li": {
            "font": "body",
            "size": 11,
            "color": "text",
            "spacing": {
                "before": 4,
                "after": 4,
                "line": 1.4
            }
        },
        "strong": {
            "font": "heading",
            "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.4
            },
            "border": {
                "color": "border",
                "width": 1,
                "style": "dashed"
            }
        },
        "th": {
            "font": "heading",
            "size": 11,
            "color": "textSecondary",
            "bold": true,
            "background": "codeBg",
            "padding": 8,
            "borderBottom": {
                "color": "accent",
                "width": 1,
                "style": "dashed"
            }
        },
        "td": {
            "font": "body",
            "size": 11,
            "color": "text",
            "padding": 8,
            "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": "solid"
            },
            "filter": "grayscale(100%) contrast(150%)"
        },
        "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": "border",
            "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": 100,
            "right": 100
        },
        "columns": 1,
        "header": true,
        "footer": true
    }
}