{"schemaVersion":2,"themes":{"catalyst":{"handle":"catalyst","url":"https://cdn.shopify.com/mock-shop-production-media/_themes/20cc5b110f0684b9397ce774da88b02fd4fd5cbd4b82c8b114f2a403e9fc112a.zip","sha256":"20cc5b110f0684b9397ce774da88b02fd4fd5cbd4b82c8b114f2a403e9fc112a","description":"Horizon 4.1.5 with the themegen `catalyst` home page: a left-aligned billboard hero, a collection-backed product row, a second hero captioned for one product and linking to it, an optional three-benefit row, and a closing band of one image beside the merchant's story on the palette's darkest colour. Inter throughout, square buttons, 2px badges at the top right of each card, 8px inputs, an 88px display headline, and the cart in a drawer.","bestSuitedFor":"A catalog with a collection worth showing, one product worth a page of its own, and three images to spend: the home page asks for a billboard, a product story picture and a merchant story picture, plus the handle of the collection its product row draws from. Every one of those images is an `image_picker` setting, so each has to be imported into the destination shop first and then named as `shopify://shop_images/<filename>`; a URL renders nothing. The row itself needs nothing per-product: `product_list_themegen` reads that collection and draws three of its products as cards that link to them. A shop with three claims to make about itself can also enable `section_npVphq` and fill three benefit headings. A shop with no collection worth showing can enable `section_product_placeholders` in its place and fill nine tokens by hand, three of them further images, but those three cards are painted on and link nowhere.","install":["Download `url`, check it against `sha256`, and unzip it. `THEMEGEN_PLACEHOLDERS.md` inside lists every `[[TOKEN]]` it carries; `tokens` above says the same thing and names the section each one feeds.","Replace every `[[TOKEN]]` in `templates/index.json` and `sections/footer-group.json` with the value of the same name in the shop's `mock_shop.theme` metafield `placeholders` (the shop's `llms.txt` shows the request). Each token sits inside a JSON string and the value goes in as that string's contents: the quotes around it stay, and any `\"`, `\\` or line break in the value is escaped the way JSON requires, or the file no longer parses and the push fails. Parsing the file, substituting inside its string values and writing it back does that without a slip.","`IMAGE_*` values arrive as image URLs, and every `IMAGE_*` token is an `image_picker` setting, where a URL renders nothing. Import each URL into the destination shop's files first (Admin API `fileCreate` with the URL as `originalSource`, then poll until `fileStatus` is `READY`) and write `shopify://shop_images/<filename>` in the token's place, where `<filename>` is the last path segment of the URL.","A token the shop's metafield does not carry is never filled with an invented value. What stands in for it is what the reference render does, and it differs by region: `section_Ea3hn6` is disabled, with `\"disabled\": true`, when `ABOUT_MERCHANT_BODY` is missing, and `hero_w7HaTj` when both `ABOUT_PRODUCT_SUBHEAD` and `IMAGE_ABOUT_PRODUCT` are; `section_npVphq` ships disabled and is enabled only when all three `BENEFIT_n_HEADING` values are carried; a missing supporting line (`BILLBOARD_SUBHEAD`, `ABOUT_PRODUCT_HEADING`, `ABOUT_PRODUCT_SUBHEAD` beside an image that is carried, any `BENEFIT_n_SUBHEAD`, `FOOTER_SUBHEAD`) is left empty and its section kept; a missing `BILLBOARD_HEADING` is the shop's name; a missing `ABOUT_PRODUCT_SHOP_NOW_URI` is `/collections/all`; a missing `IMAGE_*` in a section that is kept is a photograph from the shop's own catalog, collection imagery first and product photography after, so import one of those the same way and pick it. `FOOTER_HEADING` and `FOOTER_SUBHEAD` sit in `sections/footer-group.json` rather than in any home section; without `FOOTER_HEADING`, write the shop's name.","Leave the product row as shipped: `product_list_themegen` enabled, reading the collection `COLLECTION_HANDLE` names, and `section_product_placeholders` disabled. `sections[].rule` says when to swap them, and it is only for a shop with no collection worth showing.","Where the shop's `mock_shop.hero` metafield names a hero, that hero's section replaces `hero_p9CmMG` at the front of `order` in `templates/index.json`; the hero's own `install` says how, and when the shop cannot fill it, in which case `hero_p9CmMG` stays. Without a hero named at all, `hero_p9CmMG` stays too and draws `IMAGE_BILLBOARD` under `BILLBOARD_HEADING`.","Push the directory with `shopify theme push --unpublished` and look at the preview it prints before publishing it. Nothing in this theme lists a product or builds a menu: it draws whatever the shop already has."],"sections":[{"handle":"hero_p9CmMG","type":"hero","enabled":true,"description":"The opening hero: IMAGE_BILLBOARD full-bleed under a gradient scrim, BILLBOARD_HEADING set left as the page's one h1 with BILLBOARD_SUBHEAD beneath it, and a Shop now button to the whole catalog.","aesthetics":["cinematic","dramatic","editorial"],"qualities":["full-bleed","image-dominant","high-contrast","asymmetric"]},{"handle":"section_product_placeholders","type":"section","enabled":false,"description":"Three product cards built out of layout primitives under a Featured products heading and a View all button: a row of groups, each an image and two text blocks. Nothing here reads the catalog — the nine IMAGE_PRODUCT_n, PRODUCT_n_TITLE and PRODUCT_n_PRICE tokens are literal settings, which is why a product costs three tokens here and none in product_list_themegen. Nothing here links either: the image block and the button both take a link and this section leaves them empty, so the three cards are pictures rather than ways through to a product.","rule":"Disabled as shipped, because three products painted on read as a shop's own until a shopper clicks one and nothing happens. Enable it only where no collection is worth showing, disabling product_list_themegen in the same edit — never both, or the page shows a shop's own products beside three that are not."},{"handle":"product_list_themegen","type":"product-list","enabled":true,"description":"The real product row: Horizon's product-list in three columns, its card assembled from _product-card-gallery, price and swatches blocks that read the collection COLLECTION_HANDLE names and draw three of its products. Per-product tokens are what it does not need.","rule":"Enabled as shipped, and COLLECTION_HANDLE is the only value it needs. Disable it only for a shop with no collection worth showing, enabling section_product_placeholders in the same edit."},{"handle":"hero_w7HaTj","type":"hero","enabled":true,"description":"A second hero for one product: IMAGE_ABOUT_PRODUCT under a light wash, ABOUT_PRODUCT_SUBHEAD as a caption at its bottom left, and the whole panel one link to ABOUT_PRODUCT_SHOP_NOW_URI. ABOUT_PRODUCT_HEADING is not here despite the name — it opens the closing band."},{"handle":"section_npVphq","type":"section","enabled":false,"description":"Three benefits in a row on the palette's fourth colour: an eye, a heart and a silhouette icon, each over BENEFIT_n_HEADING and BENEFIT_n_SUBHEAD, centred in three columns.","rule":"Disabled as shipped, because its three claims are about the shop and nothing in a catalog states them. Enable it only for a shop that carries all three BENEFIT_n_HEADING values — the icons are fixed, and an icon over an empty line reads as a broken row; the BENEFIT_n_SUBHEAD lines may stay empty."},{"handle":"section_Ea3hn6","type":"section","enabled":true,"description":"The closing band on the palette's first colour, split in two: IMAGE_ABOUT_MERCHANT as the background of the left half, and on the right ABOUT_PRODUCT_HEADING over ABOUT_MERCHANT_BODY and a Learn more button to the collections page."}],"substitutions":27,"tokens":{"ABOUT_MERCHANT_BODY":{"description":"Brand / merchant story paragraph, in the closing band","substitutions":1,"paths":{"templates/index.json":1},"sections":["section_Ea3hn6"]},"ABOUT_PRODUCT_HEADING":{"description":"Heading of the closing band, over the merchant story — it opens `section_Ea3hn6`, not the product story hero its name suggests","substitutions":1,"paths":{"templates/index.json":1},"sections":["section_Ea3hn6"]},"ABOUT_PRODUCT_SHOP_NOW_URI":{"description":"Where the product story hero links as a whole — a path on the storefront (e.g. `/products/studio-monitor`); `/collections/all` when no single product is its subject","substitutions":1,"paths":{"templates/index.json":1},"sections":["hero_w7HaTj"]},"ABOUT_PRODUCT_SUBHEAD":{"description":"Product story caption — the one line `hero_w7HaTj` sets at the bottom left of its image","substitutions":1,"paths":{"templates/index.json":1},"sections":["hero_w7HaTj"]},"BENEFIT_1_HEADING":{"description":"Benefit 1 heading, set under its icon in the three-benefit row — only rendered if you enable the disabled `section_npVphq`","substitutions":1,"paths":{"templates/index.json":1},"sections":["section_npVphq"]},"BENEFIT_1_SUBHEAD":{"description":"Benefit 1 supporting line — only rendered if you enable the disabled `section_npVphq`","substitutions":1,"paths":{"templates/index.json":1},"sections":["section_npVphq"]},"BENEFIT_2_HEADING":{"description":"Benefit 2 heading, set under its icon in the three-benefit row — only rendered if you enable the disabled `section_npVphq`","substitutions":1,"paths":{"templates/index.json":1},"sections":["section_npVphq"]},"BENEFIT_2_SUBHEAD":{"description":"Benefit 2 supporting line — only rendered if you enable the disabled `section_npVphq`","substitutions":1,"paths":{"templates/index.json":1},"sections":["section_npVphq"]},"BENEFIT_3_HEADING":{"description":"Benefit 3 heading, set under its icon in the three-benefit row — only rendered if you enable the disabled `section_npVphq`","substitutions":1,"paths":{"templates/index.json":1},"sections":["section_npVphq"]},"BENEFIT_3_SUBHEAD":{"description":"Benefit 3 supporting line — only rendered if you enable the disabled `section_npVphq`","substitutions":1,"paths":{"templates/index.json":1},"sections":["section_npVphq"]},"BILLBOARD_HEADING":{"description":"Hero headline, set left over the hero image as the page's one h1","substitutions":1,"paths":{"templates/index.json":1},"sections":["hero_p9CmMG"]},"BILLBOARD_SUBHEAD":{"description":"Hero supporting copy, under the headline","substitutions":1,"paths":{"templates/index.json":1},"sections":["hero_p9CmMG"]},"COLLECTION_HANDLE":{"description":"Collection handle for `product_list_themegen`, the product row this theme ships enabled — it renders that collection's own products as cards that link to them","substitutions":1,"paths":{"templates/index.json":1},"sections":["product_list_themegen"]},"FOOTER_HEADING":{"description":"Footer / newsletter heading","substitutions":1,"paths":{"sections/footer-group.json":1},"sections":[]},"FOOTER_SUBHEAD":{"description":"Footer / newsletter supporting line, under the heading","substitutions":1,"paths":{"sections/footer-group.json":1},"sections":[]},"IMAGE_ABOUT_MERCHANT":{"description":"Merchant story image, filling the left half of the closing band, as `shopify://shop_images/<filename>` naming a file already imported into the destination shop — this is an image_picker setting, and a URL put here renders nothing","substitutions":1,"paths":{"templates/index.json":1},"sections":["section_Ea3hn6"]},"IMAGE_ABOUT_PRODUCT":{"description":"Product story image, as `shopify://shop_images/<filename>` naming a file already imported into the destination shop — this is an image_picker setting, and a URL put here renders nothing","substitutions":1,"paths":{"templates/index.json":1},"sections":["hero_w7HaTj"]},"IMAGE_BILLBOARD":{"description":"Hero image, as `shopify://shop_images/<filename>` naming a file already imported into the destination shop — this is an image_picker setting, and a URL put here renders nothing","substitutions":1,"paths":{"templates/index.json":1},"sections":["hero_p9CmMG"]},"IMAGE_PRODUCT_1":{"description":"Product 1 image, as `shopify://shop_images/<filename>` naming a file already imported into the destination shop — this is an image_picker setting, and a URL put here renders nothing; only rendered if you enable the disabled `section_product_placeholders`","substitutions":1,"paths":{"templates/index.json":1},"sections":["section_product_placeholders"]},"IMAGE_PRODUCT_2":{"description":"Product 2 image, as `shopify://shop_images/<filename>` naming a file already imported into the destination shop — this is an image_picker setting, and a URL put here renders nothing; only rendered if you enable the disabled `section_product_placeholders`","substitutions":1,"paths":{"templates/index.json":1},"sections":["section_product_placeholders"]},"IMAGE_PRODUCT_3":{"description":"Product 3 image, as `shopify://shop_images/<filename>` naming a file already imported into the destination shop — this is an image_picker setting, and a URL put here renders nothing; only rendered if you enable the disabled `section_product_placeholders`","substitutions":1,"paths":{"templates/index.json":1},"sections":["section_product_placeholders"]},"PRODUCT_1_PRICE":{"description":"Product 1 price, formatted (e.g. £24.00), painted on rather than read from the catalog — only rendered if you enable the disabled `section_product_placeholders`","substitutions":1,"paths":{"templates/index.json":1},"sections":["section_product_placeholders"]},"PRODUCT_1_TITLE":{"description":"Product 1 name, painted on rather than read from the catalog — only rendered if you enable the disabled `section_product_placeholders`","substitutions":1,"paths":{"templates/index.json":1},"sections":["section_product_placeholders"]},"PRODUCT_2_PRICE":{"description":"Product 2 price, formatted (e.g. £24.00), painted on rather than read from the catalog — only rendered if you enable the disabled `section_product_placeholders`","substitutions":1,"paths":{"templates/index.json":1},"sections":["section_product_placeholders"]},"PRODUCT_2_TITLE":{"description":"Product 2 name, painted on rather than read from the catalog — only rendered if you enable the disabled `section_product_placeholders`","substitutions":1,"paths":{"templates/index.json":1},"sections":["section_product_placeholders"]},"PRODUCT_3_PRICE":{"description":"Product 3 price, formatted (e.g. £24.00), painted on rather than read from the catalog — only rendered if you enable the disabled `section_product_placeholders`","substitutions":1,"paths":{"templates/index.json":1},"sections":["section_product_placeholders"]},"PRODUCT_3_TITLE":{"description":"Product 3 name, painted on rather than read from the catalog — only rendered if you enable the disabled `section_product_placeholders`","substitutions":1,"paths":{"templates/index.json":1},"sections":["section_product_placeholders"]}}},"heritage":{"handle":"heritage","url":"https://cdn.shopify.com/mock-shop-production-media/_themes/21affec341af4a73812cce91b561a189c38e70a818a9ba9b42bdb787c64fb795.zip","sha256":"21affec341af4a73812cce91b561a189c38e70a818a9ba9b42bdb787c64fb795","description":"Horizon 4.1.5 with the themegen `heritage` home page: an opening headline set in type alone, a rounded landscape billboard picture on its own under it, a collection-backed product row four across, the merchant's story set at heading size beside a rounded photograph under a light wash, and a closing product story of one big rounded picture over a caption and a Shop now button. The palette's `color2` grey on the header, the footer and every home section, Inter throughout, 16px-radius buttons, pill badges at the top right of each card, 20px inputs, 24px corners on every picture, a 120px display headline, 16px body copy, and the cart in a drawer.","bestSuitedFor":"A catalog with a collection worth showing and three images to spend: the home page asks for a billboard picture, a merchant story picture and a product story picture, plus the handle of the collection its product row draws from. Every one of those images is an `image_picker` setting, so each has to be imported into the destination shop first and then named as `shopify://shop_images/<filename>`; a URL renders nothing. The row itself needs nothing per-product: `product_list_themegen` reads that collection and draws four of its products as cards that link to them. The opener is type alone on grey, so it suits a shop whose name or headline can hold a page by itself, and the merchant's story is set at heading size, so it wants a sentence or two rather than a paragraph. A shop with no collection worth showing can enable `section_product_placeholders` in its place and fill twelve tokens by hand, four of them further images, but those four cards are painted on and link nowhere.","install":["Download `url`, check it against `sha256`, and unzip it. `THEMEGEN_PLACEHOLDERS.md` inside lists every `[[TOKEN]]` it carries; `tokens` above says the same thing and names the section each one feeds.","Replace every `[[TOKEN]]` in `templates/index.json` and `sections/footer-group.json` with the value of the same name in the shop's `mock_shop.theme` metafield `placeholders` (the shop's `llms.txt` shows the request). Each token sits inside a JSON string and the value goes in as that string's contents: the quotes around it stay, and any `\"`, `\\` or line break in the value is escaped the way JSON requires, or the file no longer parses and the push fails. Parsing the file, substituting inside its string values and writing it back does that without a slip.","`IMAGE_*` values arrive as image URLs, and every `IMAGE_*` token is an `image_picker` setting, where a URL renders nothing. Import each URL into the destination shop's files first (Admin API `fileCreate` with the URL as `originalSource`, then poll until `fileStatus` is `READY`) and write `shopify://shop_images/<filename>` in the token's place, where `<filename>` is the last path segment of the URL.","A token the shop's metafield does not carry is never filled with an invented value. What stands in for it is what the reference render does, and it differs by region: `section_eBGAYj` is disabled, with `\"disabled\": true`, when `ABOUT_MERCHANT_BODY` is missing, and `section_cDT4nq` when both `ABOUT_PRODUCT_SUBHEAD` and `IMAGE_ABOUT_PRODUCT` are; a missing supporting line (`ABOUT_PRODUCT_HEADING`, `ABOUT_PRODUCT_SUBHEAD` beside an image that is carried, `FOOTER_SUBHEAD`) is left empty and its section kept; a missing `BILLBOARD_HEADING` is the shop's name; a missing `ABOUT_PRODUCT_SHOP_NOW_URI` is `/collections/all`; a missing `IMAGE_*` in a section that is kept is a photograph from the shop's own catalog, collection imagery first and product photography after, so import one of those the same way and pick it. `FOOTER_HEADING` and `FOOTER_SUBHEAD` sit in `sections/footer-group.json` rather than in any home section; without `FOOTER_HEADING`, write the shop's name.","Leave the product row as shipped: `product_list_themegen` enabled, reading the collection `COLLECTION_HANDLE` names, and `section_product_placeholders` disabled. `sections[].rule` says when to swap them, and it is only for a shop with no collection worth showing.","Where the shop's `mock_shop.hero` metafield names a hero, that hero's section replaces `section_bpfKjQ` at the front of `order` in `templates/index.json`, and `section_U3FMdW`, the billboard picture under it, is disabled in the same edit, with `\"disabled\": true`, because a hero carries its own picture; the hero's own `install` says how, and when the shop cannot fill it, in which case both stay. Without a hero named at all, both stay too: `section_bpfKjQ` sets `BILLBOARD_HEADING` in type alone and `section_U3FMdW` draws `IMAGE_BILLBOARD` under it.","Push the directory with `shopify theme push --unpublished` and look at the preview it prints before publishing it. Nothing in this theme lists a product or builds a menu: it draws whatever the shop already has."],"sections":[{"handle":"section_bpfKjQ","type":"section","enabled":true,"description":"The opener: BILLBOARD_HEADING alone, set as the page's one h1 at the display size and pushed to the foot of a short band of the canvas grey. No picture behind it and no button under it — the billboard picture is the next section.","aesthetics":["minimal","editorial","soft"],"qualities":["type-dominant","quiet","airy"]},{"handle":"section_U3FMdW","type":"section","enabled":true,"description":"The billboard picture: IMAGE_BILLBOARD alone, landscape, the width of the page with 24px corners, directly under the opener. It carries no copy and no link."},{"handle":"section_product_placeholders","type":"section","enabled":false,"description":"Four product cards built out of layout primitives under a Featured products heading: a row of groups, each an image and two text blocks. Nothing here reads the catalog — the twelve IMAGE_PRODUCT_n, PRODUCT_n_TITLE and PRODUCT_n_PRICE tokens are literal settings, which is why a product costs three tokens here and none in product_list_themegen. Nothing here links either: the image block takes a link and this section leaves it empty, so the four cards are pictures rather than ways through to a product.","rule":"Disabled as shipped, because four products painted on read as a shop's own until a shopper clicks one and nothing happens. Enable it only where no collection is worth showing, disabling product_list_themegen in the same edit — never both, or the page shows a shop's own products beside four that are not."},{"handle":"product_list_themegen","type":"product-list","enabled":true,"description":"The real product row: Horizon's product-list in four columns, its card assembled from _product-card-gallery and a group of the product's own blocks that read the collection COLLECTION_HANDLE names and draw four of its products. Per-product tokens are what it does not need.","rule":"Enabled as shipped, and COLLECTION_HANDLE is the only value it needs. Disable it only for a shop with no collection worth showing, enabling section_product_placeholders in the same edit."},{"handle":"section_eBGAYj","type":"section","enabled":true,"description":"The merchant story, under the theme's one wash: on the left ABOUT_PRODUCT_HEADING as a small line over ABOUT_MERCHANT_BODY set at heading size, and an outlined Shop now button to the whole catalog; on the right IMAGE_ABOUT_MERCHANT as a photograph with 24px corners."},{"handle":"section_cDT4nq","type":"section","enabled":true,"description":"The closing product story: IMAGE_ABOUT_PRODUCT as one big picture with 24px corners, and under it ABOUT_PRODUCT_SUBHEAD as a caption across most of the width beside a filled Shop now button to ABOUT_PRODUCT_SHOP_NOW_URI."}],"substitutions":23,"tokens":{"ABOUT_MERCHANT_BODY":{"description":"Brand / merchant story, set at heading size as the merchant story's own headline beside the merchant's photograph","substitutions":1,"paths":{"templates/index.json":1},"sections":["section_eBGAYj"]},"ABOUT_PRODUCT_HEADING":{"description":"Small line over the merchant story — it opens `section_eBGAYj`, above `ABOUT_MERCHANT_BODY`, not the product story its name suggests","substitutions":1,"paths":{"templates/index.json":1},"sections":["section_eBGAYj"]},"ABOUT_PRODUCT_SHOP_NOW_URI":{"description":"Where the product story's Shop now button links — a path on the storefront (e.g. `/products/studio-monitor`); `/collections/all` when no single product is its subject","substitutions":1,"paths":{"templates/index.json":1},"sections":["section_cDT4nq"]},"ABOUT_PRODUCT_SUBHEAD":{"description":"Product story caption — the one line `section_cDT4nq` sets under its picture, beside its Shop now button","substitutions":1,"paths":{"templates/index.json":1},"sections":["section_cDT4nq"]},"BILLBOARD_HEADING":{"description":"Opening headline, set as the page's one h1 in type alone at the foot of `section_bpfKjQ` — no picture sits behind it; the billboard picture is the section under it","substitutions":1,"paths":{"templates/index.json":1},"sections":["section_bpfKjQ"]},"COLLECTION_HANDLE":{"description":"Collection handle for `product_list_themegen`, the product row this theme ships enabled — it renders that collection's own products as cards that link to them","substitutions":1,"paths":{"templates/index.json":1},"sections":["product_list_themegen"]},"FOOTER_HEADING":{"description":"Footer / newsletter heading","substitutions":1,"paths":{"sections/footer-group.json":1},"sections":[]},"FOOTER_SUBHEAD":{"description":"Footer / newsletter supporting line, under the heading","substitutions":1,"paths":{"sections/footer-group.json":1},"sections":[]},"IMAGE_ABOUT_MERCHANT":{"description":"Merchant story picture, the rounded photograph filling the right half of `section_eBGAYj`, as `shopify://shop_images/<filename>` naming a file already imported into the destination shop — this is an image_picker setting, and a URL put here renders nothing","substitutions":1,"paths":{"templates/index.json":1},"sections":["section_eBGAYj"]},"IMAGE_ABOUT_PRODUCT":{"description":"Product story picture, the one big rounded image `section_cDT4nq` opens with, as `shopify://shop_images/<filename>` naming a file already imported into the destination shop — this is an image_picker setting, and a URL put here renders nothing","substitutions":1,"paths":{"templates/index.json":1},"sections":["section_cDT4nq"]},"IMAGE_BILLBOARD":{"description":"Billboard picture, the rounded landscape image `section_U3FMdW` sets alone under the opening headline, as `shopify://shop_images/<filename>` naming a file already imported into the destination shop — this is an image_picker setting, and a URL put here renders nothing","substitutions":1,"paths":{"templates/index.json":1},"sections":["section_U3FMdW"]},"IMAGE_PRODUCT_1":{"description":"Product 1 image, as `shopify://shop_images/<filename>` naming a file already imported into the destination shop — this is an image_picker setting, and a URL put here renders nothing; only rendered if you enable the disabled `section_product_placeholders`","substitutions":1,"paths":{"templates/index.json":1},"sections":["section_product_placeholders"]},"IMAGE_PRODUCT_2":{"description":"Product 2 image, as `shopify://shop_images/<filename>` naming a file already imported into the destination shop — this is an image_picker setting, and a URL put here renders nothing; only rendered if you enable the disabled `section_product_placeholders`","substitutions":1,"paths":{"templates/index.json":1},"sections":["section_product_placeholders"]},"IMAGE_PRODUCT_3":{"description":"Product 3 image, as `shopify://shop_images/<filename>` naming a file already imported into the destination shop — this is an image_picker setting, and a URL put here renders nothing; only rendered if you enable the disabled `section_product_placeholders`","substitutions":1,"paths":{"templates/index.json":1},"sections":["section_product_placeholders"]},"IMAGE_PRODUCT_4":{"description":"Product 4 image, as `shopify://shop_images/<filename>` naming a file already imported into the destination shop — this is an image_picker setting, and a URL put here renders nothing; only rendered if you enable the disabled `section_product_placeholders`","substitutions":1,"paths":{"templates/index.json":1},"sections":["section_product_placeholders"]},"PRODUCT_1_PRICE":{"description":"Product 1 price, formatted (e.g. £24.00), painted on rather than read from the catalog — only rendered if you enable the disabled `section_product_placeholders`","substitutions":1,"paths":{"templates/index.json":1},"sections":["section_product_placeholders"]},"PRODUCT_1_TITLE":{"description":"Product 1 name, painted on rather than read from the catalog — only rendered if you enable the disabled `section_product_placeholders`","substitutions":1,"paths":{"templates/index.json":1},"sections":["section_product_placeholders"]},"PRODUCT_2_PRICE":{"description":"Product 2 price, formatted (e.g. £24.00), painted on rather than read from the catalog — only rendered if you enable the disabled `section_product_placeholders`","substitutions":1,"paths":{"templates/index.json":1},"sections":["section_product_placeholders"]},"PRODUCT_2_TITLE":{"description":"Product 2 name, painted on rather than read from the catalog — only rendered if you enable the disabled `section_product_placeholders`","substitutions":1,"paths":{"templates/index.json":1},"sections":["section_product_placeholders"]},"PRODUCT_3_PRICE":{"description":"Product 3 price, formatted (e.g. £24.00), painted on rather than read from the catalog — only rendered if you enable the disabled `section_product_placeholders`","substitutions":1,"paths":{"templates/index.json":1},"sections":["section_product_placeholders"]},"PRODUCT_3_TITLE":{"description":"Product 3 name, painted on rather than read from the catalog — only rendered if you enable the disabled `section_product_placeholders`","substitutions":1,"paths":{"templates/index.json":1},"sections":["section_product_placeholders"]},"PRODUCT_4_PRICE":{"description":"Product 4 price, formatted (e.g. £24.00), painted on rather than read from the catalog — only rendered if you enable the disabled `section_product_placeholders`","substitutions":1,"paths":{"templates/index.json":1},"sections":["section_product_placeholders"]},"PRODUCT_4_TITLE":{"description":"Product 4 name, painted on rather than read from the catalog — only rendered if you enable the disabled `section_product_placeholders`","substitutions":1,"paths":{"templates/index.json":1},"sections":["section_product_placeholders"]}}},"origin":{"handle":"origin","url":"https://cdn.shopify.com/mock-shop-production-media/_themes/c6d6e701424d37e0c06bef4397f91c5f22fab8777fe371cc169141644185d220.zip","sha256":"c6d6e701424d37e0c06bef4397f91c5f22fab8777fe371cc169141644185d220","description":"Horizon 4.1.5 with the themegen `origin` home page: a hero, an editorial section, a collection-backed product row, a second hero, a brand statement, and a closing media-and-content block. Inter at three weights, pill buttons and badges, 8px inputs, a tight display line height, and the cart in a drawer.","bestSuitedFor":"A catalog with a collection worth showing and editorial imagery to spend: the home page asks for four images and the handle of the collection its product row draws from. Every one of those images is an `image_picker` setting, so each has to be imported into the destination shop first and then named as `shopify://shop_images/<filename>`; a URL renders nothing. The row itself needs nothing per-product: `product_list_themegen` reads that collection and draws its products as cards that link to them. A shop with no collection worth showing can enable `section_product_placeholders` in its place and fill nine tokens by hand, three of them further images, but those three cards are painted on and link nowhere.","install":["Download `url`, check it against `sha256`, and unzip it. `THEMEGEN_PLACEHOLDERS.md` inside lists every `[[TOKEN]]` it carries; `tokens` above says the same thing and names the section each one feeds.","Replace every `[[TOKEN]]` in `templates/index.json` and `sections/footer-group.json` with the value of the same name in the shop's `mock_shop.theme` metafield `placeholders` (the shop's `llms.txt` shows the request). Each token sits inside a JSON string and the value goes in as that string's contents: the quotes around it stay, and any `\"`, `\\` or line break in the value is escaped the way JSON requires, or the file no longer parses and the push fails. Parsing the file, substituting inside its string values and writing it back does that without a slip.","`IMAGE_*` values arrive as image URLs, and every `IMAGE_*` token is an `image_picker` setting, where a URL renders nothing. Import each URL into the destination shop's files first (Admin API `fileCreate` with the URL as `originalSource`, then poll until `fileStatus` is `READY`) and write `shopify://shop_images/<filename>` in the token's place, where `<filename>` is the last path segment of the URL.","A token the shop's metafield does not carry is never filled with an invented value. What stands in for it is what the reference render does, and it differs by region: a section whose copy is missing is disabled, with `\"disabled\": true` (`ABOUT_MERCHANT_BODY` → `section_JpEEkW`, `ABOUT_PRODUCT_HEADING` → `hero_pjNAy4`, `BRAND_STATEMENT` → `section_x8mrnx`, `CREATIVE_TEXT` → `media_with_content_7nKFKW`); a missing supporting line (`BILLBOARD_SUBHEAD`, `ABOUT_PRODUCT_SUBHEAD`) is left empty and its section kept; a missing `BILLBOARD_HEADING` is the shop's name; a missing `ABOUT_PRODUCT_SHOP_NOW_URI` is `/collections/all`; a missing `IMAGE_*` in a section that is kept is a photograph from the shop's own catalog, collection imagery first and product photography after, so import one of those the same way and pick it. `FOOTER_HEADING` sits in `sections/footer-group.json` rather than in any home section; without it, write the shop's name.","Leave the product row as shipped: `product_list_themegen` enabled, reading the collection `COLLECTION_HANDLE` names, and `section_product_placeholders` disabled. `sections[].rule` says when to swap them, and it is only for a shop with no collection worth showing.","Where the shop's `mock_shop.hero` metafield names a hero, that hero's section replaces `hero_hRhTz6` at the front of `order` in `templates/index.json`; the hero's own `install` says how, and when the shop cannot fill it, in which case `hero_hRhTz6` stays. Without a hero named at all, `hero_hRhTz6` stays too and draws `IMAGE_BILLBOARD` under `BILLBOARD_HEADING`.","Push the directory with `shopify theme push --unpublished` and look at the preview it prints before publishing it. Nothing in this theme lists a product or builds a menu: it draws whatever the shop already has."],"sections":[{"handle":"hero_hRhTz6","type":"hero","enabled":true,"description":"The opening hero: IMAGE_BILLBOARD full-bleed, with BILLBOARD_HEADING and a button at its foot. Its supporting line is not here — BILLBOARD_SUBHEAD belongs to the section below it.","aesthetics":["cinematic","minimal"],"qualities":["full-bleed","image-dominant","centered","quiet"]},{"handle":"section_JpEEkW","type":"section","enabled":true,"description":"The merchant's story: IMAGE_ABOUT_MERCHANT as a group background beside two paragraphs — BILLBOARD_SUBHEAD, which finishes the hero above, then ABOUT_MERCHANT_BODY."},{"handle":"section_product_placeholders","type":"section","enabled":false,"description":"Three product cards built out of layout primitives: a row of groups, each an image and two text blocks. Nothing here reads the catalog — the nine IMAGE_PRODUCT_n, PRODUCT_n_TITLE and PRODUCT_n_PRICE tokens are literal settings, which is why a product costs three tokens here and none in product_list_themegen. Nothing here links either: the image block takes a link and this section leaves it empty, so the three cards are pictures rather than ways through to a product.","rule":"Disabled as shipped, because three products painted on read as a shop's own until a shopper clicks one and nothing happens. Enable it only where no collection is worth showing, disabling product_list_themegen in the same edit — never both, or the page shows a shop's own products beside three that are not."},{"handle":"product_list_themegen","type":"product-list","enabled":true,"description":"The real product row: Horizon's product-list, its card assembled from _product-card-gallery, price and swatches blocks that read the collection COLLECTION_HANDLE names. Per-product tokens are what it does not need.","rule":"Enabled as shipped, and COLLECTION_HANDLE is the only value it needs. Disable it only for a shop with no collection worth showing, enabling section_product_placeholders in the same edit."},{"handle":"hero_pjNAy4","type":"hero","enabled":true,"description":"A second hero, making the case for one product: IMAGE_ABOUT_PRODUCT behind ABOUT_PRODUCT_HEADING, ABOUT_PRODUCT_SUBHEAD and a button linking to ABOUT_PRODUCT_SHOP_NOW_URI."},{"handle":"section_x8mrnx","type":"section","enabled":true,"description":"One line of large type, BRAND_STATEMENT, over a row of five icons and a button. IMAGE_BRAND_STATEMENT is not here despite the name — it belongs to the closing section."},{"handle":"media_with_content_7nKFKW","type":"media-with-content","enabled":true,"description":"The closing block, split in two: IMAGE_BRAND_STATEMENT as the media half, CREATIVE_TEXT as the content half."}],"substitutions":23,"tokens":{"ABOUT_MERCHANT_BODY":{"description":"Brand / merchant story paragraph","substitutions":1,"paths":{"templates/index.json":1},"sections":["section_JpEEkW"]},"ABOUT_PRODUCT_HEADING":{"description":"Product story heading","substitutions":1,"paths":{"templates/index.json":1},"sections":["hero_pjNAy4"]},"ABOUT_PRODUCT_SHOP_NOW_URI":{"description":"Where the product story's Shop now button goes — a path on the storefront (e.g. `/products/heavyweight-hoodie`); `/collections/all` when no single product is its subject","substitutions":1,"paths":{"templates/index.json":1},"sections":["hero_pjNAy4"]},"ABOUT_PRODUCT_SUBHEAD":{"description":"Product story supporting copy","substitutions":1,"paths":{"templates/index.json":1},"sections":["hero_pjNAy4"]},"BILLBOARD_HEADING":{"description":"Hero headline","substitutions":1,"paths":{"templates/index.json":1},"sections":["hero_hRhTz6"]},"BILLBOARD_SUBHEAD":{"description":"Hero supporting copy","substitutions":1,"paths":{"templates/index.json":1},"sections":["section_JpEEkW"]},"BRAND_STATEMENT":{"description":"Short brand statement","substitutions":1,"paths":{"templates/index.json":1},"sections":["section_x8mrnx"]},"COLLECTION_HANDLE":{"description":"Collection handle for `product_list_themegen`, the product row this theme ships enabled — it renders that collection's own products as cards that link to them","substitutions":1,"paths":{"templates/index.json":1},"sections":["product_list_themegen"]},"CREATIVE_TEXT":{"description":"Large decorative marquee text","substitutions":1,"paths":{"templates/index.json":1},"sections":["media_with_content_7nKFKW"]},"FOOTER_HEADING":{"description":"Footer / newsletter heading","substitutions":1,"paths":{"sections/footer-group.json":1},"sections":[]},"IMAGE_ABOUT_MERCHANT":{"description":"Merchant story image, as `shopify://shop_images/<filename>` naming a file already imported into the destination shop — this is an image_picker setting, and a URL put here renders nothing","substitutions":1,"paths":{"templates/index.json":1},"sections":["section_JpEEkW"]},"IMAGE_ABOUT_PRODUCT":{"description":"Product story image, as `shopify://shop_images/<filename>` naming a file already imported into the destination shop — this is an image_picker setting, and a URL put here renders nothing","substitutions":1,"paths":{"templates/index.json":1},"sections":["hero_pjNAy4"]},"IMAGE_BILLBOARD":{"description":"Hero image, as `shopify://shop_images/<filename>` naming a file already imported into the destination shop — this is an image_picker setting, and a URL put here renders nothing","substitutions":1,"paths":{"templates/index.json":1},"sections":["hero_hRhTz6"]},"IMAGE_BRAND_STATEMENT":{"description":"Brand statement image, as `shopify://shop_images/<filename>` naming a file already imported into the destination shop — this is an image_picker setting, and a URL put here renders nothing","substitutions":1,"paths":{"templates/index.json":1},"sections":["media_with_content_7nKFKW"]},"IMAGE_PRODUCT_1":{"description":"Product 1 image, as `shopify://shop_images/<filename>` naming a file already imported into the destination shop — this is an image_picker setting, and a URL put here renders nothing; only rendered if you enable the disabled `section_product_placeholders`","substitutions":1,"paths":{"templates/index.json":1},"sections":["section_product_placeholders"]},"IMAGE_PRODUCT_2":{"description":"Product 2 image, as `shopify://shop_images/<filename>` naming a file already imported into the destination shop — this is an image_picker setting, and a URL put here renders nothing; only rendered if you enable the disabled `section_product_placeholders`","substitutions":1,"paths":{"templates/index.json":1},"sections":["section_product_placeholders"]},"IMAGE_PRODUCT_3":{"description":"Product 3 image, as `shopify://shop_images/<filename>` naming a file already imported into the destination shop — this is an image_picker setting, and a URL put here renders nothing; only rendered if you enable the disabled `section_product_placeholders`","substitutions":1,"paths":{"templates/index.json":1},"sections":["section_product_placeholders"]},"PRODUCT_1_PRICE":{"description":"Product 1 price, formatted (e.g. £24.00), painted on rather than read from the catalog — only rendered if you enable the disabled `section_product_placeholders`","substitutions":1,"paths":{"templates/index.json":1},"sections":["section_product_placeholders"]},"PRODUCT_1_TITLE":{"description":"Product 1 name, painted on rather than read from the catalog — only rendered if you enable the disabled `section_product_placeholders`","substitutions":1,"paths":{"templates/index.json":1},"sections":["section_product_placeholders"]},"PRODUCT_2_PRICE":{"description":"Product 2 price, formatted (e.g. £24.00), painted on rather than read from the catalog — only rendered if you enable the disabled `section_product_placeholders`","substitutions":1,"paths":{"templates/index.json":1},"sections":["section_product_placeholders"]},"PRODUCT_2_TITLE":{"description":"Product 2 name, painted on rather than read from the catalog — only rendered if you enable the disabled `section_product_placeholders`","substitutions":1,"paths":{"templates/index.json":1},"sections":["section_product_placeholders"]},"PRODUCT_3_PRICE":{"description":"Product 3 price, formatted (e.g. £24.00), painted on rather than read from the catalog — only rendered if you enable the disabled `section_product_placeholders`","substitutions":1,"paths":{"templates/index.json":1},"sections":["section_product_placeholders"]},"PRODUCT_3_TITLE":{"description":"Product 3 name, painted on rather than read from the catalog — only rendered if you enable the disabled `section_product_placeholders`","substitutions":1,"paths":{"templates/index.json":1},"sections":["section_product_placeholders"]}}}},"heroes":{"availability-column":{"handle":"availability-column","url":"https://cdn.shopify.com/mock-shop-production-media/_heroes/b989499599147784d61a89774ef8300a221621e0a1c0c0ab5e329f55b14285c6.liquid","sha256":"b989499599147784d61a89774ef8300a221621e0a1c0c0ab5e329f55b14285c6","description":"On a light canvas, a copy column on the left — a large headline at medium weight over a small muted supporting line and a small capitalised warm text link — and on the right a tall photograph anchored to the edge with a pale hairline frame set just inside it. Under 640px the copy takes the full width and the photograph becomes a band under it.","install":["Install it only when the shop can fill it, which is the test the reference render applies before drawing it: the headline, `copy.headline` or else the shop's name, must fit `layoutRules` (at most `maxHeadlineCharacters` characters and `maxHeadlineWords` words). When it fails, the reference render keeps the theme's own opening hero, `hero_hRhTz6` in `origin`, `hero_p9CmMG` in `catalyst` and `section_bpfKjQ` in `heritage`, and so should the clone: stop here, before downloading anything. A subheadline longer than `maxSubheadlineCharacters` is left out, not shortened.","Download `url`, check it against `sha256`, and save it as `sections/availability-column.liquid` in the theme directory: a section file is named for its `type`.","In `templates/index.json`, replace the theme's opening hero — the first entry in `order`, `hero_hRhTz6` in `origin`, `hero_p9CmMG` in `catalyst` and `section_bpfKjQ` in `heritage` — with a new section of `type` `availability-column`, keeping its place at the front of `order`. Replace, do not insert: the page has one hero, and this is it. In `heritage` the opener is two sections, so set `\"disabled\": true` on `section_U3FMdW`, the billboard picture under `section_bpfKjQ`, in the same edit: this hero carries its own picture, and the reference render draws neither of the two behind it. The theme's own `install` says the same from its side.","Fill `settings` from the shop's `mock_shop.hero` metafield, each field on its own: `headline` is `copy.headline`, or the shop's name when the shop wrote none; `subheadline` is `copy.subheadline`, or the shop's description; `cta` is `copy.cta`, or `Shop now`; `cta_url` is `/collections/all`. That is what the reference render shows for any partial `copy`, an empty one included. The section's own defaults are its author's demonstration copy and never what a shop shows.","`images[0]` fills the tall panel on the right: write its `url` to `image_1_url` and its `alt` to `image_1_alt`. That is what the reference render draws; or import the file into the shop and pick it as `image_1`, which the section prefers when it is set. The panel is tall, about four units high to three wide at desktop widths, and the picture covers it, so a portrait crop keeps its subject. When `images` is empty, leave both blank: the panel is the canvas with only its hairline frame drawn, which is what the reference render draws for a shop with no picture.","Leave `background_color`, `text_color`, `muted_color`, `link_color` and `frame_color` at their defaults: they are the palette the reference render paints for this design, except `link_color`, which is that palette's warm accent darkened from `#8b6f47` to clear 4.5:1 on the canvas; the reference render's link falls short at 4.15:1."],"aesthetics":["editorial","catalog","modernist"],"qualities":["split","image-dominant","structured","asymmetric"],"sectionType":"availability-column","settings":[{"id":"headline","type":"text","label":"Headline","default":"Craft your space"},{"id":"subheadline","type":"text","label":"Subheadline","default":"Premium materials. Timeless design."},{"id":"cta","type":"text","label":"Link label","default":"Shop now"},{"id":"cta_url","type":"url","label":"Link"},{"id":"image_1","type":"image_picker","label":"Image"},{"id":"image_1_url","type":"text","label":"Image URL"},{"id":"image_1_alt","type":"text","label":"Image alt text"},{"id":"background_color","type":"color","label":"Background","default":"#f5f0e8"},{"id":"text_color","type":"color","label":"Text","default":"#1a1714"},{"id":"muted_color","type":"color","label":"Subheadline text","default":"#5c534a"},{"id":"link_color","type":"color","label":"Link text","default":"#7d6440"},{"id":"frame_color","type":"color","label":"Picture frame line","default":"#fdfaf6"},{"id":"height","type":"range","label":"Height","default":500}],"style":{"font-body":{"role":"font-body","default":"-apple-system, BlinkMacSystemFont, \"Segoe UI\", system-ui, sans-serif"},"font-heading":{"role":"font-heading","default":"-apple-system, BlinkMacSystemFont, \"Segoe UI\", system-ui, sans-serif"},"surface":{"role":"canvas","default":"#F5F0E8"},"on-surface":{"role":"text","default":"#1A1714"},"accent":{"role":"accent","default":"#8B6F47"},"on-surface-secondary":{"role":"muted","default":"#5C534A"},"on-ink":{"role":"inverse-text","default":"#FDFAF6"}},"layoutRules":{"textOverImage":false,"textZone":"left column with a tall right image and short utility list","contrastStrategy":"All copy is on an opaque warm field; the photo is separately framed.","maxHeadlineCharacters":25,"maxHeadlineWords":4,"maxSubheadlineCharacters":76,"typographyGuidance":"Use a formal serif headline with compact sans labels and rules.","imageGuidance":"Use one tall architectural or product image anchored to the right.","avoidDelicateDisplayFonts":false}},"bite-notch":{"handle":"bite-notch","url":"https://cdn.shopify.com/mock-shop-production-media/_heroes/2b101994b3e54b9116106df39bba49cb3725e75cdd7996c32b1f7cdba983c7e8.liquid","sha256":"2b101994b3e54b9116106df39bba49cb3725e75cdd7996c32b1f7cdba983c7e8","description":"Two columns on a light canvas, at least 500px tall: the headline at up to 52px and one supporting line on the left, and on the right the photograph cut by a circle whose centre lies beyond the right edge, so its left side is one broad arc bitten out of the picture. A dark button sits on that arc, half over the copy. Under 640px the columns stack, the arc turning to face up and the button to the top centre of the picture.","install":["Install it only when the shop can fill it, which is the test the reference render applies before drawing it: the headline, `copy.headline` or else the shop's name, must fit `layoutRules` (at most `maxHeadlineCharacters` characters and `maxHeadlineWords` words). When it fails, the reference render keeps the theme's own opening hero, `hero_hRhTz6` in `origin`, `hero_p9CmMG` in `catalyst` and `section_bpfKjQ` in `heritage`, and so should the clone: stop here, before downloading anything. A subheadline longer than `maxSubheadlineCharacters` is left out, not shortened.","Download `url`, check it against `sha256`, and save it as `sections/bite-notch.liquid` in the theme directory: a section file is named for its `type`.","In `templates/index.json`, replace the theme's opening hero — the first entry in `order`, `hero_hRhTz6` in `origin`, `hero_p9CmMG` in `catalyst` and `section_bpfKjQ` in `heritage` — with a new section of `type` `bite-notch`, keeping its place at the front of `order`. Replace, do not insert: the page has one hero, and this is it. In `heritage` the opener is two sections, so set `\"disabled\": true` on `section_U3FMdW`, the billboard picture under `section_bpfKjQ`, in the same edit: this hero carries its own picture, and the reference render draws neither of the two behind it. The theme's own `install` says the same from its side.","Fill `settings` from the shop's `mock_shop.hero` metafield, each field on its own: `headline` is `copy.headline`, or the shop's name when the shop wrote none; `subheadline` is `copy.subheadline`, or the shop's description; `cta` is `copy.cta`, or `Shop now`; `cta_url` is `/collections/all`. That is what the reference render shows for any partial `copy`, an empty one included. The section's own defaults are its author's demonstration copy and never what a shop shows.","`images[0]` fills the right-hand column: write its `url` to `image_1_url` and its `alt` to `image_1_alt`. That is what the reference render draws; or import the file into the shop and pick it as `image_1`, which the section prefers when it is set. The picture is cropped to cover the column and its left side is cut away by the arc, so a subject right of centre. When `images` is empty, leave both blank: the column stays, blank, and the button sits on its edge, which is what the reference render draws for a shop with no picture.","Leave `background_color`, `text_color`, `muted_color`, `accent_color` and `on_accent_color` at their defaults: they are the palette the reference render paints for this design."],"aesthetics":["playful","experimental"],"qualities":["geometric","split","dynamic","asymmetric"],"sectionType":"bite-notch","settings":[{"id":"headline","type":"text","label":"Headline","default":"Craft your space"},{"id":"subheadline","type":"text","label":"Subheadline","default":"Premium materials. Timeless design."},{"id":"cta","type":"text","label":"Button label","default":"Shop now"},{"id":"cta_url","type":"url","label":"Button link"},{"id":"image_1","type":"image_picker","label":"Image"},{"id":"image_1_url","type":"text","label":"Image URL"},{"id":"image_1_alt","type":"text","label":"Image alt text"},{"id":"background_color","type":"color","label":"Background","default":"#f5f0e8"},{"id":"text_color","type":"color","label":"Text","default":"#1a1714"},{"id":"muted_color","type":"color","label":"Subheadline text","default":"#5c534a"},{"id":"accent_color","type":"color","label":"Button background","default":"#1a1714"},{"id":"on_accent_color","type":"color","label":"Button text","default":"#fdfaf6"},{"id":"height","type":"range","label":"Minimum height","default":500}],"style":{"font-body":{"role":"font-body","default":"-apple-system, BlinkMacSystemFont, \"Segoe UI\", system-ui, sans-serif"},"font-heading":{"role":"font-heading","default":"-apple-system, BlinkMacSystemFont, \"Segoe UI\", system-ui, sans-serif"},"surface":{"role":"canvas","default":"#F5F0E8"},"on-surface":{"role":"text","default":"#1A1714"},"accent":{"role":"accent","default":"#8B6F47"},"on-surface-secondary":{"role":"muted","default":"#5C534A"},"on-ink":{"role":"inverse-text","default":"#FDFAF6"},"ink":{"role":"dark","default":"#1A1714"}},"layoutRules":{"textOverImage":false,"textZone":"Keep generated headline, supporting copy, and CTA inside the authored copy zone.","contrastStrategy":"Use semantic text roles against authored canvas, surface, or dark fields.","maxHeadlineCharacters":34,"maxHeadlineWords":6,"maxSubheadlineCharacters":82,"typographyGuidance":"Use a compact, balanced headline that preserves the authored composition.","imageGuidance":"Use one coherent product or lifestyle image per authored image slot.","avoidDelicateDisplayFonts":false}},"capsule-mask":{"handle":"capsule-mask","url":"https://cdn.shopify.com/mock-shop-production-media/_heroes/2af9b955b9778a0838c94698da1addd8ccad6114be2bf25ba023e35645384134.liquid","sha256":"2af9b955b9778a0838c94698da1addd8ccad6114be2bf25ba023e35645384134","description":"A capsule of photograph in the middle of a light canvas, up to 680px wide and 200 to 410px tall, with the headline set in light capitals across it over a dark tint, and under the capsule a row holding one supporting line, at 24px above 1100px, and a warm brown button. At least 500px tall, 600px above 1100px.","install":["Install it only when the shop can fill it, which is the test the reference render applies before drawing it: the headline, `copy.headline` or else the shop's name, must fit `layoutRules` (at most `maxHeadlineCharacters` characters and `maxHeadlineWords` words). When it fails, the reference render keeps the theme's own opening hero, `hero_hRhTz6` in `origin`, `hero_p9CmMG` in `catalyst` and `section_bpfKjQ` in `heritage`, and so should the clone: stop here, before downloading anything. A subheadline longer than `maxSubheadlineCharacters` is left out, not shortened.","Download `url`, check it against `sha256`, and save it as `sections/capsule-mask.liquid` in the theme directory: a section file is named for its `type`.","In `templates/index.json`, replace the theme's opening hero — the first entry in `order`, `hero_hRhTz6` in `origin`, `hero_p9CmMG` in `catalyst` and `section_bpfKjQ` in `heritage` — with a new section of `type` `capsule-mask`, keeping its place at the front of `order`. Replace, do not insert: the page has one hero, and this is it. In `heritage` the opener is two sections, so set `\"disabled\": true` on `section_U3FMdW`, the billboard picture under `section_bpfKjQ`, in the same edit: this hero carries its own picture, and the reference render draws neither of the two behind it. The theme's own `install` says the same from its side.","Fill `settings` from the shop's `mock_shop.hero` metafield, each field on its own: `headline` is `copy.headline`, or the shop's name when the shop wrote none; `subheadline` is `copy.subheadline`, or the shop's description; `cta` is `copy.cta`, or `Shop now`; `cta_url` is `/collections/all`. That is what the reference render shows for any partial `copy`, an empty one included. The section's own defaults are its author's demonstration copy and never what a shop shows.","`images[0]` fills the capsule: write its `url` to `image_1_url` and its `alt` to `image_1_alt`. That is what the reference render draws; or import the file into the shop and pick it as `image_1`, which the section prefers when it is set. The picture is cropped to cover a wide pill and tinted dark under the headline, so a scene or a texture, and a subject near the centre. When `images` is empty, leave both blank: the capsule stays, dark, with the headline on it, which is what the reference render draws for a shop with no picture.","Leave `background_color`, `text_color`, `muted_color`, `headline_color`, `accent_color` and `on_accent_color` at their defaults: they are the palette the reference render paints for this design."],"aesthetics":["graphic","modernist"],"qualities":["centered","image-dominant","high-contrast","airy"],"sectionType":"capsule-mask","settings":[{"id":"headline","type":"text","label":"Headline","default":"Craft your space"},{"id":"subheadline","type":"text","label":"Subheadline","default":"Premium materials. Timeless design."},{"id":"cta","type":"text","label":"Button label","default":"Shop now"},{"id":"cta_url","type":"url","label":"Button link"},{"id":"image_1","type":"image_picker","label":"Image"},{"id":"image_1_url","type":"text","label":"Image URL"},{"id":"image_1_alt","type":"text","label":"Image alt text"},{"id":"background_color","type":"color","label":"Background","default":"#f5f0e8"},{"id":"text_color","type":"color","label":"Text","default":"#1a1714"},{"id":"muted_color","type":"color","label":"Subheadline text","default":"#5c534a"},{"id":"headline_color","type":"color","label":"Headline over the picture","default":"#fdfaf6"},{"id":"accent_color","type":"color","label":"Button background","default":"#8b6f47"},{"id":"on_accent_color","type":"color","label":"Button text","default":"#fdfaf6"},{"id":"height","type":"range","label":"Minimum height","default":500}],"style":{"font-body":{"role":"font-body","default":"-apple-system, BlinkMacSystemFont, \"Segoe UI\", system-ui, sans-serif"},"font-heading":{"role":"font-heading","default":"-apple-system, BlinkMacSystemFont, \"Segoe UI\", system-ui, sans-serif"},"surface":{"role":"canvas","default":"#F5F0E8"},"on-surface":{"role":"text","default":"#1A1714"},"accent":{"role":"accent","default":"#8B6F47"},"ink":{"role":"dark","default":"#2A2420"},"on-ink":{"role":"inverse-text","default":"#FDFAF6"},"on-surface-secondary":{"role":"muted","default":"#5C534A"},"on-accent":{"role":"accent-text","default":"#FDFAF6"}},"layoutRules":{"textOverImage":false,"textZone":"Keep generated headline, supporting copy, and CTA inside the authored copy zone.","contrastStrategy":"Use semantic text roles against authored canvas, surface, or dark fields.","maxHeadlineCharacters":34,"maxHeadlineWords":6,"maxSubheadlineCharacters":82,"typographyGuidance":"Use a compact, balanced headline that preserves the authored composition.","imageGuidance":"Use one coherent product or lifestyle image per authored image slot.","avoidDelicateDisplayFonts":false}},"caption-card":{"handle":"caption-card","url":"https://cdn.shopify.com/mock-shop-production-media/_heroes/b780c22eb8bf80ef670b7a39e17b72e3af7ff960e305501de2414e0cd6dc6188.liquid","sha256":"b780c22eb8bf80ef670b7a39e17b72e3af7ff960e305501de2414e0cd6dc6188","description":"One photograph filling the whole hero, muted a little, with a small light card set 28px in from its lower-left corner: a light-weight headline, one line of supporting copy and an underlined call to action, and four small dots of the field colour at the card's foot. The card takes 36 to 38% of the width. 500px tall, 600 above 1100px and growing with the viewport to 840; under 640px the card fills the width inside the picture.","install":["Install it only when the shop can fill it, which is the test the reference render applies before drawing it: the headline, `copy.headline` or else the shop's name, must fit `layoutRules` (at most `maxHeadlineCharacters` characters and `maxHeadlineWords` words). When it fails, the reference render keeps the theme's own opening hero, `hero_hRhTz6` in `origin`, `hero_p9CmMG` in `catalyst` and `section_bpfKjQ` in `heritage`, and so should the clone: stop here, before downloading anything. A subheadline longer than `maxSubheadlineCharacters` is left out, not shortened.","Download `url`, check it against `sha256`, and save it as `sections/caption-card.liquid` in the theme directory: a section file is named for its `type`.","In `templates/index.json`, replace the theme's opening hero — the first entry in `order`, `hero_hRhTz6` in `origin`, `hero_p9CmMG` in `catalyst` and `section_bpfKjQ` in `heritage` — with a new section of `type` `caption-card`, keeping its place at the front of `order`. Replace, do not insert: the page has one hero, and this is it. In `heritage` the opener is two sections, so set `\"disabled\": true` on `section_U3FMdW`, the billboard picture under `section_bpfKjQ`, in the same edit: this hero carries its own picture, and the reference render draws neither of the two behind it. The theme's own `install` says the same from its side.","Fill `settings` from the shop's `mock_shop.hero` metafield, each field on its own: `headline` is `copy.headline`, or the shop's name when the shop wrote none; `subheadline` is `copy.subheadline`, or the shop's description; `cta` is `copy.cta`, or `Shop now`; `cta_url` is `/collections/all`. That is what the reference render shows for any partial `copy`, an empty one included. The section's own defaults are its author's demonstration copy and never what a shop shows.","`images[0]` fills the whole hero, and the card sits over its lower-left corner: write its `url` to `image_1_url` and its `alt` to `image_1_alt`. That is what the reference render draws; or import the file into the shop and pick it as `image_1`, which the section prefers when it is set. The picture is cropped to cover whatever the viewport is and is muted a little so the card reads as the brightest thing on screen; a subject on the right or above centre stays clear of the card. When `images` is empty, leave both blank: the frame stays, and stays blank, which is what the reference render draws for a shop with no picture.","Leave `background_color`, `card_color` and `text_color` at their defaults: they are the palette the reference render paints for this design."],"aesthetics":["editorial","cinematic","minimal"],"qualities":["full-bleed","layered","asymmetric","high-contrast"],"sectionType":"caption-card","settings":[{"id":"headline","type":"text","label":"Headline","default":"Craft your space"},{"id":"subheadline","type":"text","label":"Subheadline","default":"Premium materials. Timeless design."},{"id":"cta","type":"text","label":"Link label","default":"Shop now"},{"id":"cta_url","type":"url","label":"Link"},{"id":"image_1","type":"image_picker","label":"Image"},{"id":"image_1_url","type":"text","label":"Image URL"},{"id":"image_1_alt","type":"text","label":"Image alt text"},{"id":"background_color","type":"color","label":"Background","default":"#2a2420"},{"id":"card_color","type":"color","label":"Card","default":"#f5f0e8"},{"id":"text_color","type":"color","label":"Text","default":"#1a1714"},{"id":"height","type":"range","label":"Height","default":500},{"id":"height_wide","type":"range","label":"Minimum height on wide screens","default":600}],"style":{"font-body":{"role":"font-body","default":"-apple-system, BlinkMacSystemFont, \"Segoe UI\", system-ui, sans-serif"},"font-heading":{"role":"font-heading","default":"-apple-system, BlinkMacSystemFont, \"Segoe UI\", system-ui, sans-serif"},"ink":{"role":"dark","default":"#2A2420"},"on-surface":{"role":"text","default":"#1A1714"},"on-ink":{"role":"inverse-text","default":"#FDFAF6"},"surface":{"role":"canvas","default":"#F5F0E8"},"on-surface-secondary":{"role":"muted","default":"#5C534A"}},"layoutRules":{"textOverImage":false,"textZone":"Large opaque editorial card anchored left over a full-bleed interior image","contrastStrategy":"Use a solid light card for all copy; keep the background image unobscured around it.","maxHeadlineCharacters":30,"maxHeadlineWords":5,"maxSubheadlineCharacters":74,"typographyGuidance":"Use a restrained sans-serif headline with roomy body copy.","imageGuidance":"Use one full-bleed environmental image with strong depth and warm directional light.","avoidDelicateDisplayFonts":false}},"cell-mosaic":{"handle":"cell-mosaic","url":"https://cdn.shopify.com/mock-shop-production-media/_heroes/11e4cf0ae93098d1267f70c2860399e3130137177dbd5d01d304c134de78e36d.liquid","sha256":"11e4cf0ae93098d1267f70c2860399e3130137177dbd5d01d304c134de78e36d","description":"On a light canvas, copy on the left — a heavy headline over a muted supporting line — beside a two-by-two mosaic of rounded cells: a photograph, a pale blank cell, a dark cell holding the call to action as a small capitalised link, and a second photograph. Under 640px the copy stacks over the mosaic, which keeps its two columns.","install":["Install it only when the shop can fill it, which is the test the reference render applies before drawing it: the headline, `copy.headline` or else the shop's name, must fit `layoutRules` (at most `maxHeadlineCharacters` characters and `maxHeadlineWords` words). When it fails, the reference render keeps the theme's own opening hero, `hero_hRhTz6` in `origin`, `hero_p9CmMG` in `catalyst` and `section_bpfKjQ` in `heritage`, and so should the clone: stop here, before downloading anything. A subheadline longer than `maxSubheadlineCharacters` is left out, not shortened.","Download `url`, check it against `sha256`, and save it as `sections/cell-mosaic.liquid` in the theme directory: a section file is named for its `type`.","In `templates/index.json`, replace the theme's opening hero — the first entry in `order`, `hero_hRhTz6` in `origin`, `hero_p9CmMG` in `catalyst` and `section_bpfKjQ` in `heritage` — with a new section of `type` `cell-mosaic`, keeping its place at the front of `order`. Replace, do not insert: the page has one hero, and this is it. In `heritage` the opener is two sections, so set `\"disabled\": true` on `section_U3FMdW`, the billboard picture under `section_bpfKjQ`, in the same edit: this hero carries its own picture, and the reference render draws neither of the two behind it. The theme's own `install` says the same from its side.","Fill `settings` from the shop's `mock_shop.hero` metafield, each field on its own: `headline` is `copy.headline`, or the shop's name when the shop wrote none; `subheadline` is `copy.subheadline`, or the shop's description; `cta` is `copy.cta`, or `Shop now`; `cta_url` is `/collections/all`. That is what the reference render shows for any partial `copy`, an empty one included. The section's own defaults are its author's demonstration copy and never what a shop shows.","`images[0]` fills the top-left cell: write its `url` to `image_1_url` and its `alt` to `image_1_alt`. `images[1]` fills the bottom-right cell: `image_2_url` and `image_2_alt`. The array counts from zero and the settings from one. That is what the reference render draws; or import each file into the shop and pick it as `image_1` and `image_2`, which the section prefers when both are set. When `images` has fewer than two entries, leave the missing one blank: an empty rounded cell in the canvas colour, which is what the reference render draws.","Leave `background_color`, `text_color`, `muted_color`, `cell_color`, `accent_color` and `on_accent_color` at their defaults: they are the palette the reference render paints for this design, its dark ink as the link's cell and its pale surface as the blank one."],"aesthetics":["catalog","modernist"],"qualities":["multi-image","structured","balanced","airy"],"sectionType":"cell-mosaic","settings":[{"id":"headline","type":"text","label":"Headline","default":"Craft your space"},{"id":"subheadline","type":"text","label":"Subheadline","default":"Premium materials. Timeless design."},{"id":"cta","type":"text","label":"Link label","default":"Shop now"},{"id":"cta_url","type":"url","label":"Link"},{"id":"image_1","type":"image_picker","label":"Top left image"},{"id":"image_1_url","type":"text","label":"Top left image URL"},{"id":"image_1_alt","type":"text","label":"Top left image alt text"},{"id":"image_2","type":"image_picker","label":"Bottom right image"},{"id":"image_2_url","type":"text","label":"Bottom right image URL"},{"id":"image_2_alt","type":"text","label":"Bottom right image alt text"},{"id":"background_color","type":"color","label":"Background","default":"#f5f0e8"},{"id":"text_color","type":"color","label":"Text","default":"#1a1714"},{"id":"muted_color","type":"color","label":"Subheadline text","default":"#5c534a"},{"id":"cell_color","type":"color","label":"Blank cell","default":"#eae5dc"},{"id":"accent_color","type":"color","label":"Link cell","default":"#2a2420"},{"id":"on_accent_color","type":"color","label":"Link text","default":"#eae5dc"},{"id":"height","type":"range","label":"Height","default":500}],"style":{"font-body":{"role":"font-body","default":"-apple-system, BlinkMacSystemFont, \"Segoe UI\", system-ui, sans-serif"},"font-heading":{"role":"font-heading","default":"-apple-system, BlinkMacSystemFont, \"Segoe UI\", system-ui, sans-serif"},"surface":{"role":"canvas","default":"#F5F0E8"},"on-surface":{"role":"text","default":"#1A1714"},"accent":{"role":"accent","default":"#8B6F47"},"on-surface-secondary":{"role":"muted","default":"#5C534A"},"surface-secondary":{"role":"surface","default":"#EAE5DC"},"ink":{"role":"dark","default":"#2A2420"},"on-ink":{"role":"inverse-text","default":"#EAE5DC"}},"layoutRules":{"textOverImage":false,"textZone":"Keep generated headline, supporting copy, and CTA inside the authored copy zone.","contrastStrategy":"Use semantic text roles against authored canvas, surface, or dark fields.","maxHeadlineCharacters":34,"maxHeadlineWords":6,"maxSubheadlineCharacters":82,"typographyGuidance":"Use a compact, balanced headline that preserves the authored composition.","imageGuidance":"Use one coherent product or lifestyle image per authored image slot.","avoidDelicateDisplayFonts":false}},"centered-axis":{"handle":"centered-axis","url":"https://cdn.shopify.com/mock-shop-production-media/_heroes/e98538d16c12d77a5e0b92e040f2878fd5a07e3f51d0de4ec90a48acf0e19b98.liquid","sha256":"e98538d16c12d77a5e0b92e040f2878fd5a07e3f51d0de4ec90a48acf0e19b98","description":"One full-bleed photograph, darkened under a flat wash and a scrim that deepens towards the foot, with a centred axis on it: a small crest and the brand in tracked capitals at the top, a one-pixel hairline down the middle, and at the foot a moderate headline at a calm weight over a hairline-bordered capitalised link. Under 640px the lockup, the axis and the copy stack in the middle.","install":["Install it only when the shop can fill it, which is the test the reference render applies before drawing it: `images` must supply the picture, an absolute URL on the `https` scheme, since the reference render reads any other entry (relative, plain `http`, malformed or null) as a missing picture; this hero writes its copy on it and has no legible state without one. And the headline, `copy.headline` or else the shop's name, must fit `layoutRules` (at most `maxHeadlineCharacters` characters and `maxHeadlineWords` words). When either fails, the reference render keeps the theme's own opening hero, `hero_hRhTz6` in `origin`, `hero_p9CmMG` in `catalyst` and `section_bpfKjQ` in `heritage`, and so should the clone: stop here, before downloading anything.","Download `url`, check it against `sha256`, and save it as `sections/centered-axis.liquid` in the theme directory: a section file is named for its `type`.","In `templates/index.json`, replace the theme's opening hero — the first entry in `order`, `hero_hRhTz6` in `origin`, `hero_p9CmMG` in `catalyst` and `section_bpfKjQ` in `heritage` — with a new section of `type` `centered-axis`, keeping its place at the front of `order`. Replace, do not insert: the page has one hero, and this is it. In `heritage` the opener is two sections, so set `\"disabled\": true` on `section_U3FMdW`, the billboard picture under `section_bpfKjQ`, in the same edit: this hero carries its own picture, and the reference render draws neither of the two behind it. The theme's own `install` says the same from its side.","Fill `settings` from the shop's `mock_shop.hero` metafield, each field on its own: `headline` is `copy.headline`, or the shop's name when the shop wrote none; `brand` is `copy.brand` when it fits `layoutRules` (at most `maxHeadlineCharacters` characters and `maxHeadlineWords` words), or blank when the shop wrote none or it does not fit, which leaves the crest alone at the top, as the reference render leaves it; the section drops an over-limit brand itself; `cta` is `copy.cta`, or `Shop now`; `cta_url` is `/collections/all`. There is no `subheadline` setting: the design sets one line of copy over the picture. That is what the reference render shows for any partial `copy`, an empty one included. The section's own defaults are its author's demonstration copy and never what a shop shows.","`images[0]` fills the whole hero, and the copy sits at its foot, centred: write its `url` to `image_1_url` and its `alt` to `image_1_alt`. That is what the reference render draws; or import the file into the shop and pick it as `image_1`, which the section prefers when it is set. The picture is cropped to cover whatever the viewport is, anchored a little above centre, and dimmed to 78% under the wash and the scrim, so a subject in the upper half stays clear of the type and a picture with dark negative space at the bottom reads best.","Leave `background_color`, `text_color` and `axis_color` at their defaults: light type on the design's dark field, which is what shows through the scrim and before the picture loads, and the design's pale canvas as the hairline axis at 28%."],"aesthetics":["luxury","cinematic","editorial","modernist"],"qualities":["image-dominant","full-bleed","centered","high-contrast"],"sectionType":"centered-axis","settings":[{"id":"brand","type":"text","label":"Brand name","default":"FORMA"},{"id":"headline","type":"text","label":"Headline","default":"Craft Your Space"},{"id":"cta","type":"text","label":"Link label","default":"Shop now"},{"id":"cta_url","type":"url","label":"Link"},{"id":"image_1","type":"image_picker","label":"Image"},{"id":"image_1_url","type":"text","label":"Image URL"},{"id":"image_1_alt","type":"text","label":"Image alt text"},{"id":"background_color","type":"color","label":"Background","default":"#2a2420"},{"id":"text_color","type":"color","label":"Text","default":"#fdfaf6"},{"id":"axis_color","type":"color","label":"Axis line","default":"#f5f0e8"},{"id":"height","type":"range","label":"Height","default":500},{"id":"height_wide","type":"range","label":"Height above 1100px","default":600}],"style":{"font-body":{"role":"font-body","default":"-apple-system, BlinkMacSystemFont, \"Segoe UI\", system-ui, Arial, sans-serif"},"font-heading":{"role":"font-heading","default":"-apple-system, BlinkMacSystemFont, \"Segoe UI\", system-ui, Arial, sans-serif"},"ink":{"role":"dark","default":"#2A2420"},"on-ink":{"role":"inverse-text","default":"#FDFAF6"},"surface":{"role":"canvas","default":"#F5F0E8"}},"layoutRules":{"textOverImage":true,"textZone":"Bottom-center safe zone (~30–70% width, ~74–92% height) aligned to a strong center axis; small brand lockup top-center with controlled hairline divider.","contrastStrategy":"Use a subtle full-canvas scrim plus a gentle bottom vignette gradient (no boxed plates) so light type stays readable over dark texture.","maxHeadlineCharacters":34,"maxHeadlineWords":6,"maxSubheadlineCharacters":82,"typographyGuidance":"System sans-serif; editorial feel via tracking and calm weights; headline moderate size, centered, not overly bold; supporting line smaller and slightly muted; avoid delicate display fonts.","imageGuidance":"Full-bleed, low-key macro product/detail shot with dark negative space near the bottom for copy; keep highlights away from bottom-center text.","avoidDelicateDisplayFonts":true}},"centered-square":{"handle":"centered-square","url":"https://cdn.shopify.com/mock-shop-production-media/_heroes/1253aa4e832b82ffef2bfe5db6c854ee4d3a42eee4101c30dfe4cce7a6e30d1a.liquid","sha256":"1253aa4e832b82ffef2bfe5db6c854ee4d3a42eee4101c30dfe4cce7a6e30d1a","description":"Everything on the centre line of a light canvas: one square photograph with rounded corners, 140 to 256px on a side and up to 375px above 1100px, over a lower-case headline, one line of supporting copy and an underlined call to action. At least 500px tall.","install":["Install it only when the shop can fill it, which is the test the reference render applies before drawing it: the headline, `copy.headline` or else the shop's name, must fit `layoutRules` (at most `maxHeadlineCharacters` characters and `maxHeadlineWords` words). When it fails, the reference render keeps the theme's own opening hero, `hero_hRhTz6` in `origin`, `hero_p9CmMG` in `catalyst` and `section_bpfKjQ` in `heritage`, and so should the clone: stop here, before downloading anything. A subheadline longer than `maxSubheadlineCharacters` is left out, not shortened.","Download `url`, check it against `sha256`, and save it as `sections/centered-square.liquid` in the theme directory: a section file is named for its `type`.","In `templates/index.json`, replace the theme's opening hero — the first entry in `order`, `hero_hRhTz6` in `origin`, `hero_p9CmMG` in `catalyst` and `section_bpfKjQ` in `heritage` — with a new section of `type` `centered-square`, keeping its place at the front of `order`. Replace, do not insert: the page has one hero, and this is it. In `heritage` the opener is two sections, so set `\"disabled\": true` on `section_U3FMdW`, the billboard picture under `section_bpfKjQ`, in the same edit: this hero carries its own picture, and the reference render draws neither of the two behind it. The theme's own `install` says the same from its side.","Fill `settings` from the shop's `mock_shop.hero` metafield, each field on its own: `headline` is `copy.headline`, or the shop's name when the shop wrote none; `subheadline` is `copy.subheadline`, or the shop's description; `cta` is `copy.cta`, or `Shop now`; `cta_url` is `/collections/all`. That is what the reference render shows for any partial `copy`, an empty one included. The section's own defaults are its author's demonstration copy and never what a shop shows.","`images[0]` fills the square: write its `url` to `image_1_url` and its `alt` to `image_1_alt`. That is what the reference render draws; or import the file into the shop and pick it as `image_1`, which the section prefers when it is set. The picture is cropped to a square from its centre, so a subject in the middle of a plain ground. When `images` is empty, leave both blank: the frame stays, and stays blank, which is what the reference render draws for a shop with no picture.","Leave `background_color`, `text_color` and `muted_color` at their defaults: they are the palette the reference render paints for this design."],"aesthetics":["soft","minimal"],"qualities":["centered","airy","quiet","balanced"],"sectionType":"centered-square","settings":[{"id":"headline","type":"text","label":"Headline","default":"Craft your space"},{"id":"subheadline","type":"text","label":"Subheadline","default":"Premium materials. Timeless design."},{"id":"cta","type":"text","label":"Link label","default":"Shop now"},{"id":"cta_url","type":"url","label":"Link"},{"id":"image_1","type":"image_picker","label":"Image"},{"id":"image_1_url","type":"text","label":"Image URL"},{"id":"image_1_alt","type":"text","label":"Image alt text"},{"id":"background_color","type":"color","label":"Background","default":"#f5f0e8"},{"id":"text_color","type":"color","label":"Text","default":"#1a1714"},{"id":"muted_color","type":"color","label":"Subheadline text","default":"#5c534a"},{"id":"height","type":"range","label":"Minimum height","default":500}],"style":{"font-body":{"role":"font-body","default":"-apple-system, BlinkMacSystemFont, \"Segoe UI\", system-ui, sans-serif"},"font-heading":{"role":"font-heading","default":"-apple-system, BlinkMacSystemFont, \"Segoe UI\", system-ui, sans-serif"},"surface":{"role":"canvas","default":"#F5F0E8"},"on-surface":{"role":"text","default":"#1A1714"},"on-surface-secondary":{"role":"muted","default":"#5C534A"}},"layoutRules":{"textOverImage":false,"textZone":"Keep generated headline, supporting copy, and CTA inside the authored copy zone.","contrastStrategy":"Use semantic text roles against authored canvas, surface, or dark fields.","maxHeadlineCharacters":34,"maxHeadlineWords":6,"maxSubheadlineCharacters":82,"typographyGuidance":"Use a compact, balanced headline that preserves the authored composition.","imageGuidance":"Use one coherent product or lifestyle image per authored image slot.","avoidDelicateDisplayFonts":false}},"corner-card":{"handle":"corner-card","url":"https://cdn.shopify.com/mock-shop-production-media/_heroes/585d264ffdb5b63ecc90ff63c5a5be154092c994b3f2990a3e72d56f14c3dd8f.liquid","sha256":"585d264ffdb5b63ecc90ff63c5a5be154092c994b3f2990a3e72d56f14c3dd8f","description":"One photograph filling the whole hero with a light card grown out of its lower-left corner, up to 520px wide, its top-right corner cut on the diagonal: the headline, one line of supporting copy and a dark button on the card. At least 500px tall; under 640px the card fills the width at the foot of a hero at least 460px tall.","install":["Install it only when the shop can fill it, which is the test the reference render applies before drawing it: the headline, `copy.headline` or else the shop's name, must fit `layoutRules` (at most `maxHeadlineCharacters` characters and `maxHeadlineWords` words). When it fails, the reference render keeps the theme's own opening hero, `hero_hRhTz6` in `origin`, `hero_p9CmMG` in `catalyst` and `section_bpfKjQ` in `heritage`, and so should the clone: stop here, before downloading anything. A subheadline longer than `maxSubheadlineCharacters` is left out, not shortened.","Download `url`, check it against `sha256`, and save it as `sections/corner-card.liquid` in the theme directory: a section file is named for its `type`.","In `templates/index.json`, replace the theme's opening hero — the first entry in `order`, `hero_hRhTz6` in `origin`, `hero_p9CmMG` in `catalyst` and `section_bpfKjQ` in `heritage` — with a new section of `type` `corner-card`, keeping its place at the front of `order`. Replace, do not insert: the page has one hero, and this is it. In `heritage` the opener is two sections, so set `\"disabled\": true` on `section_U3FMdW`, the billboard picture under `section_bpfKjQ`, in the same edit: this hero carries its own picture, and the reference render draws neither of the two behind it. The theme's own `install` says the same from its side.","Fill `settings` from the shop's `mock_shop.hero` metafield, each field on its own: `headline` is `copy.headline`, or the shop's name when the shop wrote none; `subheadline` is `copy.subheadline`, or the shop's description; `cta` is `copy.cta`, or `Shop now`; `cta_url` is `/collections/all`. That is what the reference render shows for any partial `copy`, an empty one included. The section's own defaults are its author's demonstration copy and never what a shop shows.","`images[0]` fills the whole hero, and the card sits over its lower-left corner: write its `url` to `image_1_url` and its `alt` to `image_1_alt`. That is what the reference render draws; or import the file into the shop and pick it as `image_1`, which the section prefers when it is set. The picture is cropped to cover whatever the viewport is, so a subject on the right or above centre stays clear of the card. When `images` is empty, leave both blank: the frame stays, and stays blank, which is what the reference render draws for a shop with no picture.","Leave `background_color`, `card_color`, `text_color`, `muted_color`, `accent_color` and `on_accent_color` at their defaults: they are the palette the reference render paints for this design."],"aesthetics":["modernist","graphic"],"qualities":["overlap","geometric","layered","structured"],"sectionType":"corner-card","settings":[{"id":"headline","type":"text","label":"Headline","default":"Craft your space"},{"id":"subheadline","type":"text","label":"Subheadline","default":"Premium materials. Timeless design."},{"id":"cta","type":"text","label":"Button label","default":"Shop now"},{"id":"cta_url","type":"url","label":"Button link"},{"id":"image_1","type":"image_picker","label":"Image"},{"id":"image_1_url","type":"text","label":"Image URL"},{"id":"image_1_alt","type":"text","label":"Image alt text"},{"id":"background_color","type":"color","label":"Background","default":"#f5f0e8"},{"id":"card_color","type":"color","label":"Card","default":"#f5f0e8"},{"id":"text_color","type":"color","label":"Text","default":"#1a1714"},{"id":"muted_color","type":"color","label":"Subheadline text","default":"#5c534a"},{"id":"accent_color","type":"color","label":"Button background","default":"#1a1714"},{"id":"on_accent_color","type":"color","label":"Button text","default":"#fdfaf6"},{"id":"height","type":"range","label":"Minimum height","default":500}],"style":{"font-body":{"role":"font-body","default":"-apple-system, BlinkMacSystemFont, \"Segoe UI\", system-ui, sans-serif"},"font-heading":{"role":"font-heading","default":"-apple-system, BlinkMacSystemFont, \"Segoe UI\", system-ui, sans-serif"},"surface":{"role":"canvas","default":"#F5F0E8"},"on-surface":{"role":"text","default":"#1A1714"},"accent":{"role":"accent","default":"#8B6F47"},"on-surface-secondary":{"role":"muted","default":"#5C534A"},"on-ink":{"role":"inverse-text","default":"#FDFAF6"},"ink":{"role":"dark","default":"#1A1714"}},"layoutRules":{"textOverImage":false,"textZone":"Keep generated headline, supporting copy, and CTA inside the authored copy zone.","contrastStrategy":"Use semantic text roles against authored canvas, surface, or dark fields.","maxHeadlineCharacters":34,"maxHeadlineWords":6,"maxSubheadlineCharacters":82,"typographyGuidance":"Use a compact, balanced headline that preserves the authored composition.","imageGuidance":"Use one coherent product or lifestyle image per authored image slot.","avoidDelicateDisplayFonts":false}},"duotone-pair":{"handle":"duotone-pair","url":"https://cdn.shopify.com/mock-shop-production-media/_heroes/8c4b86d3b9a2dbb2b5c5cbe112850f70a3383e6fc717bab8b45669d2076e9a66.liquid","sha256":"8c4b86d3b9a2dbb2b5c5cbe112850f70a3383e6fc717bab8b45669d2076e9a66","description":"Two photographs side by side at the full height of the hero, both desaturated and washed in one warm brown, a hairline seam of light between them, and the copy centred over the pair: a bold headline at 66 to 81px, one letterspaced line and a pale pill. The pictures never stack; under 640px the hero is 440px tall and the copy widens to 82%.","install":["Install it only when the shop can fill it, which is the test the reference render applies before drawing it: the headline, `copy.headline` or else the shop's name, must fit `layoutRules` (at most `maxHeadlineCharacters` characters and `maxHeadlineWords` words). When it fails, the reference render keeps the theme's own opening hero, `hero_hRhTz6` in `origin`, `hero_p9CmMG` in `catalyst` and `section_bpfKjQ` in `heritage`, and so should the clone: stop here, before downloading anything. A subheadline longer than `maxSubheadlineCharacters` is left out, not shortened.","Download `url`, check it against `sha256`, and save it as `sections/duotone-pair.liquid` in the theme directory: a section file is named for its `type`.","In `templates/index.json`, replace the theme's opening hero — the first entry in `order`, `hero_hRhTz6` in `origin`, `hero_p9CmMG` in `catalyst` and `section_bpfKjQ` in `heritage` — with a new section of `type` `duotone-pair`, keeping its place at the front of `order`. Replace, do not insert: the page has one hero, and this is it. In `heritage` the opener is two sections, so set `\"disabled\": true` on `section_U3FMdW`, the billboard picture under `section_bpfKjQ`, in the same edit: this hero carries its own picture, and the reference render draws neither of the two behind it. The theme's own `install` says the same from its side.","Fill `settings` from the shop's `mock_shop.hero` metafield, each field on its own: `headline` is `copy.headline`, or the shop's name when the shop wrote none; `subheadline` is `copy.subheadline`, or the shop's description; `cta` is `copy.cta`, or `Shop now`; `cta_url` is `/collections/all`. That is what the reference render shows for any partial `copy`, an empty one included. The section's own defaults are its author's demonstration copy and never what a shop shows.","`images[0]` fills the left half: write its `url` to `image_1_url` and its `alt` to `image_1_alt`. `images[1]` fills the right half: `image_2_url` and `image_2_alt`. The array counts from zero and the settings from one. That is what the reference render draws; or import each file into the shop and pick it as `image_1` and `image_2`, which the section prefers when both are set. Both are drawn in greyscale under the wash, so their colour never shows. When `images` has fewer than two entries, leave the missing half blank: it stays the black field, split from the other by the seam, which is what the reference render draws.","Leave `background_color`, `text_color`, `wash_color`, `accent_color` and `on_accent_color` at their defaults: they are the field, the ink and the wash the reference render paints, and the ink is legible only because the wash bounds how light the pictures can be under it."],"aesthetics":["cinematic","dramatic","editorial"],"qualities":["split","image-dominant","high-contrast","centered"],"sectionType":"duotone-pair","settings":[{"id":"headline","type":"text","label":"Headline","default":"Craft your space"},{"id":"subheadline","type":"text","label":"Subheadline","default":"Premium materials · Timeless design"},{"id":"cta","type":"text","label":"Button label","default":"Shop now"},{"id":"cta_url","type":"url","label":"Button link"},{"id":"image_1","type":"image_picker","label":"Left image"},{"id":"image_1_url","type":"text","label":"Left image URL"},{"id":"image_1_alt","type":"text","label":"Left image alt text"},{"id":"image_2","type":"image_picker","label":"Right image"},{"id":"image_2_url","type":"text","label":"Right image URL"},{"id":"image_2_alt","type":"text","label":"Right image alt text"},{"id":"background_color","type":"color","label":"Background","default":"#000000"},{"id":"text_color","type":"color","label":"Text","default":"#fdfaf6"},{"id":"wash_color","type":"color","label":"Picture wash","default":"#8b6f47"},{"id":"accent_color","type":"color","label":"Button background","default":"#fdfaf6"},{"id":"on_accent_color","type":"color","label":"Button text","default":"#1a1714"},{"id":"height","type":"range","label":"Height","default":500},{"id":"height_wide","type":"range","label":"Height above 1100px","default":600}],"style":{"font-body":{"role":"font-body","default":"\"Helvetica Neue\", Arial, sans-serif"},"font-heading":{"role":"font-heading","default":"\"Helvetica Neue\", Arial, sans-serif"},"on-surface":{"role":"text","default":"#1A1714"},"accent":{"role":"accent","default":"#8B6F47"},"on-ink":{"role":"inverse-text","default":"#FDFAF6"},"ink":{"role":"dark","default":"#000000"},"surface":{"role":"canvas","default":"#FDFAF6"}},"layoutRules":{"textOverImage":false,"textZone":"Preserve the source layout’s authored copy zone and its original hierarchy.","contrastStrategy":"Use semantic source color roles so runtime palette injection retains readable authored text and fields.","maxHeadlineCharacters":24,"maxHeadlineWords":4,"maxSubheadlineCharacters":58,"headlineShape":"Keep generated copy compact and complete; never allow a partial final phrase.","typographyGuidance":"Preserve the source composition’s hierarchy while using a robust display face.","imageGuidance":"Use one coherent product or lifestyle image per authored image slot.","avoidDelicateDisplayFonts":false}},"editorial-panel":{"handle":"editorial-panel","url":"https://cdn.shopify.com/mock-shop-production-media/_heroes/371324287d218d0a56463d03516c1fbc5ebf19d0fe790de66e38da4b5449aa9e.liquid","sha256":"371324287d218d0a56463d03516c1fbc5ebf19d0fe790de66e38da4b5449aa9e","description":"A hard split, 500px tall and 600px above 1100px: the photograph fills the left 60% from top to bottom, and the right 40% is a solid off-white panel with a centred stack in a narrow measure, the headline in a serif at 32 to 36px and an outlined pill button under it. Under 640px the two stack, the picture 280px tall over the panel.","install":["Install it only when the shop can fill it, which is the test the reference render applies before drawing it: the headline, `copy.headline` or else the shop's name, must fit `layoutRules` (at most `maxHeadlineCharacters` characters and `maxHeadlineWords` words). When it fails, the reference render keeps the theme's own opening hero, `hero_hRhTz6` in `origin`, `hero_p9CmMG` in `catalyst` and `section_bpfKjQ` in `heritage`, and so should the clone: stop here, before downloading anything. The design's one paragraph is a `description` slot, filled only from `copy.description`, which no shop writes, so `copy.subheadline` and `maxSubheadlineCharacters` play no part.","Download `url`, check it against `sha256`, and save it as `sections/editorial-panel.liquid` in the theme directory: a section file is named for its `type`.","In `templates/index.json`, replace the theme's opening hero — the first entry in `order`, `hero_hRhTz6` in `origin`, `hero_p9CmMG` in `catalyst` and `section_bpfKjQ` in `heritage` — with a new section of `type` `editorial-panel`, keeping its place at the front of `order`. Replace, do not insert: the page has one hero, and this is it. In `heritage` the opener is two sections, so set `\"disabled\": true` on `section_U3FMdW`, the billboard picture under `section_bpfKjQ`, in the same edit: this hero carries its own picture, and the reference render draws neither of the two behind it. The theme's own `install` says the same from its side.","Fill `settings` from the shop's `mock_shop.hero` metafield, each field on its own: `headline` is `copy.headline`, or the shop's name when the shop wrote none; `cta` is `copy.cta`, or `Shop now`; `cta_url` is `/collections/all`. There is no `subheadline` setting: the design's one paragraph is a `description` slot, which the reference render fills only from `copy.description`, and no shop writes one, so it shows none, whatever `copy.subheadline` says. That is what the reference render shows for any partial `copy`, an empty one included. The section's own defaults are its author's demonstration copy and never what a shop shows.","`images[0]` fills the left 60%: write its `url` to `image_1_url` and its `alt` to `image_1_alt`. That is what the reference render draws; or import the file into the shop and pick it as `image_1`, which the section prefers when it is set. The picture is cropped to cover a tall column, its focus set a little left of centre and below the middle, so a scene with its interest low and left. When `images` is empty, leave both blank: the column stays, dark, beside the panel, which is what the reference render draws for a shop with no picture.","Leave `background_color`, `text_color`, `outline_color` and `picture_color` at their defaults: they are the palette the reference render paints for this design."],"aesthetics":["editorial","modernist","soft"],"qualities":["split","balanced","airy","structured"],"sectionType":"editorial-panel","settings":[{"id":"headline","type":"text","label":"Headline","default":"Craft your space"},{"id":"cta","type":"text","label":"Button label","default":"Shop now"},{"id":"cta_url","type":"url","label":"Button link"},{"id":"image_1","type":"image_picker","label":"Image"},{"id":"image_1_url","type":"text","label":"Image URL"},{"id":"image_1_alt","type":"text","label":"Image alt text"},{"id":"background_color","type":"color","label":"Panel","default":"#f5f0e8"},{"id":"text_color","type":"color","label":"Text","default":"#1a1714"},{"id":"outline_color","type":"color","label":"Button outline","default":"#5c534a"},{"id":"picture_color","type":"color","label":"Behind the picture","default":"#2a2420"},{"id":"height","type":"range","label":"Height","default":500},{"id":"height_wide","type":"range","label":"Height above 1100px","default":600}],"style":{"font-body":{"role":"font-body","default":"-apple-system, BlinkMacSystemFont, \"Segoe UI\", system-ui, Arial, sans-serif"},"font-heading":{"role":"font-heading","default":"ui-serif, Georgia, \"Times New Roman\", Times, serif"},"surface":{"role":"canvas","default":"#F5F0E8"},"on-surface":{"role":"text","default":"#1A1714"},"ink":{"role":"dark","default":"#2A2420"},"on-surface-secondary":{"role":"muted","default":"#5C534A"}},"layoutRules":{"textOverImage":false,"textZone":"Right ~40% solid light panel; keep all text centered within the panel with generous margins.","contrastStrategy":"Dark type on solid light panel; avoid text over photo; no boxed plates or local patches.","maxHeadlineCharacters":34,"maxHeadlineWords":6,"maxSubheadlineCharacters":82,"typographyGuidance":"Headline in system serif with comfortable leading; supporting copy in system sans with airy leading; center-align headline, body, and CTA.","imageGuidance":"Bright, warm interior/workspace photo cropped full-height in left ~60%; keep key objects lower-middle with ample light negative space.","avoidDelicateDisplayFonts":false}},"field-bar":{"handle":"field-bar","url":"https://cdn.shopify.com/mock-shop-production-media/_heroes/95745a1fc6c74a06b7ecc3d1ee865abb4a3e43a232f18946ef766f6326606d85.liquid","sha256":"95745a1fc6c74a06b7ecc3d1ee865abb4a3e43a232f18946ef766f6326606d85","description":"Two photographs side by side fill the hero from a 14px margin down to a 118px foot, where a serif headline at 33 to 37px sits at the left and a square-cornered dark button at the right, the two justified apart. The hero is 500px tall, 600 above 1100px; under 640px the pictures stack and the button drops under the headline.","install":["Install it only when the shop can fill it, which is the test the reference render applies before drawing it: the headline, `copy.headline` or else the shop's name, must fit `layoutRules` (at most `maxHeadlineCharacters` characters and `maxHeadlineWords` words). When it fails, the reference render keeps the theme's own opening hero, `hero_hRhTz6` in `origin`, `hero_p9CmMG` in `catalyst` and `section_bpfKjQ` in `heritage`, and so should the clone: stop here, before downloading anything.","Download `url`, check it against `sha256`, and save it as `sections/field-bar.liquid` in the theme directory: a section file is named for its `type`.","In `templates/index.json`, replace the theme's opening hero — the first entry in `order`, `hero_hRhTz6` in `origin`, `hero_p9CmMG` in `catalyst` and `section_bpfKjQ` in `heritage` — with a new section of `type` `field-bar`, keeping its place at the front of `order`. Replace, do not insert: the page has one hero, and this is it. In `heritage` the opener is two sections, so set `\"disabled\": true` on `section_U3FMdW`, the billboard picture under `section_bpfKjQ`, in the same edit: this hero carries its own picture, and the reference render draws neither of the two behind it. The theme's own `install` says the same from its side.","Fill `settings` from the shop's `mock_shop.hero` metafield, each field on its own: `headline` is `copy.headline`, or the shop's name when the shop wrote none; `cta` is `copy.cta`, or `Shop now`; `cta_url` is `/collections/all`. There is no `subheadline` setting: the design has no supporting line; its foot is the headline and the button That is what the reference render shows for any partial `copy`, an empty one included. The section's own defaults are its author's demonstration copy and never what a shop shows.","`images[0]` fills the left picture: write its `url` to `image_1_url` and its `alt` to `image_1_alt`. `images[1]` fills the right picture: `image_2_url` and `image_2_alt`. The array counts from zero and the settings from one. That is what the reference render draws; or import each file into the shop and pick it as `image_1` and `image_2`, which the section prefers when both are set. When `images` has fewer than two entries, leave the missing one blank: its place stays the canvas, and the other picture keeps its half, which is what the reference render draws.","Leave `background_color`, `text_color`, `accent_color` and `on_accent_color` at their defaults: they are the palette the reference render paints for this design."],"aesthetics":["editorial","artisanal","soft"],"qualities":["split","multi-image","structured","balanced"],"sectionType":"field-bar","settings":[{"id":"headline","type":"text","label":"Headline","default":"Craft your space"},{"id":"cta","type":"text","label":"Button label","default":"Shop now"},{"id":"cta_url","type":"url","label":"Button link"},{"id":"image_1","type":"image_picker","label":"Left image"},{"id":"image_1_url","type":"text","label":"Left image URL"},{"id":"image_1_alt","type":"text","label":"Left image alt text"},{"id":"image_2","type":"image_picker","label":"Right image"},{"id":"image_2_url","type":"text","label":"Right image URL"},{"id":"image_2_alt","type":"text","label":"Right image alt text"},{"id":"background_color","type":"color","label":"Background","default":"#f5f0e8"},{"id":"text_color","type":"color","label":"Text","default":"#1a1714"},{"id":"accent_color","type":"color","label":"Button background","default":"#1a1714"},{"id":"on_accent_color","type":"color","label":"Button text","default":"#fdfaf6"},{"id":"height","type":"range","label":"Height","default":500},{"id":"height_wide","type":"range","label":"Height above 1100px","default":600}],"style":{"font-body":{"role":"font-body","default":"Georgia, \"Times New Roman\", serif"},"font-heading":{"role":"font-heading","default":"Georgia, \"Times New Roman\", serif"},"surface":{"role":"canvas","default":"#F5F0E8"},"on-surface":{"role":"text","default":"#1A1714"},"on-ink":{"role":"inverse-text","default":"#FDFAF6"},"ink":{"role":"dark","default":"#1A1714"}},"layoutRules":{"textOverImage":false,"textZone":"Preserve the source layout’s authored copy zone and its original hierarchy.","contrastStrategy":"Use semantic source color roles so runtime palette injection retains readable authored text and fields.","maxHeadlineCharacters":24,"maxHeadlineWords":4,"maxSubheadlineCharacters":58,"headlineShape":"Keep generated copy compact and complete; never allow a partial final phrase.","typographyGuidance":"Preserve the source composition’s hierarchy while using a robust display face.","imageGuidance":"Use one coherent product or lifestyle image per authored image slot.","avoidDelicateDisplayFonts":false}},"filmstrip-base":{"handle":"filmstrip-base","url":"https://cdn.shopify.com/mock-shop-production-media/_heroes/d912dcfef80859131cd94bf344af53dd04c01a8d1f7cca8b302199d02b44849b.liquid","sha256":"d912dcfef80859131cd94bf344af53dd04c01a8d1f7cca8b302199d02b44849b","description":"Centred copy on a light canvas — a heavy headline, a muted supporting line and a square-cornered dark button — over a strip of three photographs along the foot, their top corners rounded and their bottoms running off the edge of the hero. Under 640px the strip keeps its three columns.","install":["Install it only when the shop can fill it, which is the test the reference render applies before drawing it: the headline, `copy.headline` or else the shop's name, must fit `layoutRules` (at most `maxHeadlineCharacters` characters and `maxHeadlineWords` words). When it fails, the reference render keeps the theme's own opening hero, `hero_hRhTz6` in `origin`, `hero_p9CmMG` in `catalyst` and `section_bpfKjQ` in `heritage`, and so should the clone: stop here, before downloading anything. A subheadline longer than `maxSubheadlineCharacters` is left out, not shortened.","Download `url`, check it against `sha256`, and save it as `sections/filmstrip-base.liquid` in the theme directory: a section file is named for its `type`.","In `templates/index.json`, replace the theme's opening hero — the first entry in `order`, `hero_hRhTz6` in `origin`, `hero_p9CmMG` in `catalyst` and `section_bpfKjQ` in `heritage` — with a new section of `type` `filmstrip-base`, keeping its place at the front of `order`. Replace, do not insert: the page has one hero, and this is it. In `heritage` the opener is two sections, so set `\"disabled\": true` on `section_U3FMdW`, the billboard picture under `section_bpfKjQ`, in the same edit: this hero carries its own picture, and the reference render draws neither of the two behind it. The theme's own `install` says the same from its side.","Fill `settings` from the shop's `mock_shop.hero` metafield, each field on its own: `headline` is `copy.headline`, or the shop's name when the shop wrote none; `subheadline` is `copy.subheadline`, or the shop's description; `cta` is `copy.cta`, or `Shop now`; `cta_url` is `/collections/all`. That is what the reference render shows for any partial `copy`, an empty one included. The section's own defaults are its author's demonstration copy and never what a shop shows.","`images[0]`, `images[1]` and `images[2]` fill the three frames of the strip, left to right, in that order: write each `url` to `image_1_url`, `image_2_url` and `image_3_url` and each `alt` to `image_1_alt`, `image_2_alt` and `image_3_alt`. The array counts from zero and the settings from one. That is what the reference render draws; or import each file into the shop and pick it as `image_1`, `image_2` and `image_3`, which the section prefers when all three are set. When `images` has fewer than three entries, leave the missing ones blank: a frame with nothing in it, showing the canvas, which is what the reference render draws.","Leave `background_color`, `text_color`, `muted_color`, `accent_color` and `on_accent_color` at their defaults: they are the palette the reference render paints for this design."],"aesthetics":["editorial","catalog"],"qualities":["centered","multi-image","structured","airy"],"sectionType":"filmstrip-base","settings":[{"id":"headline","type":"text","label":"Headline","default":"Craft your space"},{"id":"subheadline","type":"text","label":"Subheadline","default":"Premium materials. Timeless design."},{"id":"cta","type":"text","label":"Button label","default":"Shop now"},{"id":"cta_url","type":"url","label":"Button link"},{"id":"image_1","type":"image_picker","label":"Left frame"},{"id":"image_1_url","type":"text","label":"Left frame URL"},{"id":"image_1_alt","type":"text","label":"Left frame alt text"},{"id":"image_2","type":"image_picker","label":"Middle frame"},{"id":"image_2_url","type":"text","label":"Middle frame URL"},{"id":"image_2_alt","type":"text","label":"Middle frame alt text"},{"id":"image_3","type":"image_picker","label":"Right frame"},{"id":"image_3_url","type":"text","label":"Right frame URL"},{"id":"image_3_alt","type":"text","label":"Right frame alt text"},{"id":"background_color","type":"color","label":"Background","default":"#f5f0e8"},{"id":"text_color","type":"color","label":"Text","default":"#1a1714"},{"id":"muted_color","type":"color","label":"Subheadline text","default":"#5c534a"},{"id":"accent_color","type":"color","label":"Button background","default":"#1a1714"},{"id":"on_accent_color","type":"color","label":"Button text","default":"#fdfaf6"},{"id":"height","type":"range","label":"Height","default":500},{"id":"height_wide","type":"range","label":"Height above 1100px","default":600}],"style":{"font-body":{"role":"font-body","default":"-apple-system, BlinkMacSystemFont, \"Segoe UI\", system-ui, sans-serif"},"font-heading":{"role":"font-heading","default":"-apple-system, BlinkMacSystemFont, \"Segoe UI\", system-ui, sans-serif"},"surface":{"role":"canvas","default":"#F5F0E8"},"on-surface":{"role":"text","default":"#1A1714"},"accent":{"role":"accent","default":"#8B6F47"},"on-surface-secondary":{"role":"muted","default":"#5C534A"},"on-ink":{"role":"inverse-text","default":"#FDFAF6"},"ink":{"role":"dark","default":"#1A1714"}},"layoutRules":{"textOverImage":false,"textZone":"Keep generated headline, supporting copy, and CTA inside the authored copy zone.","contrastStrategy":"Use semantic text roles against authored canvas, surface, or dark fields.","maxHeadlineCharacters":34,"maxHeadlineWords":6,"maxSubheadlineCharacters":82,"typographyGuidance":"Use a compact, balanced headline that preserves the authored composition.","imageGuidance":"Use one coherent product or lifestyle image per authored image slot.","avoidDelicateDisplayFonts":false}},"floating-card":{"handle":"floating-card","url":"https://cdn.shopify.com/mock-shop-production-media/_heroes/a54e2ebca08cb4ad47b466ab3ee6554de238b4b3833776a781edb4ca7f64eceb.liquid","sha256":"a54e2ebca08cb4ad47b466ab3ee6554de238b4b3833776a781edb4ca7f64eceb","description":"A light card floating on a dark field under a deep shadow: the photograph across its left half and the headline, one line of supporting copy and a dark button on its right. At least 500px tall; the card is 1080px wide above 1100px and 480px below, where the picture becomes a 130px band across the card's top.","install":["Install it only when the shop can fill it, which is the test the reference render applies before drawing it: the headline, `copy.headline` or else the shop's name, must fit `layoutRules` (at most `maxHeadlineCharacters` characters and `maxHeadlineWords` words). When it fails, the reference render keeps the theme's own opening hero, `hero_hRhTz6` in `origin`, `hero_p9CmMG` in `catalyst` and `section_bpfKjQ` in `heritage`, and so should the clone: stop here, before downloading anything. A subheadline longer than `maxSubheadlineCharacters` is left out, not shortened.","Download `url`, check it against `sha256`, and save it as `sections/floating-card.liquid` in the theme directory: a section file is named for its `type`.","In `templates/index.json`, replace the theme's opening hero — the first entry in `order`, `hero_hRhTz6` in `origin`, `hero_p9CmMG` in `catalyst` and `section_bpfKjQ` in `heritage` — with a new section of `type` `floating-card`, keeping its place at the front of `order`. Replace, do not insert: the page has one hero, and this is it. In `heritage` the opener is two sections, so set `\"disabled\": true` on `section_U3FMdW`, the billboard picture under `section_bpfKjQ`, in the same edit: this hero carries its own picture, and the reference render draws neither of the two behind it. The theme's own `install` says the same from its side.","Fill `settings` from the shop's `mock_shop.hero` metafield, each field on its own: `headline` is `copy.headline`, or the shop's name when the shop wrote none; `subheadline` is `copy.subheadline`, or the shop's description; `cta` is `copy.cta`, or `Shop now`; `cta_url` is `/collections/all`. That is what the reference render shows for any partial `copy`, an empty one included. The section's own defaults are its author's demonstration copy and never what a shop shows.","`images[0]` fills the card's picture: write its `url` to `image_1_url` and its `alt` to `image_1_alt`. That is what the reference render draws; or import the file into the shop and pick it as `image_1`, which the section prefers when it is set. The picture is cropped to cover a tall half on wide screens and a short band on narrow ones, so its subject should sit near the centre. When `images` is empty, leave both blank: the frame stays, and stays blank, which is what the reference render draws for a shop with no picture.","Leave `background_color`, `card_color`, `text_color`, `muted_color`, `accent_color` and `on_accent_color` at their defaults: they are the palette the reference render paints for this design."],"aesthetics":["minimal","dramatic"],"qualities":["framed","high-contrast","centered","airy"],"sectionType":"floating-card","settings":[{"id":"headline","type":"text","label":"Headline","default":"Craft your space"},{"id":"subheadline","type":"text","label":"Subheadline","default":"Premium materials. Timeless design."},{"id":"cta","type":"text","label":"Button label","default":"Shop now"},{"id":"cta_url","type":"url","label":"Button link"},{"id":"image_1","type":"image_picker","label":"Image"},{"id":"image_1_url","type":"text","label":"Image URL"},{"id":"image_1_alt","type":"text","label":"Image alt text"},{"id":"background_color","type":"color","label":"Background","default":"#2a2420"},{"id":"card_color","type":"color","label":"Card","default":"#f5f0e8"},{"id":"text_color","type":"color","label":"Text","default":"#1a1714"},{"id":"muted_color","type":"color","label":"Subheadline text","default":"#5c534a"},{"id":"accent_color","type":"color","label":"Button background","default":"#2a2420"},{"id":"on_accent_color","type":"color","label":"Button text","default":"#fdfaf6"},{"id":"height","type":"range","label":"Minimum height","default":500}],"style":{"font-body":{"role":"font-body","default":"-apple-system, BlinkMacSystemFont, \"Segoe UI\", system-ui, sans-serif"},"font-heading":{"role":"font-heading","default":"-apple-system, BlinkMacSystemFont, \"Segoe UI\", system-ui, sans-serif"},"ink":{"role":"dark","default":"#2A2420"},"on-surface":{"role":"text","default":"#1A1714"},"surface":{"role":"canvas","default":"#F5F0E8"},"accent":{"role":"accent","default":"#8B6F47"},"on-surface-secondary":{"role":"muted","default":"#5C534A"},"on-ink":{"role":"inverse-text","default":"#FDFAF6"}},"layoutRules":{"textOverImage":false,"textZone":"Keep generated headline, supporting copy, and CTA inside the authored copy zone.","contrastStrategy":"Use semantic text roles against authored canvas, surface, or dark fields.","maxHeadlineCharacters":34,"maxHeadlineWords":6,"maxSubheadlineCharacters":82,"typographyGuidance":"Use a compact, balanced headline that preserves the authored composition.","imageGuidance":"Use one coherent product or lifestyle image per authored image slot.","avoidDelicateDisplayFonts":false}},"framed":{"handle":"framed","url":"https://cdn.shopify.com/mock-shop-production-media/_heroes/9be2f864528158e7024a2414bf3db1b458d49a2e7e890f8eae99b906ca6883e1.liquid","sha256":"9be2f864528158e7024a2414bf3db1b458d49a2e7e890f8eae99b906ca6883e1","description":"A dark frame, 18 to 36px wide, around a light panel that holds the headline, one line of supporting copy and a dark button on the left and the photograph on the right, the picture at least 260px tall and filling its half of the panel. At least 500px tall, the halves wrapping to a stack when the panel narrows.","install":["Install it only when the shop can fill it, which is the test the reference render applies before drawing it: the headline, `copy.headline` or else the shop's name, must fit `layoutRules` (at most `maxHeadlineCharacters` characters and `maxHeadlineWords` words). When it fails, the reference render keeps the theme's own opening hero, `hero_hRhTz6` in `origin`, `hero_p9CmMG` in `catalyst` and `section_bpfKjQ` in `heritage`, and so should the clone: stop here, before downloading anything. A subheadline longer than `maxSubheadlineCharacters` is left out, not shortened.","Download `url`, check it against `sha256`, and save it as `sections/framed.liquid` in the theme directory: a section file is named for its `type`.","In `templates/index.json`, replace the theme's opening hero — the first entry in `order`, `hero_hRhTz6` in `origin`, `hero_p9CmMG` in `catalyst` and `section_bpfKjQ` in `heritage` — with a new section of `type` `framed`, keeping its place at the front of `order`. Replace, do not insert: the page has one hero, and this is it. In `heritage` the opener is two sections, so set `\"disabled\": true` on `section_U3FMdW`, the billboard picture under `section_bpfKjQ`, in the same edit: this hero carries its own picture, and the reference render draws neither of the two behind it. The theme's own `install` says the same from its side.","Fill `settings` from the shop's `mock_shop.hero` metafield, each field on its own: `headline` is `copy.headline`, or the shop's name when the shop wrote none; `subheadline` is `copy.subheadline`, or the shop's description; `cta` is `copy.cta`, or `Shop now`; `cta_url` is `/collections/all`. That is what the reference render shows for any partial `copy`, an empty one included. The section's own defaults are its author's demonstration copy and never what a shop shows.","`images[0]` fills the right half of the panel: write its `url` to `image_1_url` and its `alt` to `image_1_alt`. That is what the reference render draws; or import the file into the shop and pick it as `image_1`, which the section prefers when it is set. The picture is cropped to cover its half at whatever height the copy needs, so a subject near the centre. When `images` is empty, leave both blank: the frame stays, and stays blank, which is what the reference render draws for a shop with no picture.","Leave `background_color`, `frame_color`, `text_color`, `muted_color`, `accent_color` and `on_accent_color` at their defaults: they are the palette the reference render paints for this design."],"aesthetics":["dramatic","modernist"],"qualities":["framed","split","high-contrast","structured"],"sectionType":"framed","settings":[{"id":"headline","type":"text","label":"Headline","default":"Craft your space"},{"id":"subheadline","type":"text","label":"Subheadline","default":"Premium materials. Timeless design."},{"id":"cta","type":"text","label":"Button label","default":"Shop now"},{"id":"cta_url","type":"url","label":"Button link"},{"id":"image_1","type":"image_picker","label":"Image"},{"id":"image_1_url","type":"text","label":"Image URL"},{"id":"image_1_alt","type":"text","label":"Image alt text"},{"id":"background_color","type":"color","label":"Panel","default":"#f5f0e8"},{"id":"frame_color","type":"color","label":"Frame","default":"#2a2420"},{"id":"text_color","type":"color","label":"Text","default":"#1a1714"},{"id":"muted_color","type":"color","label":"Subheadline text","default":"#5c534a"},{"id":"accent_color","type":"color","label":"Button background","default":"#2a2420"},{"id":"on_accent_color","type":"color","label":"Button text","default":"#fdfaf6"},{"id":"height","type":"range","label":"Minimum height","default":500}],"style":{"font-body":{"role":"font-body","default":"-apple-system, BlinkMacSystemFont, \"Segoe UI\", system-ui, sans-serif"},"font-heading":{"role":"font-heading","default":"-apple-system, BlinkMacSystemFont, \"Segoe UI\", system-ui, sans-serif"},"surface":{"role":"canvas","default":"#F5F0E8"},"on-surface":{"role":"text","default":"#1A1714"},"ink":{"role":"dark","default":"#2A2420"},"accent":{"role":"accent","default":"#8B6F47"},"on-surface-secondary":{"role":"muted","default":"#5C534A"},"on-ink":{"role":"inverse-text","default":"#FDFAF6"}},"layoutRules":{"textOverImage":false,"textZone":"Keep generated headline, supporting copy, and CTA inside the authored copy zone.","contrastStrategy":"Use semantic text roles against authored canvas, surface, or dark fields.","maxHeadlineCharacters":34,"maxHeadlineWords":6,"maxSubheadlineCharacters":82,"typographyGuidance":"Use a compact, balanced headline that preserves the authored composition.","imageGuidance":"Use one coherent product or lifestyle image per authored image slot.","avoidDelicateDisplayFonts":false}},"framed-subject":{"handle":"framed-subject","url":"https://cdn.shopify.com/mock-shop-production-media/_heroes/d34e0f960d78d63abe87bb9282da39544d7ec4ee2b3a6d4fc3b9395bbc75c1d1.liquid","sha256":"d34e0f960d78d63abe87bb9282da39544d7ec4ee2b3a6d4fc3b9395bbc75c1d1","description":"A dark field with the photograph centred in a frame near the top — 300px by 290px, 62% of the width by 400px above 1100px — the headline set large and tight under it, and one light button closing the column. Everything is centred, and nothing is written on the picture. At least 500px tall; under 640px the frame takes the full width.","install":["Install it only when the shop can fill it, which is the test the reference render applies before drawing it: the headline, `copy.headline` or else the shop's name, must fit `layoutRules` (at most `maxHeadlineCharacters` characters and `maxHeadlineWords` words). When it fails, the reference render keeps the theme's own opening hero, `hero_hRhTz6` in `origin`, `hero_p9CmMG` in `catalyst` and `section_bpfKjQ` in `heritage`, and so should the clone: stop here, before downloading anything. The design has no supporting line, so `copy.subheadline` and `maxSubheadlineCharacters` play no part.","Download `url`, check it against `sha256`, and save it as `sections/framed-subject.liquid` in the theme directory: a section file is named for its `type`.","In `templates/index.json`, replace the theme's opening hero — the first entry in `order`, `hero_hRhTz6` in `origin`, `hero_p9CmMG` in `catalyst` and `section_bpfKjQ` in `heritage` — with a new section of `type` `framed-subject`, keeping its place at the front of `order`. Replace, do not insert: the page has one hero, and this is it. In `heritage` the opener is two sections, so set `\"disabled\": true` on `section_U3FMdW`, the billboard picture under `section_bpfKjQ`, in the same edit: this hero carries its own picture, and the reference render draws neither of the two behind it. The theme's own `install` says the same from its side.","Fill `settings` from the shop's `mock_shop.hero` metafield, each field on its own: `headline` is `copy.headline`, or the shop's name when the shop wrote none; `cta` is `copy.cta`, or `Shop now`; `cta_url` is `/collections/all`. There is no `subheadline` setting: the design has no supporting line, and the reference render shows none whatever `copy.subheadline` says. That is what the reference render shows for any partial `copy`, an empty one included. The section's own defaults are its author's demonstration copy and never what a shop shows.","`images[0]` fills the frame: write its `url` to `image_1_url` and its `alt` to `image_1_alt`. That is what the reference render draws; or import the file into the shop and pick it as `image_1`, which the section prefers when it is set. The picture is cropped to cover a frame close to square, so a subject near its centre. When `images` is empty, leave both blank: the frame stays, and stays blank, which is what the reference render draws for a shop with no picture.","Leave `background_color`, `text_color`, `accent_color` and `on_accent_color` at their defaults: they are the palette the reference render paints for this design."],"aesthetics":["cinematic","editorial","minimal"],"qualities":["framed","centered","image-dominant","high-contrast"],"sectionType":"framed-subject","settings":[{"id":"headline","type":"text","label":"Headline","default":"A place to begin."},{"id":"cta","type":"text","label":"Button label","default":"Shop now"},{"id":"cta_url","type":"url","label":"Button link"},{"id":"image_1","type":"image_picker","label":"Image"},{"id":"image_1_url","type":"text","label":"Image URL"},{"id":"image_1_alt","type":"text","label":"Image alt text"},{"id":"background_color","type":"color","label":"Background","default":"#2a2420"},{"id":"text_color","type":"color","label":"Text","default":"#fdfaf6"},{"id":"accent_color","type":"color","label":"Button background","default":"#f5f0e8"},{"id":"on_accent_color","type":"color","label":"Button text","default":"#1a1714"},{"id":"height","type":"range","label":"Minimum height","default":500}],"style":{"font-body":{"role":"font-body","default":"-apple-system, BlinkMacSystemFont, \"Segoe UI\", system-ui, sans-serif"},"font-heading":{"role":"font-heading","default":"-apple-system, BlinkMacSystemFont, \"Segoe UI\", system-ui, sans-serif"},"ink":{"role":"dark","default":"#2A2420"},"on-ink":{"role":"inverse-text","default":"#FDFAF6"},"surface":{"role":"canvas","default":"#F5F0E8"},"on-surface":{"role":"text","default":"#1A1714"}},"layoutRules":{"textOverImage":false,"textZone":"centered image frame inside a dark editorial canvas","contrastStrategy":"Keep copy on opaque semantic surfaces or authored overlays; do not rely on photography for contrast.","maxHeadlineCharacters":30,"maxHeadlineWords":5,"maxSubheadlineCharacters":74,"typographyGuidance":"Use system sans-serif with compact hierarchy and preserve the reference rhythm.","imageGuidance":"Photography-dependent layout uses replaceable forma image slots; preserve crop and framing.","avoidDelicateDisplayFonts":true}},"frosted-panel":{"handle":"frosted-panel","url":"https://cdn.shopify.com/mock-shop-production-media/_heroes/80b7f95fcffe67de7ff0a83dba8cf6527ff4ee4e932a1253dd3d652e254d0ab4.liquid","sha256":"80b7f95fcffe67de7ff0a83dba8cf6527ff4ee4e932a1253dd3d652e254d0ab4","description":"A full-height photograph, at least 500px tall and up to 840px above 1100px, with a frosted card standing in from its left edge: the headline, one supporting line set in small capitals and a white pill button on a rounded panel that blurs and darkens whatever the picture puts behind it. The card takes a third of the width, 38% above 1100px, and fills the width at the foot of the picture under 640px.","install":["Install it only when the shop can fill it, which is the test the reference render applies before drawing it: the headline, `copy.headline` or else the shop's name, must fit `layoutRules` (at most `maxHeadlineCharacters` characters and `maxHeadlineWords` words). When it fails, the reference render keeps the theme's own opening hero, `hero_hRhTz6` in `origin`, `hero_p9CmMG` in `catalyst` and `section_bpfKjQ` in `heritage`, and so should the clone: stop here, before downloading anything. A subheadline longer than `maxSubheadlineCharacters` is left out, not shortened.","Download `url`, check it against `sha256`, and save it as `sections/frosted-panel.liquid` in the theme directory: a section file is named for its `type`.","In `templates/index.json`, replace the theme's opening hero — the first entry in `order`, `hero_hRhTz6` in `origin`, `hero_p9CmMG` in `catalyst` and `section_bpfKjQ` in `heritage` — with a new section of `type` `frosted-panel`, keeping its place at the front of `order`. Replace, do not insert: the page has one hero, and this is it. In `heritage` the opener is two sections, so set `\"disabled\": true` on `section_U3FMdW`, the billboard picture under `section_bpfKjQ`, in the same edit: this hero carries its own picture, and the reference render draws neither of the two behind it. The theme's own `install` says the same from its side.","Fill `settings` from the shop's `mock_shop.hero` metafield, each field on its own: `headline` is `copy.headline`, or the shop's name when the shop wrote none; `subheadline` is `copy.subheadline`, or the shop's description; `cta` is `copy.cta`, or `Shop now`; `cta_url` is `/collections/all`. That is what the reference render shows for any partial `copy`, an empty one included. The section's own defaults are its author's demonstration copy and never what a shop shows.","`images[0]` fills the hero: write its `url` to `image_1_url` and its `alt` to `image_1_alt`. That is what the reference render draws; or import the file into the shop and pick it as `image_1`, which the section prefers when it is set. The picture covers the whole hero and the card sits over its left third, so a landscape whose subject sits right of centre. When `images` is empty, leave both blank: the field stays, black, with the card on it, which is what the reference render draws for a shop with no picture.","Leave `background_color`, `text_color`, `accent_color` and `on_accent_color` at their defaults: they are the palette the reference render paints for this design."],"aesthetics":["soft","editorial","modernist"],"qualities":["full-bleed","framed","airy","balanced"],"sectionType":"frosted-panel","settings":[{"id":"headline","type":"text","label":"Headline","default":"Craft your space"},{"id":"subheadline","type":"text","label":"Subheadline","default":"Premium materials. Timeless design."},{"id":"cta","type":"text","label":"Button label","default":"Shop now"},{"id":"cta_url","type":"url","label":"Button link"},{"id":"image_1","type":"image_picker","label":"Image"},{"id":"image_1_url","type":"text","label":"Image URL"},{"id":"image_1_alt","type":"text","label":"Image alt text"},{"id":"background_color","type":"color","label":"Background","default":"#000000"},{"id":"text_color","type":"color","label":"Text","default":"#ffffff"},{"id":"accent_color","type":"color","label":"Button background","default":"#ffffff"},{"id":"on_accent_color","type":"color","label":"Button text","default":"#1a1714"},{"id":"height","type":"range","label":"Height","default":500},{"id":"height_wide","type":"range","label":"Height above 1100px","default":600}],"style":{"font-body":{"role":"font-body","default":"\"Helvetica Neue\", Arial, sans-serif"},"font-heading":{"role":"font-heading","default":"\"Helvetica Neue\", Arial, sans-serif"},"surface-secondary":{"role":"surface","default":"#EAE5DC"},"on-ink":{"role":"inverse-text","default":"#FFFFFF"},"ink":{"role":"dark","default":"#000000"},"on-surface":{"role":"text","default":"#1A1714"}},"layoutRules":{"textOverImage":false,"textZone":"Preserve the source layout’s authored copy zone and its original hierarchy.","contrastStrategy":"Use semantic source color roles so runtime palette injection retains readable authored text and fields.","maxHeadlineCharacters":24,"maxHeadlineWords":4,"maxSubheadlineCharacters":58,"headlineShape":"Keep generated copy compact and complete; never allow a partial final phrase.","typographyGuidance":"Preserve the source composition’s hierarchy while using a robust display face.","imageGuidance":"Use one coherent product or lifestyle image per authored image slot.","avoidDelicateDisplayFonts":false}},"full-bleed":{"handle":"full-bleed","url":"https://cdn.shopify.com/mock-shop-production-media/_heroes/95fd9053f4d52e5020b11a3adb1634ee64b2192d5122f0ed28d8e0af7c3d0e5a.liquid","sha256":"95fd9053f4d52e5020b11a3adb1634ee64b2192d5122f0ed28d8e0af7c3d0e5a","description":"One photograph filling the whole hero edge to edge, darkened from the left by a scrim, with the headline, one line of supporting copy and an outlined call to action set into the lower-left corner over it. 500px tall, 640 above 1100px and growing with the viewport to 840; under 640px the copy stacks at the foot of a picture at least 440px tall, the scrim rising from the foot to meet it.","install":["Install it only when the shop can fill it, which is the test the reference render applies before drawing it: `images` must supply the picture, an absolute URL on the `https` scheme, since the reference render reads any other entry (relative, plain `http`, malformed or null) as a missing picture; this hero writes its copy on it and has no legible state without one. And the headline, `copy.headline` or else the shop's name, must fit `layoutRules` (at most `maxHeadlineCharacters` characters and `maxHeadlineWords` words). When either fails, the reference render keeps the theme's own opening hero, `hero_hRhTz6` in `origin`, `hero_p9CmMG` in `catalyst` and `section_bpfKjQ` in `heritage`, and so should the clone: stop here, before downloading anything. A subheadline longer than `maxSubheadlineCharacters` is left out, not shortened.","Download `url`, check it against `sha256`, and save it as `sections/full-bleed.liquid` in the theme directory: a section file is named for its `type`.","In `templates/index.json`, replace the theme's opening hero — the first entry in `order`, `hero_hRhTz6` in `origin`, `hero_p9CmMG` in `catalyst` and `section_bpfKjQ` in `heritage` — with a new section of `type` `full-bleed`, keeping its place at the front of `order`. Replace, do not insert: the page has one hero, and this is it. In `heritage` the opener is two sections, so set `\"disabled\": true` on `section_U3FMdW`, the billboard picture under `section_bpfKjQ`, in the same edit: this hero carries its own picture, and the reference render draws neither of the two behind it. The theme's own `install` says the same from its side.","Fill `settings` from the shop's `mock_shop.hero` metafield, each field on its own: `headline` is `copy.headline`, or the shop's name when the shop wrote none; `subheadline` is `copy.subheadline`, or the shop's description; `cta` is `copy.cta`, or `Shop now`; `cta_url` is `/collections/all`. That is what the reference render shows for any partial `copy`, an empty one included. The section's own defaults are its author's demonstration copy and never what a shop shows.","`images[0]` fills the whole hero, and the copy sits over its left third: write its `url` to `image_1_url` and its `alt` to `image_1_alt`. That is what the reference render draws; or import the file into the shop and pick it as `image_1`, which the section prefers when it is set. The picture is cropped to cover whatever the viewport is, so a subject right of centre stays clear of the type.","Leave `background_color` and `text_color` at their defaults: light type on the design's dark field, which is what shows through the scrim and before the picture loads."],"aesthetics":["cinematic","editorial","dramatic"],"qualities":["full-bleed","image-dominant","high-contrast","asymmetric"],"sectionType":"full-bleed","settings":[{"id":"headline","type":"text","label":"Headline","default":"Craft your space"},{"id":"subheadline","type":"text","label":"Subheadline","default":"Premium materials. Timeless design."},{"id":"cta","type":"text","label":"Button label","default":"Shop now"},{"id":"cta_url","type":"url","label":"Button link"},{"id":"image_1","type":"image_picker","label":"Image"},{"id":"image_1_url","type":"text","label":"Image URL"},{"id":"image_1_alt","type":"text","label":"Image alt text"},{"id":"background_color","type":"color","label":"Background","default":"#1a1714"},{"id":"text_color","type":"color","label":"Text","default":"#fdfaf6"},{"id":"height","type":"range","label":"Height","default":500},{"id":"height_wide","type":"range","label":"Minimum height on wide screens","default":640}],"style":{"font-body":{"role":"font-body","default":"-apple-system, BlinkMacSystemFont, \"Segoe UI\", system-ui, sans-serif"},"font-heading":{"role":"font-heading","default":"-apple-system, BlinkMacSystemFont, \"Segoe UI\", system-ui, sans-serif"},"on-ink":{"role":"inverse-text","default":"#FDFAF6"},"on-surface":{"role":"text","default":"#1A1714"},"surface-secondary":{"role":"surface","default":"#EAE5DC"},"ink":{"role":"dark","default":"#1A1714"}},"layoutRules":{"textOverImage":true,"textZone":"left half of a full-bleed editorial photograph","contrastStrategy":"A dark left-to-right scrim protects light copy over the image.","maxHeadlineCharacters":28,"maxHeadlineWords":5,"maxSubheadlineCharacters":70,"typographyGuidance":"Use a confident serif or high-contrast display face with short balanced lines.","imageGuidance":"Use one atmospheric lifestyle image with negative space on the left.","avoidDelicateDisplayFonts":false}},"glass-card":{"handle":"glass-card","url":"https://cdn.shopify.com/mock-shop-production-media/_heroes/abb50e9200b378bb7b328bc8f8c81b8ba12b5ff614a506f5757e266ceeb5e935.liquid","sha256":"abb50e9200b378bb7b328bc8f8c81b8ba12b5ff614a506f5757e266ceeb5e935","description":"One photograph filling the whole hero under a light darkening wash, with a smoked glass card along its foot, three quarters of the width, holding the headline and one line of supporting copy on the left and a pill button on the right. 500px tall, 600 above 1100px and growing with the viewport to 840; under 640px the card stacks and fills the width inside the picture.","install":["Install it only when the shop can fill it, which is the test the reference render applies before drawing it: the headline, `copy.headline` or else the shop's name, must fit `layoutRules` (at most `maxHeadlineCharacters` characters and `maxHeadlineWords` words). When it fails, the reference render keeps the theme's own opening hero, `hero_hRhTz6` in `origin`, `hero_p9CmMG` in `catalyst` and `section_bpfKjQ` in `heritage`, and so should the clone: stop here, before downloading anything. A subheadline longer than `maxSubheadlineCharacters` is left out, not shortened.","Download `url`, check it against `sha256`, and save it as `sections/glass-card.liquid` in the theme directory: a section file is named for its `type`.","In `templates/index.json`, replace the theme's opening hero — the first entry in `order`, `hero_hRhTz6` in `origin`, `hero_p9CmMG` in `catalyst` and `section_bpfKjQ` in `heritage` — with a new section of `type` `glass-card`, keeping its place at the front of `order`. Replace, do not insert: the page has one hero, and this is it. In `heritage` the opener is two sections, so set `\"disabled\": true` on `section_U3FMdW`, the billboard picture under `section_bpfKjQ`, in the same edit: this hero carries its own picture, and the reference render draws neither of the two behind it. The theme's own `install` says the same from its side.","Fill `settings` from the shop's `mock_shop.hero` metafield, each field on its own: `headline` is `copy.headline`, or the shop's name when the shop wrote none; `subheadline` is `copy.subheadline`, or the shop's description; `cta` is `copy.cta`, or `Shop now`; `cta_url` is `/collections/all`. That is what the reference render shows for any partial `copy`, an empty one included. The section's own defaults are its author's demonstration copy and never what a shop shows.","`images[0]` fills the whole hero, and the card sits over its foot: write its `url` to `image_1_url` and its `alt` to `image_1_alt`. That is what the reference render draws; or import the file into the shop and pick it as `image_1`, which the section prefers when it is set. The picture is cropped to cover whatever the viewport is, so a subject in the upper two thirds stays clear of the card. When `images` is empty, leave both blank: the card stays, on the field `background_color` paints. The reference render draws the same card there but lets its page show through behind the wash, painting no field of its own, so the two agree on shape and differ on field.","Leave `background_color`, `text_color`, `accent_color` and `on_accent_color` at their defaults: they are the palette the reference render paints for this design."],"aesthetics":["luxury","cinematic","editorial"],"qualities":["full-bleed","framed","layered","high-contrast"],"sectionType":"glass-card","settings":[{"id":"headline","type":"text","label":"Headline","default":"Craft your space"},{"id":"subheadline","type":"text","label":"Subheadline","default":"Premium materials. Timeless design."},{"id":"cta","type":"text","label":"Button label","default":"Shop now"},{"id":"cta_url","type":"url","label":"Button link"},{"id":"image_1","type":"image_picker","label":"Image"},{"id":"image_1_url","type":"text","label":"Image URL"},{"id":"image_1_alt","type":"text","label":"Image alt text"},{"id":"background_color","type":"color","label":"Background","default":"#000000"},{"id":"text_color","type":"color","label":"Text","default":"#ffffff"},{"id":"accent_color","type":"color","label":"Button background","default":"#fdfaf6"},{"id":"on_accent_color","type":"color","label":"Button text","default":"#1a1714"},{"id":"height","type":"range","label":"Height","default":500},{"id":"height_wide","type":"range","label":"Minimum height on wide screens","default":600}],"style":{"font-body":{"role":"font-body","default":"\"Helvetica Neue\", Arial, sans-serif"},"font-heading":{"role":"font-heading","default":"\"Helvetica Neue\", Arial, sans-serif"},"on-ink":{"role":"inverse-text","default":"#FFFFFF"},"ink":{"role":"dark","default":"#000000"},"on-surface":{"role":"text","default":"#1A1714"},"surface":{"role":"canvas","default":"#FDFAF6"}},"layoutRules":{"textOverImage":false,"textZone":"Preserve the source layout’s authored copy zone and its original hierarchy.","contrastStrategy":"Use semantic source color roles so runtime palette injection retains readable authored text and fields.","maxHeadlineCharacters":24,"maxHeadlineWords":4,"maxSubheadlineCharacters":58,"headlineShape":"Keep generated copy compact and complete; never allow a partial final phrase.","typographyGuidance":"Preserve the source composition’s hierarchy while using a robust display face.","imageGuidance":"Use one coherent product or lifestyle image per authored image slot.","avoidDelicateDisplayFonts":false}},"golden-cut":{"handle":"golden-cut","url":"https://cdn.shopify.com/mock-shop-production-media/_heroes/4aae692f7ba4c8afb8e678c2f80b0951af536b871a488202c52ab8fd7f9e4f01.liquid","sha256":"4aae692f7ba4c8afb8e678c2f80b0951af536b871a488202c52ab8fd7f9e4f01","description":"A golden-section cut: the copy takes the wider 61.8% on the left, the headline at display size in its lower-left corner with one supporting line and a dark button under it, a 4px rule in a warm brown divides the two, and the photograph fills the narrower 38.2% on the right, at least 500px tall. Under 600px the three stack, the rule turning horizontal over a 280px picture.","install":["Install it only when the shop can fill it, which is the test the reference render applies before drawing it: the headline, `copy.headline` or else the shop's name, must fit `layoutRules` (at most `maxHeadlineCharacters` characters and `maxHeadlineWords` words). When it fails, the reference render keeps the theme's own opening hero, `hero_hRhTz6` in `origin`, `hero_p9CmMG` in `catalyst` and `section_bpfKjQ` in `heritage`, and so should the clone: stop here, before downloading anything. A subheadline longer than `maxSubheadlineCharacters` is left out, not shortened.","Download `url`, check it against `sha256`, and save it as `sections/golden-cut.liquid` in the theme directory: a section file is named for its `type`.","In `templates/index.json`, replace the theme's opening hero — the first entry in `order`, `hero_hRhTz6` in `origin`, `hero_p9CmMG` in `catalyst` and `section_bpfKjQ` in `heritage` — with a new section of `type` `golden-cut`, keeping its place at the front of `order`. Replace, do not insert: the page has one hero, and this is it. In `heritage` the opener is two sections, so set `\"disabled\": true` on `section_U3FMdW`, the billboard picture under `section_bpfKjQ`, in the same edit: this hero carries its own picture, and the reference render draws neither of the two behind it. The theme's own `install` says the same from its side.","Fill `settings` from the shop's `mock_shop.hero` metafield, each field on its own: `headline` is `copy.headline`, or the shop's name when the shop wrote none; `subheadline` is `copy.subheadline`, or the shop's description; `cta` is `copy.cta`, or `Shop now`; `cta_url` is `/collections/all`. That is what the reference render shows for any partial `copy`, an empty one included. The section's own defaults are its author's demonstration copy and never what a shop shows.","`images[0]` fills the right-hand column: write its `url` to `image_1_url` and its `alt` to `image_1_alt`. That is what the reference render draws; or import the file into the shop and pick it as `image_1`, which the section prefers when it is set and crops on the CDN to the column's three-to-four. The column is upright and the picture covers it, so a subject near the centre. When `images` is empty, leave both blank: the column stays, and stays blank, which is what the reference render draws for a shop with no picture.","Leave `background_color`, `text_color`, `muted_color`, `rule_color`, `accent_color` and `on_accent_color` at their defaults: they are the palette the reference render paints for this design."],"aesthetics":["modernist","editorial","minimal"],"qualities":["split","type-dominant","structured","asymmetric"],"sectionType":"golden-cut","settings":[{"id":"headline","type":"text","label":"Headline","default":"Craft your space"},{"id":"subheadline","type":"text","label":"Subheadline","default":"Premium materials. Timeless design."},{"id":"cta","type":"text","label":"Button label","default":"Shop now"},{"id":"cta_url","type":"url","label":"Button link"},{"id":"image_1","type":"image_picker","label":"Image"},{"id":"image_1_url","type":"text","label":"Image URL"},{"id":"image_1_alt","type":"text","label":"Image alt text"},{"id":"background_color","type":"color","label":"Background","default":"#f5f0e8"},{"id":"text_color","type":"color","label":"Text","default":"#1a1714"},{"id":"muted_color","type":"color","label":"Subheadline text","default":"#5c534a"},{"id":"rule_color","type":"color","label":"Divider","default":"#8b6f47"},{"id":"accent_color","type":"color","label":"Button background","default":"#1a1714"},{"id":"on_accent_color","type":"color","label":"Button text","default":"#fdfaf6"},{"id":"height","type":"range","label":"Minimum height","default":500}],"style":{"font-body":{"role":"font-body","default":"-apple-system, BlinkMacSystemFont, \"Segoe UI\", system-ui, sans-serif"},"font-heading":{"role":"font-heading","default":"-apple-system, BlinkMacSystemFont, \"Segoe UI\", system-ui, sans-serif"},"surface":{"role":"canvas","default":"#F5F0E8"},"on-surface":{"role":"text","default":"#1A1714"},"on-surface-secondary":{"role":"muted","default":"#5C534A"},"on-ink":{"role":"inverse-text","default":"#FDFAF6"},"accent":{"role":"accent","default":"#8B6F47"},"ink":{"role":"dark","default":"#1A1714"}},"layoutRules":{"textOverImage":false,"textZone":"Keep generated headline, supporting copy, and CTA inside the authored copy zone.","contrastStrategy":"Use semantic text roles against authored canvas, surface, or dark fields.","maxHeadlineCharacters":24,"maxHeadlineWords":4,"maxSubheadlineCharacters":82,"typographyGuidance":"Oversized display headline is the focal mass — keep it short, punchy, and set tight.","imageGuidance":"Use one coherent product or lifestyle image per authored image slot.","avoidDelicateDisplayFonts":true}},"hairline-catalog":{"handle":"hairline-catalog","url":"https://cdn.shopify.com/mock-shop-production-media/_heroes/140540e451bf94407cd0a6371a5b4cf33a5381638deaf8e9baba8af5e1389f62.liquid","sha256":"140540e451bf94407cd0a6371a5b4cf33a5381638deaf8e9baba8af5e1389f62","description":"A monochrome catalog grid ruled in hairlines: four small cells in two columns, each holding a grayscale product study, and a tall feature cell on the right, twice as wide, holding a larger study with a heavy uppercase headline pinned across its foot; the last small cell carries the call to action as a tiny tracked link at its foot. Under 800px the feature cell spans both columns between the two rows, and under 640px it leads.","install":["Install it only when the shop can fill it, which is the test the reference render applies before drawing it: the headline, `copy.headline` or else the shop's name, must fit `layoutRules` (at most `maxHeadlineCharacters` characters and `maxHeadlineWords` words). When it fails, the reference render keeps the theme's own opening hero, `hero_hRhTz6` in `origin`, `hero_p9CmMG` in `catalyst` and `section_bpfKjQ` in `heritage`, and so should the clone: stop here, before downloading anything.","Download `url`, check it against `sha256`, and save it as `sections/hairline-catalog.liquid` in the theme directory: a section file is named for its `type`.","In `templates/index.json`, replace the theme's opening hero — the first entry in `order`, `hero_hRhTz6` in `origin`, `hero_p9CmMG` in `catalyst` and `section_bpfKjQ` in `heritage` — with a new section of `type` `hairline-catalog`, keeping its place at the front of `order`. Replace, do not insert: the page has one hero, and this is it. In `heritage` the opener is two sections, so set `\"disabled\": true` on `section_U3FMdW`, the billboard picture under `section_bpfKjQ`, in the same edit: this hero carries its own picture, and the reference render draws neither of the two behind it. The theme's own `install` says the same from its side.","Fill `settings` from the shop's `mock_shop.hero` metafield, each field on its own: `headline` is `copy.headline`, or the shop's name when the shop wrote none; `cta` is `copy.cta`, or `Shop now`; `cta_url` is `/collections/all`. There is no `subheadline` setting: the design's cells carry captions no shop fills, and the headline across the feature cell is its one line of copy That is what the reference render shows for any partial `copy`, an empty one included. The section's own defaults are its author's demonstration copy and never what a shop shows.","`images[0]`, `images[1]`, `images[3]` and `images[4]` fill the four small cells in reading order — top-left, top-right, bottom-left, bottom-right — and `images[2]` fills the tall feature cell on the right: write each `url` to `image_1_url` through `image_5_url` and each `alt` to `image_1_alt` through `image_5_alt`, the array counting from zero and the settings from one, so `images[2]` lands in `image_3_url`. That is what the reference render draws; or import each file into the shop and pick it as `image_1` through `image_5`, which the section prefers when all five are set. Every study is desaturated and multiplied into the canvas, so a picture on a plain pale ground reads as a catalog plate and a busy scene reads as noise. When `images` has fewer than five entries, leave the missing ones blank: a ruled cell with nothing in it, which is what the reference render draws.","Leave `background_color` and `text_color` at their defaults: near-black ink on the near-white canvas is the whole palette of the design, and the same ink draws every hairline."],"aesthetics":["catalog","technical"],"qualities":["multi-image","structured","dense","high-contrast"],"sectionType":"hairline-catalog","settings":[{"id":"headline","type":"text","label":"Headline","default":"Craft your space"},{"id":"cta","type":"text","label":"Link label","default":"Shop now"},{"id":"cta_url","type":"url","label":"Link"},{"id":"image_1","type":"image_picker","label":"Top-left image"},{"id":"image_1_url","type":"text","label":"Top-left image URL"},{"id":"image_1_alt","type":"text","label":"Top-left image alt text"},{"id":"image_2","type":"image_picker","label":"Top-right image"},{"id":"image_2_url","type":"text","label":"Top-right image URL"},{"id":"image_2_alt","type":"text","label":"Top-right image alt text"},{"id":"image_3","type":"image_picker","label":"Feature image"},{"id":"image_3_url","type":"text","label":"Feature image URL"},{"id":"image_3_alt","type":"text","label":"Feature image alt text"},{"id":"image_4","type":"image_picker","label":"Bottom-left image"},{"id":"image_4_url","type":"text","label":"Bottom-left image URL"},{"id":"image_4_alt","type":"text","label":"Bottom-left image alt text"},{"id":"image_5","type":"image_picker","label":"Bottom-right image"},{"id":"image_5_url","type":"text","label":"Bottom-right image URL"},{"id":"image_5_alt","type":"text","label":"Bottom-right image alt text"},{"id":"background_color","type":"color","label":"Background","default":"#fdfaf6"},{"id":"text_color","type":"color","label":"Text and rules","default":"#1a1714"},{"id":"height","type":"range","label":"Minimum height","default":500}],"style":{"surface":{"role":"canvas","default":"#FDFAF6"},"on-surface":{"role":"text","default":"#1A1714"},"border":{"role":"text","default":"#1A1714"},"ink":{"role":"dark","default":"#1A1714"},"on-ink":{"role":"inverse-text","default":"#FDFAF6"},"font-heading":{"role":"font-heading","default":"-apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif"},"font-body":{"role":"font-body","default":"-apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif"}},"layoutRules":{"textOverImage":false,"textZone":"Tiny uppercase captions and prices pinned to the bottom of hairline-ruled catalog cells; chip labels in the feature cell.","contrastStrategy":"Monochrome catalog: dark ink on near-white cells with hairline rules; black utility bar uses inverse text.","maxHeadlineCharacters":30,"maxHeadlineWords":5,"maxSubheadlineCharacters":58,"typographyGuidance":"Compressed grotesque nav; small tracking-heavy caps captions; monospace chip labels.","imageGuidance":"Grayscale product studies centered in each cell, one larger hero object right.","avoidDelicateDisplayFonts":true}},"horizon-strip":{"handle":"horizon-strip","url":"https://cdn.shopify.com/mock-shop-production-media/_heroes/a050796db2683870f01973b5d658774b58a853ddd433801d4c5bbedcf31704ac.liquid","sha256":"a050796db2683870f01973b5d658774b58a853ddd433801d4c5bbedcf31704ac","description":"A light canvas with the headline set top-left at display size, a small uppercase link under it, and the photograph as a broad low strip across the foot — 220px tall across 93% of the width, inset from each edge like a horizon. Nothing is written on the picture. At least 500px tall; under 640px the strip is 200px tall and takes the full width.","install":["Install it only when the shop can fill it, which is the test the reference render applies before drawing it: the headline, `copy.headline` or else the shop's name, must fit `layoutRules` (at most `maxHeadlineCharacters` characters and `maxHeadlineWords` words). When it fails, the reference render keeps the theme's own opening hero, `hero_hRhTz6` in `origin`, `hero_p9CmMG` in `catalyst` and `section_bpfKjQ` in `heritage`, and so should the clone: stop here, before downloading anything. The design has no supporting line, so `copy.subheadline` and `maxSubheadlineCharacters` play no part.","Download `url`, check it against `sha256`, and save it as `sections/horizon-strip.liquid` in the theme directory: a section file is named for its `type`.","In `templates/index.json`, replace the theme's opening hero — the first entry in `order`, `hero_hRhTz6` in `origin`, `hero_p9CmMG` in `catalyst` and `section_bpfKjQ` in `heritage` — with a new section of `type` `horizon-strip`, keeping its place at the front of `order`. Replace, do not insert: the page has one hero, and this is it. In `heritage` the opener is two sections, so set `\"disabled\": true` on `section_U3FMdW`, the billboard picture under `section_bpfKjQ`, in the same edit: this hero carries its own picture, and the reference render draws neither of the two behind it. The theme's own `install` says the same from its side.","Fill `settings` from the shop's `mock_shop.hero` metafield, each field on its own: `headline` is `copy.headline`, or the shop's name when the shop wrote none; `cta` is `copy.cta`, or `Shop now`; `cta_url` is `/collections/all`. There is no `subheadline` setting: the design has no supporting line, and the reference render shows none whatever `copy.subheadline` says. That is what the reference render shows for any partial `copy`, an empty one included. The section's own defaults are its author's demonstration copy and never what a shop shows.","`images[0]` fills the strip across the foot: write its `url` to `image_1_url` and its `alt` to `image_1_alt`. That is what the reference render draws; or import the file into the shop and pick it as `image_1`, which the section prefers when it is set. The strip is a band far wider than it is tall, so the picture is cropped to its middle band and a subject at the top or the foot of the frame is lost. When `images` is empty, leave both blank: the strip stays, and stays blank, which is what the reference render draws for a shop with no picture.","Leave `background_color` and `text_color` at their defaults: they are the palette the reference render paints for this design. The link is set in the text colour and has no colour of its own."],"aesthetics":["editorial","minimal","technical"],"qualities":["type-dominant","full-bleed","structured","airy"],"sectionType":"horizon-strip","settings":[{"id":"headline","type":"text","label":"Headline","default":"Small details. Big difference."},{"id":"cta","type":"text","label":"Link label","default":"Shop now"},{"id":"cta_url","type":"url","label":"Link"},{"id":"image_1","type":"image_picker","label":"Image"},{"id":"image_1_url","type":"text","label":"Image URL"},{"id":"image_1_alt","type":"text","label":"Image alt text"},{"id":"background_color","type":"color","label":"Background","default":"#f5f0e8"},{"id":"text_color","type":"color","label":"Text","default":"#1a1714"},{"id":"height","type":"range","label":"Minimum height","default":500}],"style":{"font-body":{"role":"font-body","default":"-apple-system, BlinkMacSystemFont, \"Segoe UI\", system-ui, sans-serif"},"font-heading":{"role":"font-heading","default":"-apple-system, BlinkMacSystemFont, \"Segoe UI\", system-ui, sans-serif"},"surface":{"role":"canvas","default":"#F5F0E8"},"on-surface":{"role":"text","default":"#1A1714"}},"layoutRules":{"textOverImage":false,"textZone":"small utility labels around a broad lower image horizon","contrastStrategy":"Keep copy on opaque semantic surfaces or authored overlays; do not rely on photography for contrast.","maxHeadlineCharacters":30,"maxHeadlineWords":5,"maxSubheadlineCharacters":74,"typographyGuidance":"Use system sans-serif with compact hierarchy and preserve the reference rhythm.","imageGuidance":"Photography-dependent layout uses replaceable forma image slots; preserve crop and framing.","avoidDelicateDisplayFonts":true}},"label-panel":{"handle":"label-panel","url":"https://cdn.shopify.com/mock-shop-production-media/_heroes/4189cff788b6b734e0cc8f3f29f4ffc08950c4d7bd7650e7f2fd59fd2cf4a11b.liquid","sha256":"4189cff788b6b734e0cc8f3f29f4ffc08950c4d7bd7650e7f2fd59fd2cf4a11b","description":"A product label laid out as a page: on a light canvas, a 43/57 grid with the copy on the left set small and tight like the face of a package — the shop's name as its heading at 25 to 28px, one line of small type, a hairline rule and a small dark pill — and the photograph filling the right column, on a pale grey ground. Under 640px the columns stack, the copy over the picture.","install":["Install it only when the shop can fill it, which is the test the reference render applies before drawing it: the heading, `copy.brand` or else the shop's name, since this design's heading is its brand lockup and has no headline of its own, must fit `layoutRules` (at most `maxHeadlineCharacters` characters and `maxHeadlineWords` words). When it fails, the reference render keeps the theme's own opening hero, `hero_hRhTz6` in `origin`, `hero_p9CmMG` in `catalyst` and `section_bpfKjQ` in `heritage`, and so should the clone: stop here, before downloading anything. A subheadline longer than `maxSubheadlineCharacters` is left out, not shortened.","Download `url`, check it against `sha256`, and save it as `sections/label-panel.liquid` in the theme directory: a section file is named for its `type`.","In `templates/index.json`, replace the theme's opening hero — the first entry in `order`, `hero_hRhTz6` in `origin`, `hero_p9CmMG` in `catalyst` and `section_bpfKjQ` in `heritage` — with a new section of `type` `label-panel`, keeping its place at the front of `order`. Replace, do not insert: the page has one hero, and this is it. In `heritage` the opener is two sections, so set `\"disabled\": true` on `section_U3FMdW`, the billboard picture under `section_bpfKjQ`, in the same edit: this hero carries its own picture, and the reference render draws neither of the two behind it. The theme's own `install` says the same from its side.","Fill `settings` from the shop's `mock_shop.hero` metafield, each field on its own: `brand` is `copy.brand`, or blank when the shop wrote none, which shows the shop's name: the design's heading is where the shop's name goes, and it has no separate headline; `subheadline` is `copy.subheadline`, or the shop's description; `cta` is `copy.cta`, or `Shop now`; `cta_url` is `/collections/all`. That is what the reference render shows for any partial `copy`, an empty one included. The section's own defaults are its author's demonstration copy and never what a shop shows.","`images[0]` fills the right column, 57% of the width and the full height of the grid: write its `url` to `image_1_url` and its `alt` to `image_1_alt`. That is what the reference render draws; or import the file into the shop and pick it as `image_1`, which the section prefers when it is set. It is drawn cover-fit, so a picture with its subject near the centre survives every width; the column is taller than it is wide under 640px, where it sits below the copy. When `images` is empty, leave both blank: the column keeps its pale grey ground under the type beside it, which is what the reference render draws for a shop with no picture.","Leave `background_color`, `text_color`, `picture_color`, `accent_color` and `on_accent_color` at their defaults: they are the palette the reference render paints for this design."],"aesthetics":["editorial","catalog","technical"],"qualities":["split","image-dominant","structured","balanced"],"sectionType":"label-panel","settings":[{"id":"brand","type":"text","label":"Brand name"},{"id":"subheadline","type":"text","label":"Subheadline","default":"Premium materials. Timeless design."},{"id":"cta","type":"text","label":"Button label","default":"Shop now"},{"id":"cta_url","type":"url","label":"Button link"},{"id":"image_1","type":"image_picker","label":"Image"},{"id":"image_1_url","type":"text","label":"Image URL"},{"id":"image_1_alt","type":"text","label":"Image alt text"},{"id":"background_color","type":"color","label":"Background","default":"#f5f0e8"},{"id":"text_color","type":"color","label":"Text","default":"#1a1714"},{"id":"picture_color","type":"color","label":"Behind the picture","default":"#eae5dc"},{"id":"accent_color","type":"color","label":"Button background","default":"#1a1714"},{"id":"on_accent_color","type":"color","label":"Button text","default":"#fdfaf6"},{"id":"height","type":"range","label":"Height","default":500}],"style":{"font-body":{"role":"font-body","default":"-apple-system, BlinkMacSystemFont, \"Segoe UI\", system-ui, sans-serif"},"font-heading":{"role":"font-heading","default":"-apple-system, BlinkMacSystemFont, \"Segoe UI\", system-ui, sans-serif"},"surface":{"role":"canvas","default":"#F5F0E8"},"on-surface":{"role":"text","default":"#1A1714"},"on-ink":{"role":"inverse-text","default":"#FDFAF6"},"surface-secondary":{"role":"surface","default":"#EAE5DC"},"ink":{"role":"dark","default":"#1A1714"}},"layoutRules":{"textOverImage":false,"textZone":"staggered product/image tiles with a compact copy block","contrastStrategy":"Keep copy on opaque semantic surfaces or authored overlays; do not rely on photography for contrast.","maxHeadlineCharacters":30,"maxHeadlineWords":5,"maxSubheadlineCharacters":74,"typographyGuidance":"Use system sans-serif with compact hierarchy and preserve the reference rhythm.","imageGuidance":"Photography-dependent layout uses replaceable forma image slots; preserve crop and framing.","avoidDelicateDisplayFonts":true}},"landscape-swatch":{"handle":"landscape-swatch","url":"https://cdn.shopify.com/mock-shop-production-media/_heroes/e14d5e05f9459187b8c76aad222d0a8fa7d98fd13c15792ec1f6e1baf28cd7f6.liquid","sha256":"e14d5e05f9459187b8c76aad222d0a8fa7d98fd13c15792ec1f6e1baf28cd7f6","description":"A monumental centred type stack on a warm paper field — a heavy headline set very large and tight across a narrow measure, a very small supporting line, and a small capitalised text link ruled underneath — with a wide landscape strip of photograph sitting on the centre of the foot. Under 640px the copy takes the full width and the picture becomes a band under it.","install":["Install it only when the shop can fill it, which is the test the reference render applies before drawing it: the headline, `copy.headline` or else the shop's name, must fit `layoutRules` (at most `maxHeadlineCharacters` characters and `maxHeadlineWords` words). When it fails, the reference render keeps the theme's own opening hero, `hero_hRhTz6` in `origin`, `hero_p9CmMG` in `catalyst` and `section_bpfKjQ` in `heritage`, and so should the clone: stop here, before downloading anything. A subheadline longer than `maxSubheadlineCharacters` is left out, not shortened.","Download `url`, check it against `sha256`, and save it as `sections/landscape-swatch.liquid` in the theme directory: a section file is named for its `type`.","In `templates/index.json`, replace the theme's opening hero — the first entry in `order`, `hero_hRhTz6` in `origin`, `hero_p9CmMG` in `catalyst` and `section_bpfKjQ` in `heritage` — with a new section of `type` `landscape-swatch`, keeping its place at the front of `order`. Replace, do not insert: the page has one hero, and this is it. In `heritage` the opener is two sections, so set `\"disabled\": true` on `section_U3FMdW`, the billboard picture under `section_bpfKjQ`, in the same edit: this hero carries its own picture, and the reference render draws neither of the two behind it. The theme's own `install` says the same from its side.","Fill `settings` from the shop's `mock_shop.hero` metafield, each field on its own: `headline` is `copy.headline`, or the shop's name when the shop wrote none; `subheadline` is `copy.subheadline`, or the shop's description; `cta` is `copy.cta`, or `Shop now`; `cta_url` is `/collections/all`. That is what the reference render shows for any partial `copy`, an empty one included. The section's own defaults are its author's demonstration copy and never what a shop shows.","`images[0]` fills the strip on the centre of the foot: write its `url` to `image_1_url` and its `alt` to `image_1_alt`. That is what the reference render draws; or import the file into the shop and pick it as `image_1`, which the section prefers when it is set. The strip is wide and short, roughly three and a half units wide to one high at desktop widths, and the picture covers it, so a landscape detail crops well and a portrait loses its top and bottom. When `images` is empty, leave both blank: nothing shows there; the strip has no frame of its own, so the type stands alone on the paper, which is what the reference render draws for a shop with no picture.","Leave `background_color` and `text_color` at their defaults: near-black type on the design's warm ivory paper is the point of the design, and the picture is softened to sit in it."],"aesthetics":["editorial","minimal","catalog"],"qualities":["type-dominant","image-dominant","centered","airy"],"sectionType":"landscape-swatch","settings":[{"id":"headline","type":"text","label":"Headline","default":"Craft your space"},{"id":"subheadline","type":"text","label":"Subheadline","default":"Premium materials. Timeless design."},{"id":"cta","type":"text","label":"Link label","default":"Shop now"},{"id":"cta_url","type":"url","label":"Link"},{"id":"image_1","type":"image_picker","label":"Swatch image"},{"id":"image_1_url","type":"text","label":"Swatch image URL"},{"id":"image_1_alt","type":"text","label":"Swatch image alt text"},{"id":"background_color","type":"color","label":"Background","default":"#e9e2c7"},{"id":"text_color","type":"color","label":"Text","default":"#1a1714"},{"id":"height","type":"range","label":"Height","default":500},{"id":"height_wide","type":"range","label":"Height above 1100px","default":600}],"style":{"font-body":{"role":"font-body","default":"-apple-system, BlinkMacSystemFont, \"Segoe UI\", system-ui, sans-serif"},"font-heading":{"role":"font-heading","default":"Georgia, serif"},"surface":{"role":"canvas","default":"#E9E2C7"},"on-surface":{"role":"text","default":"#1A1714"}},"layoutRules":{"textOverImage":false,"textZone":"monumental centered type stack on a warm paper field","contrastStrategy":"Near-black copy sits on an opaque warm ivory canvas; photography is confined to a narrow material swatch.","maxHeadlineCharacters":28,"maxHeadlineWords":4,"maxSubheadlineCharacters":58,"typographyGuidance":"Use sturdy display typography with generous counters and enough weight to survive photographic detail.","imageGuidance":"Use a close material or product detail in a centered portrait rectangle anchored to the bottom edge.","avoidDelicateDisplayFonts":true}},"matted-portrait":{"handle":"matted-portrait","url":"https://cdn.shopify.com/mock-shop-production-media/_heroes/3a59b8afb383ba832e2942af4e90e6f1028e81efd734604d74e13ae08a4418c1.liquid","sha256":"3a59b8afb383ba832e2942af4e90e6f1028e81efd734604d74e13ae08a4418c1","description":"Two columns on a light canvas, at least 500px tall: the headline at up to 48px, one supporting line and a dark button on the left, and on the right a portrait photograph, three by four and about 300px wide, set in a mat of the canvas with a hairline border and a deep soft shadow, the way a print sits in a frame. The columns wrap to a stack when the hero narrows.","install":["Install it only when the shop can fill it, which is the test the reference render applies before drawing it: the headline, `copy.headline` or else the shop's name, must fit `layoutRules` (at most `maxHeadlineCharacters` characters and `maxHeadlineWords` words). When it fails, the reference render keeps the theme's own opening hero, `hero_hRhTz6` in `origin`, `hero_p9CmMG` in `catalyst` and `section_bpfKjQ` in `heritage`, and so should the clone: stop here, before downloading anything. A subheadline longer than `maxSubheadlineCharacters` is left out, not shortened.","Download `url`, check it against `sha256`, and save it as `sections/matted-portrait.liquid` in the theme directory: a section file is named for its `type`.","In `templates/index.json`, replace the theme's opening hero — the first entry in `order`, `hero_hRhTz6` in `origin`, `hero_p9CmMG` in `catalyst` and `section_bpfKjQ` in `heritage` — with a new section of `type` `matted-portrait`, keeping its place at the front of `order`. Replace, do not insert: the page has one hero, and this is it. In `heritage` the opener is two sections, so set `\"disabled\": true` on `section_U3FMdW`, the billboard picture under `section_bpfKjQ`, in the same edit: this hero carries its own picture, and the reference render draws neither of the two behind it. The theme's own `install` says the same from its side.","Fill `settings` from the shop's `mock_shop.hero` metafield, each field on its own: `headline` is `copy.headline`, or the shop's name when the shop wrote none; `subheadline` is `copy.subheadline`, or the shop's description; `cta` is `copy.cta`, or `Shop now`; `cta_url` is `/collections/all`. That is what the reference render shows for any partial `copy`, an empty one included. The section's own defaults are its author's demonstration copy and never what a shop shows.","`images[0]` fills the mat: write its `url` to `image_1_url` and its `alt` to `image_1_alt`. That is what the reference render draws; or import the file into the shop and pick it as `image_1`, which the section prefers when it is set. The picture is cropped to cover an upright three-by-four frame, so a subject near its centre. When `images` is empty, leave both blank: the mat stays, and stays blank, which is what the reference render draws for a shop with no picture.","Leave `background_color`, `text_color`, `muted_color`, `frame_color`, `accent_color` and `on_accent_color` at their defaults: they are the palette the reference render paints for this design."],"aesthetics":["editorial","artisanal"],"qualities":["split","framed","airy","balanced"],"sectionType":"matted-portrait","settings":[{"id":"headline","type":"text","label":"Headline","default":"Craft your space"},{"id":"subheadline","type":"text","label":"Subheadline","default":"Premium materials. Timeless design."},{"id":"cta","type":"text","label":"Button label","default":"Shop now"},{"id":"cta_url","type":"url","label":"Button link"},{"id":"image_1","type":"image_picker","label":"Image"},{"id":"image_1_url","type":"text","label":"Image URL"},{"id":"image_1_alt","type":"text","label":"Image alt text"},{"id":"background_color","type":"color","label":"Background","default":"#f5f0e8"},{"id":"text_color","type":"color","label":"Text","default":"#1a1714"},{"id":"muted_color","type":"color","label":"Subheadline text","default":"#5c534a"},{"id":"frame_color","type":"color","label":"Mat border","default":"#eae5dc"},{"id":"accent_color","type":"color","label":"Button background","default":"#2a2420"},{"id":"on_accent_color","type":"color","label":"Button text","default":"#fdfaf6"},{"id":"height","type":"range","label":"Minimum height","default":500}],"style":{"font-body":{"role":"font-body","default":"-apple-system, BlinkMacSystemFont, \"Segoe UI\", system-ui, sans-serif"},"font-heading":{"role":"font-heading","default":"-apple-system, BlinkMacSystemFont, \"Segoe UI\", system-ui, sans-serif"},"surface":{"role":"canvas","default":"#F5F0E8"},"on-surface":{"role":"text","default":"#1A1714"},"accent":{"role":"accent","default":"#8B6F47"},"on-surface-secondary":{"role":"muted","default":"#5C534A"},"on-ink":{"role":"inverse-text","default":"#FDFAF6"},"surface-secondary":{"role":"surface","default":"#EAE5DC"},"ink":{"role":"dark","default":"#2A2420"}},"layoutRules":{"textOverImage":false,"textZone":"Keep generated headline, supporting copy, and CTA inside the authored copy zone.","contrastStrategy":"Use semantic text roles against authored canvas, surface, or dark fields.","maxHeadlineCharacters":34,"maxHeadlineWords":6,"maxSubheadlineCharacters":82,"typographyGuidance":"Use a compact, balanced headline that preserves the authored composition.","imageGuidance":"Use one coherent product or lifestyle image per authored image slot.","avoidDelicateDisplayFonts":false}},"monolith-plaque":{"handle":"monolith-plaque","url":"https://cdn.shopify.com/mock-shop-production-media/_heroes/27d8b20e244e4eabb8a3acf0d6543cb027712ce351d37fc789c8b3b5e3579251.liquid","sha256":"27d8b20e244e4eabb8a3acf0d6543cb027712ce351d37fc789c8b3b5e3579251","description":"A light canvas in three parts, at least 500px tall: on the left the headline at display size, up to 84px, with a dark button under it; on the right a monolith, a solid dark block holding a small bordered plaque with one supporting line at 12px; and across the foot a band of photograph at least 130px tall. The two upper parts stack under 600px.","install":["Install it only when the shop can fill it, which is the test the reference render applies before drawing it: the headline, `copy.headline` or else the shop's name, must fit `layoutRules` (at most `maxHeadlineCharacters` characters and `maxHeadlineWords` words). When it fails, the reference render keeps the theme's own opening hero, `hero_hRhTz6` in `origin`, `hero_p9CmMG` in `catalyst` and `section_bpfKjQ` in `heritage`, and so should the clone: stop here, before downloading anything. A subheadline longer than `maxSubheadlineCharacters` is left out, not shortened.","Download `url`, check it against `sha256`, and save it as `sections/monolith-plaque.liquid` in the theme directory: a section file is named for its `type`.","In `templates/index.json`, replace the theme's opening hero — the first entry in `order`, `hero_hRhTz6` in `origin`, `hero_p9CmMG` in `catalyst` and `section_bpfKjQ` in `heritage` — with a new section of `type` `monolith-plaque`, keeping its place at the front of `order`. Replace, do not insert: the page has one hero, and this is it. In `heritage` the opener is two sections, so set `\"disabled\": true` on `section_U3FMdW`, the billboard picture under `section_bpfKjQ`, in the same edit: this hero carries its own picture, and the reference render draws neither of the two behind it. The theme's own `install` says the same from its side.","Fill `settings` from the shop's `mock_shop.hero` metafield, each field on its own: `headline` is `copy.headline`, or the shop's name when the shop wrote none; `subheadline` is `copy.subheadline`, or the shop's description; `cta` is `copy.cta`, or `Shop now`; `cta_url` is `/collections/all`. That is what the reference render shows for any partial `copy`, an empty one included. The section's own defaults are its author's demonstration copy and never what a shop shows.","`images[0]` fills the band across the foot: write its `url` to `image_1_url` and its `alt` to `image_1_alt`. That is what the reference render draws; or import the file into the shop and pick it as `image_1`, which the section prefers when it is set. The band is wide and shallow and the picture covers it, so a landscape whose interest runs across the middle. When `images` is empty, leave both blank: the band stays, and stays blank, which is what the reference render draws for a shop with no picture.","Leave `background_color`, `text_color`, `plaque_color`, `plaque_text_color`, `accent_color` and `on_accent_color` at their defaults: they are the palette the reference render paints for this design."],"aesthetics":["dramatic","modernist","minimal"],"qualities":["split","high-contrast","structured","quiet"],"sectionType":"monolith-plaque","settings":[{"id":"headline","type":"text","label":"Headline","default":"Craft your space"},{"id":"subheadline","type":"text","label":"Subheadline","default":"Premium materials. Timeless design."},{"id":"cta","type":"text","label":"Button label","default":"Shop now"},{"id":"cta_url","type":"url","label":"Button link"},{"id":"image_1","type":"image_picker","label":"Image"},{"id":"image_1_url","type":"text","label":"Image URL"},{"id":"image_1_alt","type":"text","label":"Image alt text"},{"id":"background_color","type":"color","label":"Background","default":"#f5f0e8"},{"id":"text_color","type":"color","label":"Text","default":"#1a1714"},{"id":"plaque_color","type":"color","label":"Monolith","default":"#2a2420"},{"id":"plaque_text_color","type":"color","label":"Plaque text","default":"#d8d1c7"},{"id":"accent_color","type":"color","label":"Button background","default":"#2a2420"},{"id":"on_accent_color","type":"color","label":"Button text","default":"#fdfaf6"},{"id":"height","type":"range","label":"Minimum height","default":500}],"style":{"font-body":{"role":"font-body","default":"-apple-system, BlinkMacSystemFont, \"Segoe UI\", system-ui, sans-serif"},"font-heading":{"role":"font-heading","default":"-apple-system, BlinkMacSystemFont, \"Segoe UI\", system-ui, sans-serif"},"surface":{"role":"canvas","default":"#F5F0E8"},"on-surface":{"role":"text","default":"#1A1714"},"accent":{"role":"accent","default":"#8B6F47"},"on-ink":{"role":"inverse-text","default":"#FDFAF6"},"ink":{"role":"dark","default":"#2A2420"},"on-ink-secondary":{"role":"inverse-muted","default":"#786F66"}},"layoutRules":{"textOverImage":false,"textZone":"Keep generated headline, supporting copy, and CTA inside the authored copy zone.","contrastStrategy":"Use semantic text roles against authored canvas, surface, or dark fields.","maxHeadlineCharacters":24,"maxHeadlineWords":4,"maxSubheadlineCharacters":82,"typographyGuidance":"Oversized display headline is the focal mass — keep it short, punchy, and set tight.","imageGuidance":"Use one coherent product or lifestyle image per authored image slot.","avoidDelicateDisplayFonts":true}},"narrow-swatch":{"handle":"narrow-swatch","url":"https://cdn.shopify.com/mock-shop-production-media/_heroes/87a98bcd8d2ea0eaf9f70c14df4df56608b50863e9929e78f99319f13d9a1d91.liquid","sha256":"87a98bcd8d2ea0eaf9f70c14df4df56608b50863e9929e78f99319f13d9a1d91","description":"A monumental centred type stack on a warm paper field — a heavy headline set very large and tight across a narrow measure, a very small supporting line, and a small capitalised text link ruled underneath — with a narrow swatch of photograph, 260px tall and a little over a quarter of the width, hanging from the centre of the foot with its bottom running off the edge: a portrait on narrow screens, a square near 945px and a landscape on wide ones. Under 640px the copy takes the full width and the picture becomes a band under it.","install":["Install it only when the shop can fill it, which is the test the reference render applies before drawing it: the headline, `copy.headline` or else the shop's name, must fit `layoutRules` (at most `maxHeadlineCharacters` characters and `maxHeadlineWords` words). When it fails, the reference render keeps the theme's own opening hero, `hero_hRhTz6` in `origin`, `hero_p9CmMG` in `catalyst` and `section_bpfKjQ` in `heritage`, and so should the clone: stop here, before downloading anything. A subheadline longer than `maxSubheadlineCharacters` is left out, not shortened.","Download `url`, check it against `sha256`, and save it as `sections/narrow-swatch.liquid` in the theme directory: a section file is named for its `type`.","In `templates/index.json`, replace the theme's opening hero — the first entry in `order`, `hero_hRhTz6` in `origin`, `hero_p9CmMG` in `catalyst` and `section_bpfKjQ` in `heritage` — with a new section of `type` `narrow-swatch`, keeping its place at the front of `order`. Replace, do not insert: the page has one hero, and this is it. In `heritage` the opener is two sections, so set `\"disabled\": true` on `section_U3FMdW`, the billboard picture under `section_bpfKjQ`, in the same edit: this hero carries its own picture, and the reference render draws neither of the two behind it. The theme's own `install` says the same from its side.","Fill `settings` from the shop's `mock_shop.hero` metafield, each field on its own: `headline` is `copy.headline`, or the shop's name when the shop wrote none; `subheadline` is `copy.subheadline`, or the shop's description; `cta` is `copy.cta`, or `Shop now`; `cta_url` is `/collections/all`. That is what the reference render shows for any partial `copy`, an empty one included. The section's own defaults are its author's demonstration copy and never what a shop shows.","`images[0]` fills the swatch hanging from the centre of the foot: write its `url` to `image_1_url` and its `alt` to `image_1_alt`. That is what the reference render draws; or import the file into the shop and pick it as `image_1`, which the section prefers when it is set. The swatch is 260px tall and 27.5% of the width (30% from 1100px up), so its shape follows the viewport: a portrait under about 945px, a square there and a landscape beyond it, roughly five units wide to three high at 1440px. The picture covers it, so pick a close detail whose subject sits at the centre with nothing that matters near its edges; a tall picture loses its top and bottom on a wide screen, and a wide one loses its sides on a narrow one. When `images` is empty, leave both blank: nothing shows there; the swatch has no frame of its own, so the type stands alone on the paper, which is what the reference render draws for a shop with no picture.","Leave `background_color` and `text_color` at their defaults: near-black type on the design's warm ivory paper is the point of the design, and the picture is softened to sit in it."],"aesthetics":["graphic","minimal","artisanal"],"qualities":["type-dominant","centered","airy","structured"],"sectionType":"narrow-swatch","settings":[{"id":"headline","type":"text","label":"Headline","default":"Craft your space"},{"id":"subheadline","type":"text","label":"Subheadline","default":"Premium materials. Timeless design."},{"id":"cta","type":"text","label":"Link label","default":"Shop now"},{"id":"cta_url","type":"url","label":"Link"},{"id":"image_1","type":"image_picker","label":"Swatch image"},{"id":"image_1_url","type":"text","label":"Swatch image URL"},{"id":"image_1_alt","type":"text","label":"Swatch image alt text"},{"id":"background_color","type":"color","label":"Background","default":"#e9e2c7"},{"id":"text_color","type":"color","label":"Text","default":"#1a1714"},{"id":"height","type":"range","label":"Height","default":500},{"id":"height_wide","type":"range","label":"Height above 1100px","default":600}],"style":{"font-body":{"role":"font-body","default":"-apple-system, BlinkMacSystemFont, \"Segoe UI\", system-ui, sans-serif"},"font-heading":{"role":"font-heading","default":"Georgia, serif"},"surface":{"role":"canvas","default":"#E9E2C7"},"on-surface":{"role":"text","default":"#1A1714"}},"layoutRules":{"textOverImage":false,"textZone":"monumental centered type stack on a warm paper field","contrastStrategy":"Near-black copy sits on an opaque warm ivory canvas; photography is confined to a narrow material swatch.","maxHeadlineCharacters":28,"maxHeadlineWords":4,"maxSubheadlineCharacters":58,"typographyGuidance":"Use sturdy display typography with generous counters and enough weight to survive photographic detail.","imageGuidance":"Use a close material or product detail in a centered portrait rectangle anchored to the bottom edge.","avoidDelicateDisplayFonts":true}},"pattern-mosaic":{"handle":"pattern-mosaic","url":"https://cdn.shopify.com/mock-shop-production-media/_heroes/5eb28fdbe73e490b62b15b7a668a933ecc6222f6ff2d1b1f608e140cae649321.liquid","sha256":"5eb28fdbe73e490b62b15b7a668a933ecc6222f6ff2d1b1f608e140cae649321","description":"A dark field split 48/52: on the left a serif headline at 31px over a small pale pill; on the right a mosaic of eight tiles in three columns, 314px tall — two photographs, one warm solid, one pale solid with two rounded corners, and four tiles of pale rules or dots on the dark ground, each patterned tile in a hairline frame. The hero is at least 500px tall, 600 above 1100px; under 640px the copy sits over the mosaic and the tiles shrink to 264px.","install":["Install it only when the shop can fill it, which is the test the reference render applies before drawing it: the headline, `copy.headline` or else the shop's name, must fit `layoutRules` (at most `maxHeadlineCharacters` characters and `maxHeadlineWords` words). When it fails, the reference render keeps the theme's own opening hero, `hero_hRhTz6` in `origin`, `hero_p9CmMG` in `catalyst` and `section_bpfKjQ` in `heritage`, and so should the clone: stop here, before downloading anything.","Download `url`, check it against `sha256`, and save it as `sections/pattern-mosaic.liquid` in the theme directory: a section file is named for its `type`.","In `templates/index.json`, replace the theme's opening hero — the first entry in `order`, `hero_hRhTz6` in `origin`, `hero_p9CmMG` in `catalyst` and `section_bpfKjQ` in `heritage` — with a new section of `type` `pattern-mosaic`, keeping its place at the front of `order`. Replace, do not insert: the page has one hero, and this is it. In `heritage` the opener is two sections, so set `\"disabled\": true` on `section_U3FMdW`, the billboard picture under `section_bpfKjQ`, in the same edit: this hero carries its own picture, and the reference render draws neither of the two behind it. The theme's own `install` says the same from its side.","Fill `settings` from the shop's `mock_shop.hero` metafield, each field on its own: `headline` is `copy.headline`, or the shop's name when the shop wrote none; `cta` is `copy.cta`, or `Shop now`; `cta_url` is `/collections/all`. There is no `subheadline` setting: the design has no supporting line; its copy is the headline and the button, and the mosaic does the rest That is what the reference render shows for any partial `copy`, an empty one included. The section's own defaults are its author's demonstration copy and never what a shop shows.","`images[0]` fills the small tile at the right of the top row: write its `url` to `image_1_url` and its `alt` to `image_1_alt`. `images[1]` fills the wide tile across the bottom row: `image_2_url` and `image_2_alt`. The array counts from zero and the settings from one. That is what the reference render draws; or import each file into the shop and pick it as `image_1` and `image_2`, which the section prefers when both are set. When `images` has fewer than two entries, leave the missing one blank: it stays a framed cell of the field, which is what the reference render draws.","Leave `background_color`, `text_color`, `pattern_color`, `tile_color`, `accent_color` and `on_accent_color` at their defaults: they are the field, the inks and the tile colours this section paints. The design paints itself on the theme's secondary surface, a light grey, and names no canvas of its own, so the reference render shows it light; a section may default its field only to the design's canvas or its dark ink, so this one puts the dark ink under everything and swaps every colour to its other side, and the defaults are that swap."],"aesthetics":["graphic","editorial","modernist"],"qualities":["multi-image","geometric","structured","asymmetric"],"sectionType":"pattern-mosaic","settings":[{"id":"headline","type":"text","label":"Headline","default":"Craft your space"},{"id":"cta","type":"text","label":"Button label","default":"Shop now"},{"id":"cta_url","type":"url","label":"Button link"},{"id":"image_1","type":"image_picker","label":"Small tile image"},{"id":"image_1_url","type":"text","label":"Small tile image URL"},{"id":"image_1_alt","type":"text","label":"Small tile image alt text"},{"id":"image_2","type":"image_picker","label":"Wide tile image"},{"id":"image_2_url","type":"text","label":"Wide tile image URL"},{"id":"image_2_alt","type":"text","label":"Wide tile image alt text"},{"id":"background_color","type":"color","label":"Background","default":"#2a2420"},{"id":"text_color","type":"color","label":"Text","default":"#fdfaf6"},{"id":"pattern_color","type":"color","label":"Pattern lines","default":"#eae5dc"},{"id":"tile_color","type":"color","label":"Solid tile","default":"#8b6f47"},{"id":"accent_color","type":"color","label":"Button background","default":"#fdfaf6"},{"id":"on_accent_color","type":"color","label":"Button text","default":"#2a2420"},{"id":"height","type":"range","label":"Height","default":500},{"id":"height_wide","type":"range","label":"Height above 1100px","default":600}],"style":{"font-body":{"role":"font-body","default":"-apple-system, BlinkMacSystemFont, \"Segoe UI\", system-ui, sans-serif"},"font-heading":{"role":"font-heading","default":"-apple-system, BlinkMacSystemFont, \"Segoe UI\", system-ui, sans-serif"},"surface-secondary":{"role":"surface","default":"#EAE5DC"},"on-surface":{"role":"text","default":"#1A1714"},"on-ink":{"role":"inverse-text","default":"#FDFAF6"},"accent":{"role":"accent","default":"#8B6F47"},"ink":{"role":"dark","default":"#2A2420"}},"layoutRules":{"textOverImage":false,"textZone":"left copy field beside a structured geometric image mosaic","contrastStrategy":"Keep copy on opaque semantic surfaces or authored overlays; do not rely on photography for contrast.","maxHeadlineCharacters":30,"maxHeadlineWords":5,"maxSubheadlineCharacters":74,"typographyGuidance":"Use system sans-serif with compact hierarchy and preserve the reference rhythm.","imageGuidance":"Photography-dependent layout uses replaceable forma image slots; preserve crop and framing.","avoidDelicateDisplayFonts":true}},"pill-portrait":{"handle":"pill-portrait","url":"https://cdn.shopify.com/mock-shop-production-media/_heroes/e9abc62c9fae8f1cc5ff6c1a572e9ac9c88d291734ccef0ec769187046336200.liquid","sha256":"e9abc62c9fae8f1cc5ff6c1a572e9ac9c88d291734ccef0ec769187046336200","description":"A dark field with the headline, one line of supporting copy and a light button on the left and the photograph on the right cropped into a tall pill, 190 to 250px wide and 280 to 340px tall by viewport. At least 500px tall, one column under 731px.","install":["Install it only when the shop can fill it, which is the test the reference render applies before drawing it: the headline, `copy.headline` or else the shop's name, must fit `layoutRules` (at most `maxHeadlineCharacters` characters and `maxHeadlineWords` words). When it fails, the reference render keeps the theme's own opening hero, `hero_hRhTz6` in `origin`, `hero_p9CmMG` in `catalyst` and `section_bpfKjQ` in `heritage`, and so should the clone: stop here, before downloading anything. A subheadline longer than `maxSubheadlineCharacters` is left out, not shortened.","Download `url`, check it against `sha256`, and save it as `sections/pill-portrait.liquid` in the theme directory: a section file is named for its `type`.","In `templates/index.json`, replace the theme's opening hero — the first entry in `order`, `hero_hRhTz6` in `origin`, `hero_p9CmMG` in `catalyst` and `section_bpfKjQ` in `heritage` — with a new section of `type` `pill-portrait`, keeping its place at the front of `order`. Replace, do not insert: the page has one hero, and this is it. In `heritage` the opener is two sections, so set `\"disabled\": true` on `section_U3FMdW`, the billboard picture under `section_bpfKjQ`, in the same edit: this hero carries its own picture, and the reference render draws neither of the two behind it. The theme's own `install` says the same from its side.","Fill `settings` from the shop's `mock_shop.hero` metafield, each field on its own: `headline` is `copy.headline`, or the shop's name when the shop wrote none; `subheadline` is `copy.subheadline`, or the shop's description; `cta` is `copy.cta`, or `Shop now`; `cta_url` is `/collections/all`. That is what the reference render shows for any partial `copy`, an empty one included. The section's own defaults are its author's demonstration copy and never what a shop shows.","`images[0]` fills the pill on the right: write its `url` to `image_1_url` and its `alt` to `image_1_alt`. That is what the reference render draws; or import the file into the shop and pick it as `image_1`, which the section prefers when it is set. The picture is cropped to cover the pill, so a wide picture keeps only its centre and a subject at an edge is lost. When `images` is empty, leave both blank: the frame stays, and stays blank, which is what the reference render draws for a shop with no picture.","Leave `background_color`, `text_color`, `muted_color`, `accent_color` and `on_accent_color` at their defaults: they are the palette the reference render paints for this design."],"aesthetics":["dramatic","organic"],"qualities":["split","high-contrast","framed","airy"],"sectionType":"pill-portrait","settings":[{"id":"headline","type":"text","label":"Headline","default":"Craft your space"},{"id":"subheadline","type":"text","label":"Subheadline","default":"Premium materials. Timeless design."},{"id":"cta","type":"text","label":"Button label","default":"Shop now"},{"id":"cta_url","type":"url","label":"Button link"},{"id":"image_1","type":"image_picker","label":"Image"},{"id":"image_1_url","type":"text","label":"Image URL"},{"id":"image_1_alt","type":"text","label":"Image alt text"},{"id":"background_color","type":"color","label":"Background","default":"#2a2420"},{"id":"text_color","type":"color","label":"Text","default":"#fdfaf6"},{"id":"muted_color","type":"color","label":"Subheadline text","default":"#c9c0b5"},{"id":"accent_color","type":"color","label":"Button background","default":"#f5f0e8"},{"id":"on_accent_color","type":"color","label":"Button text","default":"#1a1714"},{"id":"height","type":"range","label":"Minimum height","default":500}],"style":{"font-body":{"role":"font-body","default":"-apple-system, BlinkMacSystemFont, \"Segoe UI\", system-ui, sans-serif"},"font-heading":{"role":"font-heading","default":"-apple-system, BlinkMacSystemFont, \"Segoe UI\", system-ui, sans-serif"},"ink":{"role":"dark","default":"#2A2420"},"on-ink":{"role":"inverse-text","default":"#FDFAF6"},"accent":{"role":"accent","default":"#8B6F47"},"on-ink-secondary":{"role":"inverse-muted","default":"#786F66"},"on-surface":{"role":"text","default":"#1A1714"},"surface":{"role":"canvas","default":"#F5F0E8"}},"layoutRules":{"textOverImage":false,"textZone":"Keep generated headline, supporting copy, and CTA inside the authored copy zone.","contrastStrategy":"Use semantic text roles against authored canvas, surface, or dark fields.","maxHeadlineCharacters":34,"maxHeadlineWords":6,"maxSubheadlineCharacters":82,"typographyGuidance":"Use a compact, balanced headline that preserves the authored composition.","imageGuidance":"Use one coherent product or lifestyle image per authored image slot.","avoidDelicateDisplayFonts":false}},"polaroid-pair":{"handle":"polaroid-pair","url":"https://cdn.shopify.com/mock-shop-production-media/_heroes/581fa19551bdeeeaaf1630dfa190464759e45251caf1df2648152c21a11437db.liquid","sha256":"581fa19551bdeeeaaf1630dfa190464759e45251caf1df2648152c21a11437db","description":"On a light canvas, a heavy headline at 32 to 52px, a muted supporting line and a square-cornered dark button on the left; on the right two instant prints, four-by-five photographs in frames of the canvas with a deep foot, tilted ten degrees one way and nine the other and overlapping, each straightening a little on hover. The hero is at least 500px tall, 600 above 1100px; under 640px the copy stacks over the prints, which shrink to 160px and sit at the two edges.","install":["Install it only when the shop can fill it, which is the test the reference render applies before drawing it: the headline, `copy.headline` or else the shop's name, must fit `layoutRules` (at most `maxHeadlineCharacters` characters and `maxHeadlineWords` words). When it fails, the reference render keeps the theme's own opening hero, `hero_hRhTz6` in `origin`, `hero_p9CmMG` in `catalyst` and `section_bpfKjQ` in `heritage`, and so should the clone: stop here, before downloading anything. A subheadline longer than `maxSubheadlineCharacters` is left out, not shortened.","Download `url`, check it against `sha256`, and save it as `sections/polaroid-pair.liquid` in the theme directory: a section file is named for its `type`.","In `templates/index.json`, replace the theme's opening hero — the first entry in `order`, `hero_hRhTz6` in `origin`, `hero_p9CmMG` in `catalyst` and `section_bpfKjQ` in `heritage` — with a new section of `type` `polaroid-pair`, keeping its place at the front of `order`. Replace, do not insert: the page has one hero, and this is it. In `heritage` the opener is two sections, so set `\"disabled\": true` on `section_U3FMdW`, the billboard picture under `section_bpfKjQ`, in the same edit: this hero carries its own picture, and the reference render draws neither of the two behind it. The theme's own `install` says the same from its side.","Fill `settings` from the shop's `mock_shop.hero` metafield, each field on its own: `headline` is `copy.headline`, or the shop's name when the shop wrote none; `subheadline` is `copy.subheadline`, or the shop's description; `cta` is `copy.cta`, or `Shop now`; `cta_url` is `/collections/all`. That is what the reference render shows for any partial `copy`, an empty one included. The section's own defaults are its author's demonstration copy and never what a shop shows.","`images[0]` fills the first print, the one tilted to the left: write its `url` to `image_1_url` and its `alt` to `image_1_alt`. `images[1]` fills the second, tilted to the right and overlapping it: `image_2_url` and `image_2_alt`. The array counts from zero and the settings from one. That is what the reference render draws; or import each file into the shop and pick it as `image_1` and `image_2`, which the section prefers when both are set. When `images` has fewer than two entries, leave the missing one blank: it stays an empty frame with its shadow and its tilt, which is what the reference render draws.","Leave `background_color`, `text_color`, `muted_color`, `accent_color` and `on_accent_color` at their defaults: they are the palette the reference render paints for this design."],"aesthetics":["editorial","playful"],"qualities":["layered","multi-image","asymmetric","airy"],"sectionType":"polaroid-pair","settings":[{"id":"headline","type":"text","label":"Headline","default":"Craft your space"},{"id":"subheadline","type":"text","label":"Subheadline","default":"Premium materials. Timeless design."},{"id":"cta","type":"text","label":"Button label","default":"Shop now"},{"id":"cta_url","type":"url","label":"Button link"},{"id":"image_1","type":"image_picker","label":"First print"},{"id":"image_1_url","type":"text","label":"First print URL"},{"id":"image_1_alt","type":"text","label":"First print alt text"},{"id":"image_2","type":"image_picker","label":"Second print"},{"id":"image_2_url","type":"text","label":"Second print URL"},{"id":"image_2_alt","type":"text","label":"Second print alt text"},{"id":"background_color","type":"color","label":"Background","default":"#f5f0e8"},{"id":"text_color","type":"color","label":"Text","default":"#1a1714"},{"id":"muted_color","type":"color","label":"Subheadline text","default":"#5c534a"},{"id":"accent_color","type":"color","label":"Button background","default":"#2a2420"},{"id":"on_accent_color","type":"color","label":"Button text","default":"#fdfaf6"},{"id":"height","type":"range","label":"Height","default":500},{"id":"height_wide","type":"range","label":"Height above 1100px","default":600}],"style":{"font-body":{"role":"font-body","default":"-apple-system, BlinkMacSystemFont, \"Segoe UI\", system-ui, sans-serif"},"font-heading":{"role":"font-heading","default":"-apple-system, BlinkMacSystemFont, \"Segoe UI\", system-ui, sans-serif"},"surface":{"role":"canvas","default":"#F5F0E8"},"on-surface":{"role":"text","default":"#1A1714"},"accent":{"role":"accent","default":"#8B6F47"},"on-surface-secondary":{"role":"muted","default":"#5C534A"},"on-ink":{"role":"inverse-text","default":"#FDFAF6"},"ink":{"role":"dark","default":"#2A2420"}},"layoutRules":{"textOverImage":false,"textZone":"Keep generated headline, supporting copy, and CTA inside the authored copy zone.","contrastStrategy":"Use semantic text roles against authored canvas, surface, or dark fields.","maxHeadlineCharacters":34,"maxHeadlineWords":6,"maxSubheadlineCharacters":82,"typographyGuidance":"Use a compact, balanced headline that preserves the authored composition.","imageGuidance":"Use one coherent product or lifestyle image per authored image slot.","avoidDelicateDisplayFonts":false}},"quiet-lane":{"handle":"quiet-lane","url":"https://cdn.shopify.com/mock-shop-production-media/_heroes/ca8b2fb84062195a010301b7a930737bfb8b628bd8929fc0b154587e20bcb931.liquid","sha256":"ca8b2fb84062195a010301b7a930737bfb8b628bd8929fc0b154587e20bcb931","description":"A quiet centred stack on a near-white field: the brand in small widely tracked capitals, a lane of five photographs in a row running a little past both edges, a headline in the heading face at its normal weight, a small tracked supporting line in the muted ink, and a small bold tracked text link ruled underneath. Under 640px the lane sits inside the edges.","install":["Install it only when the shop can fill it, which is the test the reference render applies before drawing it: the headline, `copy.headline` or else the shop's name, must fit `layoutRules` (at most `maxHeadlineCharacters` characters and `maxHeadlineWords` words). When it fails, the reference render keeps the theme's own opening hero, `hero_hRhTz6` in `origin`, `hero_p9CmMG` in `catalyst` and `section_bpfKjQ` in `heritage`, and so should the clone: stop here, before downloading anything. A subheadline longer than `maxSubheadlineCharacters` is left out, not shortened.","Download `url`, check it against `sha256`, and save it as `sections/quiet-lane.liquid` in the theme directory: a section file is named for its `type`.","In `templates/index.json`, replace the theme's opening hero — the first entry in `order`, `hero_hRhTz6` in `origin`, `hero_p9CmMG` in `catalyst` and `section_bpfKjQ` in `heritage` — with a new section of `type` `quiet-lane`, keeping its place at the front of `order`. Replace, do not insert: the page has one hero, and this is it. In `heritage` the opener is two sections, so set `\"disabled\": true` on `section_U3FMdW`, the billboard picture under `section_bpfKjQ`, in the same edit: this hero carries its own picture, and the reference render draws neither of the two behind it. The theme's own `install` says the same from its side.","Fill `settings` from the shop's `mock_shop.hero` metafield, each field on its own: `headline` is `copy.headline`, or the shop's name when the shop wrote none; `brand` is `copy.brand` when it fits `layoutRules` (at most `maxHeadlineCharacters` characters and `maxHeadlineWords` words), or blank when the shop wrote none or it does not fit, which leaves the line out, as the reference render leaves it out; the section drops an over-limit brand itself; `subheadline` is `copy.subheadline`, or the shop's description; `cta` is `copy.cta`, or `Shop now`; `cta_url` is `/collections/all`. A subheadline longer than `maxSubheadlineCharacters` is left out, not shortened. That is what the reference render shows for any partial `copy`, an empty one included. The section's own defaults are its author's demonstration copy and never what a shop shows.","`images[0]` through `images[4]` fill the five cells of the lane, left to right, in that order: write each `url` to `image_1_url` through `image_5_url` and each `alt` to `image_1_alt` through `image_5_alt`. The array counts from zero and the settings from one. That is what the reference render draws; or import each file into the shop and pick it as `image_1` through `image_5`, which the section prefers when all five are set. When `images` has fewer than five entries, leave the missing ones blank: a cell with nothing in it, showing the canvas, which is what the reference render draws.","Leave `background_color`, `text_color` and `muted_color` at their defaults: they are the palette the reference render paints for this design."],"aesthetics":["minimal","editorial","soft"],"qualities":["multi-image","centered","airy","quiet"],"sectionType":"quiet-lane","settings":[{"id":"brand","type":"text","label":"Brand name","default":"FORMA"},{"id":"headline","type":"text","label":"Headline","default":"Craft your space"},{"id":"subheadline","type":"text","label":"Subheadline","default":"Premium materials · Timeless design"},{"id":"cta","type":"text","label":"Link label","default":"Shop now"},{"id":"cta_url","type":"url","label":"Link"},{"id":"image_1","type":"image_picker","label":"First image"},{"id":"image_1_url","type":"text","label":"First image URL"},{"id":"image_1_alt","type":"text","label":"First image alt text"},{"id":"image_2","type":"image_picker","label":"Second image"},{"id":"image_2_url","type":"text","label":"Second image URL"},{"id":"image_2_alt","type":"text","label":"Second image alt text"},{"id":"image_3","type":"image_picker","label":"Third image"},{"id":"image_3_url","type":"text","label":"Third image URL"},{"id":"image_3_alt","type":"text","label":"Third image alt text"},{"id":"image_4","type":"image_picker","label":"Fourth image"},{"id":"image_4_url","type":"text","label":"Fourth image URL"},{"id":"image_4_alt","type":"text","label":"Fourth image alt text"},{"id":"image_5","type":"image_picker","label":"Fifth image"},{"id":"image_5_url","type":"text","label":"Fifth image URL"},{"id":"image_5_alt","type":"text","label":"Fifth image alt text"},{"id":"background_color","type":"color","label":"Background","default":"#fdfaf6"},{"id":"text_color","type":"color","label":"Text","default":"#1a1714"},{"id":"muted_color","type":"color","label":"Brand and subheadline","default":"#5c534a"},{"id":"height","type":"range","label":"Height","default":500},{"id":"height_wide","type":"range","label":"Height above 1100px","default":600}],"style":{"font-body":{"role":"font-body","default":"\"Helvetica Neue\", Arial, sans-serif"},"font-heading":{"role":"font-heading","default":"Georgia, \"Times New Roman\", serif"},"on-ink":{"role":"inverse-text","default":"#FDFAF6"},"on-surface":{"role":"text","default":"#1A1714"},"on-surface-secondary":{"role":"muted","default":"#5C534A"},"surface":{"role":"canvas","default":"#FDFAF6"}},"layoutRules":{"textOverImage":false,"textZone":"Preserve the source layout’s authored copy zone and its original hierarchy.","contrastStrategy":"Use semantic source color roles so runtime palette injection retains readable authored text and fields.","maxHeadlineCharacters":24,"maxHeadlineWords":4,"maxSubheadlineCharacters":58,"headlineShape":"Keep generated copy compact and complete; never allow a partial final phrase.","typographyGuidance":"Preserve the source composition’s hierarchy while using a robust display face.","imageGuidance":"Use one coherent product or lifestyle image per authored image slot.","avoidDelicateDisplayFonts":false}},"sidebar-photo":{"handle":"sidebar-photo","url":"https://cdn.shopify.com/mock-shop-production-media/_heroes/268e5bdee77b99958df33ff59a5317c376e7bdba36c69918430b4e7f3f617e32.liquid","sha256":"268e5bdee77b99958df33ff59a5317c376e7bdba36c69918430b4e7f3f617e32","description":"A light panel with the headline, one line of supporting copy and a dark button on the left and a narrow full-height photograph on the right, the picture widening a little on hover. At least 500px tall, the picture 90 to 190px wide by viewport; under 640px it stacks, the picture a 240px band under the copy.","install":["Install it only when the shop can fill it, which is the test the reference render applies before drawing it: the headline, `copy.headline` or else the shop's name, must fit `layoutRules` (at most `maxHeadlineCharacters` characters and `maxHeadlineWords` words). When it fails, the reference render keeps the theme's own opening hero, `hero_hRhTz6` in `origin`, `hero_p9CmMG` in `catalyst` and `section_bpfKjQ` in `heritage`, and so should the clone: stop here, before downloading anything. A subheadline longer than `maxSubheadlineCharacters` is left out, not shortened.","Download `url`, check it against `sha256`, and save it as `sections/sidebar-photo.liquid` in the theme directory: a section file is named for its `type`.","In `templates/index.json`, replace the theme's opening hero — the first entry in `order`, `hero_hRhTz6` in `origin`, `hero_p9CmMG` in `catalyst` and `section_bpfKjQ` in `heritage` — with a new section of `type` `sidebar-photo`, keeping its place at the front of `order`. Replace, do not insert: the page has one hero, and this is it. In `heritage` the opener is two sections, so set `\"disabled\": true` on `section_U3FMdW`, the billboard picture under `section_bpfKjQ`, in the same edit: this hero carries its own picture, and the reference render draws neither of the two behind it. The theme's own `install` says the same from its side.","Fill `settings` from the shop's `mock_shop.hero` metafield, each field on its own: `headline` is `copy.headline`, or the shop's name when the shop wrote none; `subheadline` is `copy.subheadline`, or the shop's description; `cta` is `copy.cta`, or `Shop now`; `cta_url` is `/collections/all`. That is what the reference render shows for any partial `copy`, an empty one included. The section's own defaults are its author's demonstration copy and never what a shop shows.","`images[0]` fills the picture on the right: write its `url` to `image_1_url` and its `alt` to `image_1_alt`. That is what the reference render draws; or import the file into the shop and pick it as `image_1`, which the section prefers when it is set. The frame is tall and narrow and the picture is cropped to cover it, so only the middle of a wide picture shows. When `images` is empty, leave both blank: the frame stays, and stays blank, which is what the reference render draws for a shop with no picture.","Leave `background_color`, `text_color`, `muted_color`, `accent_color` and `on_accent_color` at their defaults: they are the palette the reference render paints for this design."],"aesthetics":["minimal","modernist"],"qualities":["split","asymmetric","airy","quiet"],"sectionType":"sidebar-photo","settings":[{"id":"headline","type":"text","label":"Headline","default":"Craft your space"},{"id":"subheadline","type":"text","label":"Subheadline","default":"Premium materials. Timeless design."},{"id":"cta","type":"text","label":"Button label","default":"Shop now"},{"id":"cta_url","type":"url","label":"Button link"},{"id":"image_1","type":"image_picker","label":"Image"},{"id":"image_1_url","type":"text","label":"Image URL"},{"id":"image_1_alt","type":"text","label":"Image alt text"},{"id":"background_color","type":"color","label":"Background","default":"#f5f0e8"},{"id":"text_color","type":"color","label":"Text","default":"#1a1714"},{"id":"muted_color","type":"color","label":"Subheadline text","default":"#5c534a"},{"id":"accent_color","type":"color","label":"Button background","default":"#1a1714"},{"id":"on_accent_color","type":"color","label":"Button text","default":"#fdfaf6"},{"id":"height","type":"range","label":"Minimum height","default":500}],"style":{"font-body":{"role":"font-body","default":"-apple-system, BlinkMacSystemFont, \"Segoe UI\", system-ui, sans-serif"},"font-heading":{"role":"font-heading","default":"-apple-system, BlinkMacSystemFont, \"Segoe UI\", system-ui, sans-serif"},"surface":{"role":"canvas","default":"#F5F0E8"},"on-surface":{"role":"text","default":"#1A1714"},"accent":{"role":"accent","default":"#8B6F47"},"on-surface-secondary":{"role":"muted","default":"#5C534A"},"on-ink":{"role":"inverse-text","default":"#FDFAF6"},"ink":{"role":"dark","default":"#1A1714"}},"layoutRules":{"textOverImage":false,"textZone":"Keep generated headline, supporting copy, and CTA inside the authored copy zone.","contrastStrategy":"Use semantic text roles against authored canvas, surface, or dark fields.","maxHeadlineCharacters":34,"maxHeadlineWords":6,"maxSubheadlineCharacters":82,"typographyGuidance":"Use a compact, balanced headline that preserves the authored composition.","imageGuidance":"Use one coherent product or lifestyle image per authored image slot.","avoidDelicateDisplayFonts":false}},"strip-quartet":{"handle":"strip-quartet","url":"https://cdn.shopify.com/mock-shop-production-media/_heroes/c294b147360f5e1ad4a3abb236bd212fd8af9f679c46fbdb04e5a3bd0ebb2113.liquid","sha256":"c294b147360f5e1ad4a3abb236bd212fd8af9f679c46fbdb04e5a3bd0ebb2113","description":"A light panel with the headline, one line of supporting copy and a dark button on the left, and on the right one photograph shown through four tall rounded strips of staggered height, like a slatted window. At least 500px tall, wrapping to a stack under 640px with the strips 260px tall.","install":["Install it only when the shop can fill it, which is the test the reference render applies before drawing it: the headline, `copy.headline` or else the shop's name, must fit `layoutRules` (at most `maxHeadlineCharacters` characters and `maxHeadlineWords` words). When it fails, the reference render keeps the theme's own opening hero, `hero_hRhTz6` in `origin`, `hero_p9CmMG` in `catalyst` and `section_bpfKjQ` in `heritage`, and so should the clone: stop here, before downloading anything. A subheadline longer than `maxSubheadlineCharacters` is left out, not shortened.","Download `url`, check it against `sha256`, and save it as `sections/strip-quartet.liquid` in the theme directory: a section file is named for its `type`.","In `templates/index.json`, replace the theme's opening hero — the first entry in `order`, `hero_hRhTz6` in `origin`, `hero_p9CmMG` in `catalyst` and `section_bpfKjQ` in `heritage` — with a new section of `type` `strip-quartet`, keeping its place at the front of `order`. Replace, do not insert: the page has one hero, and this is it. In `heritage` the opener is two sections, so set `\"disabled\": true` on `section_U3FMdW`, the billboard picture under `section_bpfKjQ`, in the same edit: this hero carries its own picture, and the reference render draws neither of the two behind it. The theme's own `install` says the same from its side.","Fill `settings` from the shop's `mock_shop.hero` metafield, each field on its own: `headline` is `copy.headline`, or the shop's name when the shop wrote none; `subheadline` is `copy.subheadline`, or the shop's description; `cta` is `copy.cta`, or `Shop now`; `cta_url` is `/collections/all`. That is what the reference render shows for any partial `copy`, an empty one included. The section's own defaults are its author's demonstration copy and never what a shop shows.","`images[0]` fills the picture behind the strips: write its `url` to `image_1_url` and its `alt` to `image_1_alt`. That is what the reference render draws; or import the file into the shop and pick it as `image_1`, which the section prefers when it is set. The picture is cropped to cover the whole right half and the strips show four slices of it, so nothing in it should need to be seen whole. When `images` is empty, leave both blank: the frame stays, and stays blank, which is what the reference render draws for a shop with no picture.","Leave `background_color`, `text_color`, `muted_color`, `accent_color` and `on_accent_color` at their defaults: they are the palette the reference render paints for this design."],"aesthetics":["editorial","organic"],"qualities":["multi-image","vertical","asymmetric","airy"],"sectionType":"strip-quartet","settings":[{"id":"headline","type":"text","label":"Headline","default":"Craft your space"},{"id":"subheadline","type":"text","label":"Subheadline","default":"Premium materials. Timeless design."},{"id":"cta","type":"text","label":"Button label","default":"Shop now"},{"id":"cta_url","type":"url","label":"Button link"},{"id":"image_1","type":"image_picker","label":"Image"},{"id":"image_1_url","type":"text","label":"Image URL"},{"id":"image_1_alt","type":"text","label":"Image alt text"},{"id":"background_color","type":"color","label":"Background","default":"#f5f0e8"},{"id":"text_color","type":"color","label":"Text","default":"#1a1714"},{"id":"muted_color","type":"color","label":"Subheadline text","default":"#5c534a"},{"id":"accent_color","type":"color","label":"Button background","default":"#1a1714"},{"id":"on_accent_color","type":"color","label":"Button text","default":"#fdfaf6"},{"id":"height","type":"range","label":"Height","default":500}],"style":{"font-body":{"role":"font-body","default":"-apple-system, BlinkMacSystemFont, \"Segoe UI\", system-ui, sans-serif"},"font-heading":{"role":"font-heading","default":"-apple-system, BlinkMacSystemFont, \"Segoe UI\", system-ui, sans-serif"},"surface":{"role":"canvas","default":"#F5F0E8"},"on-surface":{"role":"text","default":"#1A1714"},"accent":{"role":"accent","default":"#8B6F47"},"on-surface-secondary":{"role":"muted","default":"#5C534A"},"on-ink":{"role":"inverse-text","default":"#FDFAF6"},"ink":{"role":"dark","default":"#1A1714"}},"layoutRules":{"textOverImage":false,"textZone":"Keep generated headline, supporting copy, and CTA inside the authored copy zone.","contrastStrategy":"Use semantic text roles against authored canvas, surface, or dark fields.","maxHeadlineCharacters":34,"maxHeadlineWords":6,"maxSubheadlineCharacters":82,"typographyGuidance":"Use a compact, balanced headline that preserves the authored composition.","imageGuidance":"Use one coherent product or lifestyle image per authored image slot.","avoidDelicateDisplayFonts":false}},"supply-grid":{"handle":"supply-grid","url":"https://cdn.shopify.com/mock-shop-production-media/_heroes/af0c60a95d421611328e7202a26e2f096c69aa9da3cdf9b911ccfcfa2e006fa8.liquid","sha256":"af0c60a95d421611328e7202a26e2f096c69aa9da3cdf9b911ccfcfa2e006fa8","description":"A 125px statement band on a light canvas — a small heavy headline with a very small supporting line under it, centred and ruled off below — over three photographs side by side in cells ruled apart by the same hairline, each slightly desaturated on a pale cell, with a small dark button in the corner of the third. Under 640px the cells stack into one column.","install":["Install it only when the shop can fill it, which is the test the reference render applies before drawing it: the headline, `copy.headline` or else the shop's name, must fit `layoutRules` (at most `maxHeadlineCharacters` characters and `maxHeadlineWords` words). When it fails, the reference render keeps the theme's own opening hero, `hero_hRhTz6` in `origin`, `hero_p9CmMG` in `catalyst` and `section_bpfKjQ` in `heritage`, and so should the clone: stop here, before downloading anything. A subheadline longer than `maxSubheadlineCharacters` is left out, not shortened.","Download `url`, check it against `sha256`, and save it as `sections/supply-grid.liquid` in the theme directory: a section file is named for its `type`.","In `templates/index.json`, replace the theme's opening hero — the first entry in `order`, `hero_hRhTz6` in `origin`, `hero_p9CmMG` in `catalyst` and `section_bpfKjQ` in `heritage` — with a new section of `type` `supply-grid`, keeping its place at the front of `order`. Replace, do not insert: the page has one hero, and this is it. In `heritage` the opener is two sections, so set `\"disabled\": true` on `section_U3FMdW`, the billboard picture under `section_bpfKjQ`, in the same edit: this hero carries its own picture, and the reference render draws neither of the two behind it. The theme's own `install` says the same from its side.","Fill `settings` from the shop's `mock_shop.hero` metafield, each field on its own: `headline` is `copy.headline`, or the shop's name when the shop wrote none; `subheadline` is `copy.subheadline`, or the shop's description; `cta` is `copy.cta`, or `Shop now`; `cta_url` is `/collections/all`. That is what the reference render shows for any partial `copy`, an empty one included. The section's own defaults are its author's demonstration copy and never what a shop shows.","`images[0]`, `images[1]` and `images[2]` fill the three cells, left to right, in that order: write each `url` to `image_1_url`, `image_2_url` and `image_3_url` and each `alt` to `image_1_alt`, `image_2_alt` and `image_3_alt`. The array counts from zero and the settings from one. That is what the reference render draws; or import each file into the shop and pick it as `image_1`, `image_2` and `image_3`, which the section prefers when all three are set. When `images` has fewer than three entries, leave the missing ones blank: a pale empty cell, which is what the reference render draws.","Leave `background_color`, `text_color`, `picture_color`, `accent_color` and `on_accent_color` at their defaults: they are the palette the reference render paints for this design."],"aesthetics":["catalog","minimal","modernist"],"qualities":["multi-image","structured","centered","airy"],"sectionType":"supply-grid","settings":[{"id":"headline","type":"text","label":"Headline","default":"Craft your space"},{"id":"subheadline","type":"text","label":"Subheadline","default":"Premium materials. Timeless design."},{"id":"cta","type":"text","label":"Button label","default":"Shop now"},{"id":"cta_url","type":"url","label":"Button link"},{"id":"image_1","type":"image_picker","label":"Left cell"},{"id":"image_1_url","type":"text","label":"Left cell URL"},{"id":"image_1_alt","type":"text","label":"Left cell alt text"},{"id":"image_2","type":"image_picker","label":"Middle cell"},{"id":"image_2_url","type":"text","label":"Middle cell URL"},{"id":"image_2_alt","type":"text","label":"Middle cell alt text"},{"id":"image_3","type":"image_picker","label":"Right cell"},{"id":"image_3_url","type":"text","label":"Right cell URL"},{"id":"image_3_alt","type":"text","label":"Right cell alt text"},{"id":"background_color","type":"color","label":"Background","default":"#f5f0e8"},{"id":"text_color","type":"color","label":"Text","default":"#1a1714"},{"id":"picture_color","type":"color","label":"Cell behind each picture","default":"#eae5dc"},{"id":"accent_color","type":"color","label":"Button background","default":"#2a2420"},{"id":"on_accent_color","type":"color","label":"Button text","default":"#fdfaf6"},{"id":"height","type":"range","label":"Height","default":500},{"id":"height_wide","type":"range","label":"Height above 1100px","default":600}],"style":{"font-body":{"role":"font-body","default":"-apple-system, BlinkMacSystemFont, \"Segoe UI\", system-ui, sans-serif"},"font-heading":{"role":"font-heading","default":"-apple-system, BlinkMacSystemFont, \"Segoe UI\", system-ui, sans-serif"},"on-surface":{"role":"text","default":"#1A1714"},"surface-secondary":{"role":"surface","default":"#EAE5DC"},"surface":{"role":"canvas","default":"#F5F0E8"},"ink":{"role":"dark","default":"#2A2420"},"on-ink":{"role":"inverse-text","default":"#FDFAF6"}},"layoutRules":{"textOverImage":false,"textZone":"wide centered statement band above a three-column product grid","contrastStrategy":"All copy sits on solid white interface bands; products occupy separate pale cells.","maxHeadlineCharacters":28,"maxHeadlineWords":5,"maxSubheadlineCharacters":48,"typographyGuidance":"Use a decisive display face while preserving the reference-inspired hierarchy and intentional whitespace.","imageGuidance":"Use three isolated product images on clean, low-detail studio backgrounds.","avoidDelicateDisplayFonts":false}},"two-picture":{"handle":"two-picture","url":"https://cdn.shopify.com/mock-shop-production-media/_heroes/ee893566afff8005220f81b82afd51c8865907128795ebbfae83f4c012a0a271.liquid","sha256":"ee893566afff8005220f81b82afd51c8865907128795ebbfae83f4c012a0a271","description":"Two image panels side by side at equal width, each the full height of the hero, with the headline, one line of supporting copy and a pill call to action set into the lower-left corner over the left panel. 500px tall, 600 above 1100px, stacking to one column under 640px.","install":["Install it only when the shop can fill it, which is the test the reference render applies before drawing it: `images` must supply both pictures, each an absolute URL on the `https` scheme, since the reference render reads any other entry (relative, plain `http`, malformed or null) as a missing picture; this hero writes its copy on them and has no legible state without one. And the headline, `copy.headline` or else the shop's name, must fit `layoutRules` (at most `maxHeadlineCharacters` characters and `maxHeadlineWords` words). When either fails, the reference render keeps the theme's own opening hero, `hero_hRhTz6` in `origin`, `hero_p9CmMG` in `catalyst` and `section_bpfKjQ` in `heritage`, and so should the clone: stop here, before downloading anything. A subheadline longer than `maxSubheadlineCharacters` is left out, not shortened.","Download `url`, check it against `sha256`, and save it as `sections/two-picture.liquid` in the theme directory: a section file is named for its `type`.","In `templates/index.json`, replace the theme's opening hero — the first entry in `order`, `hero_hRhTz6` in `origin`, `hero_p9CmMG` in `catalyst` and `section_bpfKjQ` in `heritage` — with a new section of `type` `two-picture`, keeping its place at the front of `order`. Replace, do not insert: the page has one hero, and this is it. In `heritage` the opener is two sections, so set `\"disabled\": true` on `section_U3FMdW`, the billboard picture under `section_bpfKjQ`, in the same edit: this hero carries its own picture, and the reference render draws neither of the two behind it. The theme's own `install` says the same from its side.","Fill `settings` from the shop's `mock_shop.hero` metafield, each field on its own: `headline` is `copy.headline`, or the shop's name when the shop wrote none; `subheadline` is `copy.subheadline`, or the shop's description; `cta` is `copy.cta`, or `Shop now`; `cta_url` is `/collections/all`. That is what the reference render shows for any partial `copy`, an empty one included. The section's own defaults are its author's demonstration copy and never what a shop shows.","`images[0]` fills the left panel, the one the copy sits over: write its `url` to `image_1_url` and its `alt` to `image_1_alt`. `images[1]` fills the right panel: `image_2_url` and `image_2_alt`. The array counts from zero and the settings from one. That is what the reference render draws; or import each file into the shop and pick it as `image_1` and `image_2`, which the section prefers when both are set.","Leave `background_color`, `text_color`, `accent_color` and `on_accent_color` at their defaults: they are the pair the reference render paints over these images."],"aesthetics":["editorial","modernist","soft"],"qualities":["split","multi-image","balanced","vertical"],"sectionType":"two-picture","settings":[{"id":"headline","type":"text","label":"Headline","default":"Wear your way"},{"id":"subheadline","type":"text","label":"Subheadline","default":"Premium materials. Timeless design."},{"id":"cta","type":"text","label":"Button label","default":"Explore →"},{"id":"cta_url","type":"url","label":"Button link"},{"id":"image_1","type":"image_picker","label":"Image"},{"id":"image_1_url","type":"text","label":"Image URL"},{"id":"image_1_alt","type":"text","label":"Image alt text"},{"id":"image_2","type":"image_picker","label":"Image"},{"id":"image_2_url","type":"text","label":"Image URL"},{"id":"image_2_alt","type":"text","label":"Image alt text"},{"id":"background_color","type":"color","label":"Background","default":"#d9c8ae"},{"id":"text_color","type":"color","label":"Text","default":"#ffffff"},{"id":"accent_color","type":"color","label":"Button background","default":"#ffffff"},{"id":"on_accent_color","type":"color","label":"Button text","default":"#000000"},{"id":"height","type":"range","label":"Height","default":500},{"id":"height_wide","type":"range","label":"Height on wide screens","default":600}],"style":{"font-body":{"role":"font-body","default":"Arial, sans-serif"},"font-heading":{"role":"font-heading","default":"Arial, sans-serif"},"on-surface-secondary":{"role":"muted","default":"#9C8B7D"},"surface":{"role":"canvas","default":"#D9C8AE"},"accent":{"role":"accent","default":"#8BA9D0"},"on-accent":{"role":"accent-text","default":"#FDFAF6"},"on-ink":{"role":"inverse-text","default":"#FFFFFF"},"on-surface":{"role":"text","default":"#FDFAF6"},"surface-secondary":{"role":"surface","default":"#9C8B7D"}},"layoutRules":{"textOverImage":true,"textZone":"editorial copy aligned to the reference geometry","contrastStrategy":"use controlled negative space or a scrim for legibility","maxHeadlineCharacters":28,"maxHeadlineWords":5,"maxSubheadlineCharacters":70,"typographyGuidance":"system sans-serif with restrained editorial scale","imageGuidance":"use replaceable image slots with authored crop and framing"}},"venetian-slats":{"handle":"venetian-slats","url":"https://cdn.shopify.com/mock-shop-production-media/_heroes/c668365371f43d9dadb5eb7270d23db738eeb585e3f8cb780b0a69f56e56c862.liquid","sha256":"c668365371f43d9dadb5eb7270d23db738eeb585e3f8cb780b0a69f56e56c862","description":"On a light canvas, copy on the left — a heavy headline, a muted supporting line and a square-cornered dark button — beside three horizontal slats, each showing one third of a photograph three times its height, top, middle and bottom, as if one picture were seen through a blind. Under 640px the copy stacks over the slats, which become three bands.","install":["Install it only when the shop can fill it, which is the test the reference render applies before drawing it: the headline, `copy.headline` or else the shop's name, must fit `layoutRules` (at most `maxHeadlineCharacters` characters and `maxHeadlineWords` words). When it fails, the reference render keeps the theme's own opening hero, `hero_hRhTz6` in `origin`, `hero_p9CmMG` in `catalyst` and `section_bpfKjQ` in `heritage`, and so should the clone: stop here, before downloading anything. A subheadline longer than `maxSubheadlineCharacters` is left out, not shortened.","Download `url`, check it against `sha256`, and save it as `sections/venetian-slats.liquid` in the theme directory: a section file is named for its `type`.","In `templates/index.json`, replace the theme's opening hero — the first entry in `order`, `hero_hRhTz6` in `origin`, `hero_p9CmMG` in `catalyst` and `section_bpfKjQ` in `heritage` — with a new section of `type` `venetian-slats`, keeping its place at the front of `order`. Replace, do not insert: the page has one hero, and this is it. In `heritage` the opener is two sections, so set `\"disabled\": true` on `section_U3FMdW`, the billboard picture under `section_bpfKjQ`, in the same edit: this hero carries its own picture, and the reference render draws neither of the two behind it. The theme's own `install` says the same from its side.","Fill `settings` from the shop's `mock_shop.hero` metafield, each field on its own: `headline` is `copy.headline`, or the shop's name when the shop wrote none; `subheadline` is `copy.subheadline`, or the shop's description; `cta` is `copy.cta`, or `Shop now`; `cta_url` is `/collections/all`. That is what the reference render shows for any partial `copy`, an empty one included. The section's own defaults are its author's demonstration copy and never what a shop shows.","`images[0]`, `images[1]` and `images[2]` fill the top, middle and bottom slats, in that order: write each `url` to `image_1_url`, `image_2_url` and `image_3_url` and each `alt` to `image_1_alt`, `image_2_alt` and `image_3_alt`. The array counts from zero and the settings from one. That is what the reference render draws; or import each file into the shop and pick it as `image_1`, `image_2` and `image_3`, which the section prefers when all three are set. When `images` has fewer than three entries, leave the missing ones blank: a slat with nothing in it, showing the canvas, which is what the reference render draws. The design was drawn with one picture behind all three slats, so a shop that wants exactly that writes the same `url` and `alt` to all three; the section then hides the middle and bottom slats from assistive technology, so the one picture is announced once.","Leave `background_color`, `text_color`, `muted_color`, `accent_color` and `on_accent_color` at their defaults: they are the palette the reference render paints for this design."],"aesthetics":["graphic","experimental"],"qualities":["split","geometric","structured","dynamic"],"sectionType":"venetian-slats","settings":[{"id":"headline","type":"text","label":"Headline","default":"Craft your space"},{"id":"subheadline","type":"text","label":"Subheadline","default":"Premium materials. Timeless design."},{"id":"cta","type":"text","label":"Button label","default":"Shop now"},{"id":"cta_url","type":"url","label":"Button link"},{"id":"image_1","type":"image_picker","label":"Top slat"},{"id":"image_1_url","type":"text","label":"Top slat URL"},{"id":"image_1_alt","type":"text","label":"Top slat alt text"},{"id":"image_2","type":"image_picker","label":"Middle slat"},{"id":"image_2_url","type":"text","label":"Middle slat URL"},{"id":"image_2_alt","type":"text","label":"Middle slat alt text"},{"id":"image_3","type":"image_picker","label":"Bottom slat"},{"id":"image_3_url","type":"text","label":"Bottom slat URL"},{"id":"image_3_alt","type":"text","label":"Bottom slat alt text"},{"id":"background_color","type":"color","label":"Background","default":"#f5f0e8"},{"id":"text_color","type":"color","label":"Text","default":"#1a1714"},{"id":"muted_color","type":"color","label":"Subheadline text","default":"#5c534a"},{"id":"accent_color","type":"color","label":"Button background","default":"#1a1714"},{"id":"on_accent_color","type":"color","label":"Button text","default":"#fdfaf6"},{"id":"height","type":"range","label":"Height","default":500},{"id":"height_wide","type":"range","label":"Height above 1100px","default":600}],"style":{"font-body":{"role":"font-body","default":"-apple-system, BlinkMacSystemFont, \"Segoe UI\", system-ui, sans-serif"},"font-heading":{"role":"font-heading","default":"-apple-system, BlinkMacSystemFont, \"Segoe UI\", system-ui, sans-serif"},"surface":{"role":"canvas","default":"#F5F0E8"},"on-surface":{"role":"text","default":"#1A1714"},"accent":{"role":"accent","default":"#8B6F47"},"on-surface-secondary":{"role":"muted","default":"#5C534A"},"on-ink":{"role":"inverse-text","default":"#FDFAF6"},"ink":{"role":"dark","default":"#1A1714"}},"layoutRules":{"textOverImage":false,"textZone":"Keep generated headline, supporting copy, and CTA inside the authored copy zone.","contrastStrategy":"Use semantic text roles against authored canvas, surface, or dark fields.","maxHeadlineCharacters":34,"maxHeadlineWords":6,"maxSubheadlineCharacters":82,"typographyGuidance":"Use a compact, balanced headline that preserves the authored composition.","imageGuidance":"Use one coherent product or lifestyle image per authored image slot.","avoidDelicateDisplayFonts":false}},"vertical-gallery":{"handle":"vertical-gallery","url":"https://cdn.shopify.com/mock-shop-production-media/_heroes/c41fc558b749f566dc24e4104f752be2e038577aec6329b27a8bfc09dad77c54.liquid","sha256":"c41fc558b749f566dc24e4104f752be2e038577aec6329b27a8bfc09dad77c54","description":"Three photographs in a row of equal columns on a light canvas, with the brand set across all three in heavy, tightly tracked type, vertically centred, and a small capitalised text link under them. Under 640px the pictures run edge to edge with the middle one much the widest, and the brand sits over it.","install":["Install it only when the shop can fill it, which is the test the reference render applies before drawing it: the brand, `copy.brand` or else the shop's name, must fit `layoutRules` (at most `maxHeadlineCharacters` characters and `maxHeadlineWords` words). When it fails, the reference render keeps the theme's own opening hero, `hero_hRhTz6` in `origin`, `hero_p9CmMG` in `catalyst` and `section_bpfKjQ` in `heritage`, and so should the clone: stop here, before downloading anything.","Download `url`, check it against `sha256`, and save it as `sections/vertical-gallery.liquid` in the theme directory: a section file is named for its `type`.","In `templates/index.json`, replace the theme's opening hero — the first entry in `order`, `hero_hRhTz6` in `origin`, `hero_p9CmMG` in `catalyst` and `section_bpfKjQ` in `heritage` — with a new section of `type` `vertical-gallery`, keeping its place at the front of `order`. Replace, do not insert: the page has one hero, and this is it. In `heritage` the opener is two sections, so set `\"disabled\": true` on `section_U3FMdW`, the billboard picture under `section_bpfKjQ`, in the same edit: this hero carries its own picture, and the reference render draws neither of the two behind it. The theme's own `install` says the same from its side.","Fill `settings` from the shop's `mock_shop.hero` metafield, each field on its own: `brand` is `copy.brand`, or blank when the shop wrote none, which shows the shop's name; `cta` is `copy.cta`, or `Shop now`; `cta_url` is `/collections/all`. There is no `subheadline` setting: the design's only type over the pictures is the brand, and its only other copy is the link under them. That is what the reference render shows for any partial `copy`, an empty one included. The section's own defaults are its author's demonstration copy and never what a shop shows.","`images[0]`, `images[1]` and `images[2]` fill the three columns, left to right, in that order: write each `url` to `image_1_url`, `image_2_url` and `image_3_url` and each `alt` to `image_1_alt`, `image_2_alt` and `image_3_alt`. The array counts from zero and the settings from one. That is what the reference render draws; or import each file into the shop and pick it as `image_1`, `image_2` and `image_3`, which the section prefers when all three are set. When `images` has fewer than three entries, leave the missing ones blank: a column of the canvas with nothing in it, which is what the reference render draws.","Leave `background_color` and `text_color` at their defaults: they are the palette the reference render paints for this design."],"aesthetics":["editorial","experimental","modernist"],"qualities":["multi-image","centered","vertical","layered"],"sectionType":"vertical-gallery","settings":[{"id":"brand","type":"text","label":"Brand name"},{"id":"cta","type":"text","label":"Link label","default":"Shop now"},{"id":"cta_url","type":"url","label":"Link"},{"id":"image_1","type":"image_picker","label":"Left picture"},{"id":"image_1_url","type":"text","label":"Left picture URL"},{"id":"image_1_alt","type":"text","label":"Left picture alt text"},{"id":"image_2","type":"image_picker","label":"Middle picture"},{"id":"image_2_url","type":"text","label":"Middle picture URL"},{"id":"image_2_alt","type":"text","label":"Middle picture alt text"},{"id":"image_3","type":"image_picker","label":"Right picture"},{"id":"image_3_url","type":"text","label":"Right picture URL"},{"id":"image_3_alt","type":"text","label":"Right picture alt text"},{"id":"background_color","type":"color","label":"Background","default":"#f5f0e8"},{"id":"text_color","type":"color","label":"Text","default":"#1a1714"},{"id":"height","type":"range","label":"Height","default":500},{"id":"height_wide","type":"range","label":"Height above 1100px","default":600}],"style":{"font-body":{"role":"font-body","default":"-apple-system, BlinkMacSystemFont, \"Segoe UI\", system-ui, sans-serif"},"font-heading":{"role":"font-heading","default":"-apple-system, BlinkMacSystemFont, \"Segoe UI\", system-ui, sans-serif"},"surface":{"role":"canvas","default":"#F5F0E8"},"on-surface":{"role":"text","default":"#1A1714"},"on-ink":{"role":"inverse-text","default":"#1A1714"}},"layoutRules":{"textOverImage":false,"textZone":"three vertical image columns with centered headline","contrastStrategy":"Keep copy on opaque semantic surfaces or authored overlays; do not rely on photography for contrast.","maxHeadlineCharacters":30,"maxHeadlineWords":5,"maxSubheadlineCharacters":74,"typographyGuidance":"Use system sans-serif with compact hierarchy and preserve the reference rhythm.","imageGuidance":"Photography-dependent layout uses replaceable forma image slots; preserve crop and framing.","avoidDelicateDisplayFonts":true}},"wave-crest":{"handle":"wave-crest","url":"https://cdn.shopify.com/mock-shop-production-media/_heroes/6c6ab9f0499be2b2820ae14fb4fc4aa96583a92b905d23edfd2b53ba874861c0.liquid","sha256":"6c6ab9f0499be2b2820ae14fb4fc4aa96583a92b905d23edfd2b53ba874861c0","description":"A dark field with the copy centred high on it — a serif headline at 54 to 66px, one letterspaced line and a pale pill — and across the foot a band of photograph 230px tall. Between the two the field ends in a wave: a strip of the field ruled with faint warm stripes, whose lower edge undulates down over the top of the picture. Under 640px the copy, the wave and the band stack in that order.","install":["Install it only when the shop can fill it, which is the test the reference render applies before drawing it: the headline, `copy.headline` or else the shop's name, must fit `layoutRules` (at most `maxHeadlineCharacters` characters and `maxHeadlineWords` words). When it fails, the reference render keeps the theme's own opening hero, `hero_hRhTz6` in `origin`, `hero_p9CmMG` in `catalyst` and `section_bpfKjQ` in `heritage`, and so should the clone: stop here, before downloading anything. A subheadline longer than `maxSubheadlineCharacters` is left out, not shortened.","Download `url`, check it against `sha256`, and save it as `sections/wave-crest.liquid` in the theme directory: a section file is named for its `type`.","In `templates/index.json`, replace the theme's opening hero — the first entry in `order`, `hero_hRhTz6` in `origin`, `hero_p9CmMG` in `catalyst` and `section_bpfKjQ` in `heritage` — with a new section of `type` `wave-crest`, keeping its place at the front of `order`. Replace, do not insert: the page has one hero, and this is it. In `heritage` the opener is two sections, so set `\"disabled\": true` on `section_U3FMdW`, the billboard picture under `section_bpfKjQ`, in the same edit: this hero carries its own picture, and the reference render draws neither of the two behind it. The theme's own `install` says the same from its side.","Fill `settings` from the shop's `mock_shop.hero` metafield, each field on its own: `headline` is `copy.headline`, or the shop's name when the shop wrote none; `subheadline` is `copy.subheadline`, or the shop's description; `cta` is `copy.cta`, or `Shop now`; `cta_url` is `/collections/all`. That is what the reference render shows for any partial `copy`, an empty one included. The section's own defaults are its author's demonstration copy and never what a shop shows.","`images[0]` fills the band across the foot: write its `url` to `image_1_url` and its `alt` to `image_1_alt`. That is what the reference render draws; or import the file into the shop and pick it as `image_1`, which the section prefers when it is set. It is cropped to a band 230px tall across the full width, 200px under 640px, so choose a picture whose interest is wide and low; the wave covers its top 48px. When `images` is empty, leave both blank: the band is the dark field and the wave ends on it, so the hero is the copy on its field, which is what the reference render draws for a shop with no picture.","Leave `background_color`, `text_color`, `stripe_color`, `accent_color` and `on_accent_color` at their defaults: they are the palette the reference render paints for this design."],"aesthetics":["organic","editorial","soft"],"qualities":["full-bleed","framed","airy","high-contrast"],"sectionType":"wave-crest","settings":[{"id":"headline","type":"text","label":"Headline","default":"Craft your space"},{"id":"subheadline","type":"text","label":"Subheadline","default":"Premium materials. Timeless design."},{"id":"cta","type":"text","label":"Button label","default":"Shop now"},{"id":"cta_url","type":"url","label":"Button link"},{"id":"image_1","type":"image_picker","label":"Image"},{"id":"image_1_url","type":"text","label":"Image URL"},{"id":"image_1_alt","type":"text","label":"Image alt text"},{"id":"background_color","type":"color","label":"Background","default":"#2a2420"},{"id":"text_color","type":"color","label":"Text","default":"#eae5dc"},{"id":"stripe_color","type":"color","label":"Wave stripes","default":"#8b6f47"},{"id":"accent_color","type":"color","label":"Button background","default":"#f5f0e8"},{"id":"on_accent_color","type":"color","label":"Button text","default":"#2a2420"},{"id":"height","type":"range","label":"Height","default":500},{"id":"height_wide","type":"range","label":"Height above 1100px","default":600}],"style":{"font-body":{"role":"font-body","default":"\"Helvetica Neue\", Arial, sans-serif"},"font-heading":{"role":"font-heading","default":"Georgia, \"Times New Roman\", serif"},"ink":{"role":"dark","default":"#2A2420"},"surface":{"role":"canvas","default":"#F5F0E8"},"surface-secondary":{"role":"surface","default":"#EAE5DC"},"on-ink":{"role":"inverse-text","default":"#EAE5DC"},"on-surface":{"role":"text","default":"#2A2420"}},"layoutRules":{"textOverImage":false,"textZone":"Preserve the source layout’s authored copy zone and its original hierarchy.","contrastStrategy":"Use semantic source color roles so runtime palette injection retains readable authored text and fields.","maxHeadlineCharacters":24,"maxHeadlineWords":4,"maxSubheadlineCharacters":58,"headlineShape":"Keep generated copy compact and complete; never allow a partial final phrase.","typographyGuidance":"Preserve the source composition’s hierarchy while using a robust display face.","imageGuidance":"Use one coherent product or lifestyle image per authored image slot.","avoidDelicateDisplayFonts":false}}}}