Get a Quote
Midcentury Modern Split-Level
Explore the unique architectural innovation of midcentury modern split-level homes, where form and function converge in a symphony of modern design. With Hardie® siding, reimagine your split-level home by enhancing its exterior with durable materials that complement its sleek lines and distinctive features.Exploring midcentury modern split-level home hallmarks
These key hallmarks prove classic elegance and modern living can harmoniously coexist.
Open concept layout
Midcentury modern split-level homes often feature open-concept floor plans with interconnected living spaces, promoting a sense of flow and spaciousness.
Integration with nature
Midcentury modern split-level homes blur the lines between indoor and outdoor living, with large windows, sliding glass doors, and outdoor patios or decks that embrace natural surroundings.
Minimalist aesthetic
Reflecting the principles of midcentury modern design, split-level homes boast a minimalist aesthetic characterized by clean lines, flat roofs, and an emphasis on functionality.
Unknown Component
Received request from Uniform to render a component with the public ID: tabsContainer.
<UniformComposition /> does not have tabsContainer mapped to a React component yet.
To teach your app how to render this component:
- Create a React component and register it with Uniform, for example
function TabsContainer({ body, title }) { return ( <div> TabsContainer! <UniformSlot name="content" /> </div> ) } registerUniformComponent({ type: "tabsContainer", component: TabsContainer })Props that your React component will receive
{ "body": "Find out how to capture the character of a midcentury modern split-level home in a variety of ways below.", "title": "Midcentury modern split-level, three ways", "component": { "type": "tabsContainer", "slots": { "content": [ { "type": "tab", "slots": { "content": [ { "type": "valuePropositionsContainer", "slots": { "content": [ { "type": "valuePropositionsCard", "parameters": { "body": { "type": "json", "value": { "data": {}, "content": [ { "data": {}, "content": [ { "data": {}, "marks": [], "value": "Siding material", "nodeType": "text" } ], "nodeType": "heading-3" }, { "data": {}, "content": [ { "data": {}, "marks": [], "value": "Opt for smooth-textured board and batten siding for a serene backdrop, complemented by warm horizontal plank accents, adding depth to your home's exterior.", "nodeType": "text" } ], "nodeType": "paragraph" } ], "nodeType": "document" } }, "icon": { "type": "select", "value": "house-siding-vertical" }, "name": { "type": "text", "value": "Siding material - MCM-Style Split level Classic" } } }, { "type": "valuePropositionsCard", "parameters": { "body": { "type": "json", "value": { "data": {}, "content": [ { "data": {}, "content": [ { "data": {}, "marks": [], "value": "Color palette", "nodeType": "text" } ], "nodeType": "heading-3" }, { "data": {}, "content": [ { "data": {}, "marks": [], "value": "Don’t be afraid of introducing some darkness to your home’s exterior. Choose deep, rich tones to help define your space amongst your landscape.", "nodeType": "text" } ], "nodeType": "paragraph" } ], "nodeType": "document" } }, "icon": { "type": "select", "value": "color-palette-sample" }, "name": { "type": "text", "value": "Color palette - MCM-Style Split level Classic" } } }, { "type": "valuePropositionsCard", "parameters": { "body": { "type": "json", "value": { "data": {}, "content": [ { "data": {}, "content": [ { "data": {}, "marks": [], "value": "Natural light", "nodeType": "text" } ], "nodeType": "paragraph" }, { "data": {}, "content": [ { "data": {}, "marks": [], "value": "Achieve a seamless connection with your landscape by maximizing natural light as much as possible to accentuate your home's charm.", "nodeType": "text" } ], "nodeType": "paragraph" } ], "nodeType": "document" } }, "icon": { "type": "select", "value": "blueprint-symmetrical" }, "name": { "type": "text", "value": "Natural light - MCM-Style Split level Classic" } } } ] }, "parameters": { "theme": { "type": "select", "value": "white" } } }, { "type": "featuredProducts", "parameters": { "title": { "type": "text", "value": "Featured products" }, "products": { "type": "json", "value": [ { "sys": { "id": "5lX6uWiEE0lQhvRYLN7huq", "type": "Entry", "space": { "sys": { "type": "Link", "linkType": "Space", "id": "dzi2asncd44t" } }, "createdAt": "2024-03-29T15:04:45.287Z", "updatedAt": "2024-03-29T15:11:26.365Z", "environment": { "sys": { "id": "master", "type": "Link", "linkType": "Environment" } }, "revision": 3, "contentType": { "sys": { "type": "Link", "linkType": "ContentType", "id": "referenceResourceRichField" } }, "locale": "en-US" }, "fields": { "entryTitle": "Hardie® Panel - Timber Bark", "name": "fp-panel-timber-bark", "value": { "nodeType": "document", "data": {}, "content": [ { "nodeType": "embedded-asset-block", "data": { "target": { "sys": { "id": "o4heiDHismZsGJDW6QD5G", "type": "Asset", "space": { "sys": { "type": "Link", "linkType": "Space", "id": "dzi2asncd44t" } }, "createdAt": "2024-03-29T15:04:26.526Z", "updatedAt": "2024-03-29T15:04:26.526Z", "environment": { "sys": { "id": "master", "type": "Link", "linkType": "Environment" } }, "revision": 1, "locale": "en-US" }, "fields": { "title": "statement-timber-bark", "description": "", "file": { "url": "//images.ctfassets.net/dzi2asncd44t/o4heiDHismZsGJDW6QD5G/9f1ddc3a8f447e803e1bd0d01723615d/statement-timber-bark.png", "details": { "size": 6133, "image": { "width": 600, "height": 600 } }, "fileName": "statement-timber-bark.png", "contentType": "image/png" } }, "metadata": { "tags": [] } } }, "content": [] }, { "nodeType": "heading-3", "data": {}, "content": [ { "nodeType": "text", "value": "Hardie® Panel", "marks": [], "data": {} } ] }, { "nodeType": "paragraph", "data": {}, "content": [ { "nodeType": "text", "value": "Timber Bark", "marks": [], "data": {} } ] }, { "nodeType": "paragraph", "data": {}, "content": [ { "nodeType": "text", "value": "", "marks": [], "data": {} }, { "nodeType": "hyperlink", "data": { "uri": "/product-catalog/exterior-siding-products/hardie-panel-siding/" }, "content": [ { "nodeType": "text", "value": "View product details", "marks": [], "data": {} } ] }, { "nodeType": "text", "value": "", "marks": [], "data": {} } ] } ] } }, "metadata": { "tags": [] } }, { "sys": { "id": "5NMdrwBZNSV5z5v8D1v4xm", "type": "Entry", "space": { "sys": { "type": "Link", "linkType": "Space", "id": "dzi2asncd44t" } }, "createdAt": "2024-03-29T15:08:12.409Z", "updatedAt": "2024-03-29T15:08:12.409Z", "environment": { "sys": { "id": "master", "type": "Link", "linkType": "Environment" } }, "revision": 1, "contentType": { "sys": { "type": "Link", "linkType": "ContentType", "id": "referenceResourceRichField" } }, "locale": "en-US" }, "fields": { "entryTitle": "Hardie® Trim Batten - Timber Bark", "name": "fp-batten-timber-bark", "value": { "nodeType": "document", "data": {}, "content": [ { "nodeType": "embedded-asset-block", "data": { "target": { "sys": { "id": "o4heiDHismZsGJDW6QD5G", "type": "Asset", "space": { "sys": { "type": "Link", "linkType": "Space", "id": "dzi2asncd44t" } }, "createdAt": "2024-03-29T15:04:26.526Z", "updatedAt": "2024-03-29T15:04:26.526Z", "environment": { "sys": { "id": "master", "type": "Link", "linkType": "Environment" } }, "revision": 1, "locale": "en-US" }, "fields": { "title": "statement-timber-bark", "description": "", "file": { "url": "//images.ctfassets.net/dzi2asncd44t/o4heiDHismZsGJDW6QD5G/9f1ddc3a8f447e803e1bd0d01723615d/statement-timber-bark.png", "details": { "size": 6133, "image": { "width": 600, "height": 600 } }, "fileName": "statement-timber-bark.png", "contentType": "image/png" } }, "metadata": { "tags": [] } } }, "content": [] }, { "nodeType": "heading-3", "data": {}, "content": [ { "nodeType": "text", "value": "Hardie® Trim Batten", "marks": [], "data": {} } ] }, { "nodeType": "paragraph", "data": {}, "content": [ { "nodeType": "text", "value": "Timber Bark", "marks": [], "data": {} } ] }, { "nodeType": "paragraph", "data": {}, "content": [ { "nodeType": "text", "value": "", "marks": [], "data": {} }, { "nodeType": "hyperlink", "data": { "uri": "/product-catalog/trim-products/hardie-trim-batten-boards/" }, "content": [ { "nodeType": "text", "value": "View product details", "marks": [], "data": {} } ] }, { "nodeType": "text", "value": "", "marks": [], "data": {} } ] } ] } }, "metadata": { "tags": [] } }, { "sys": { "id": "6jhvmSm1dGdoIOsiVIm0RJ", "type": "Entry", "space": { "sys": { "type": "Link", "linkType": "Space", "id": "dzi2asncd44t" } }, "createdAt": "2024-03-29T15:13:16.101Z", "updatedAt": "2024-03-29T15:13:16.101Z", "environment": { "sys": { "id": "master", "type": "Link", "linkType": "Environment" } }, "revision": 1, "contentType": { "sys": { "type": "Link", "linkType": "ContentType", "id": "referenceResourceRichField" } }, "locale": "en-US" }, "fields": { "entryTitle": "Hardie® Plank - Rich Espresso", "name": "fp-plank-rich-espresso", "value": { "nodeType": "document", "data": {}, "content": [ { "nodeType": "embedded-asset-block", "data": { "target": { "sys": { "id": "77g9JU2xl3pRP8ZRESiOsk", "type": "Asset", "space": { "sys": { "type": "Link", "linkType": "Space", "id": "dzi2asncd44t" } }, "createdAt": "2024-03-29T15:12:58.864Z", "updatedAt": "2024-03-29T15:12:58.864Z", "environment": { "sys": { "id": "master", "type": "Link", "linkType": "Environment" } }, "revision": 1, "locale": "en-US" }, "fields": { "title": "statement-rich-espresso", "description": "", "file": { "url": "//images.ctfassets.net/dzi2asncd44t/77g9JU2xl3pRP8ZRESiOsk/58ded2302cfa45543987e725dbadf084/statement-rich-espresso.png", "details": { "size": 6136, "image": { "width": 600, "height": 600 } }, "fileName": "statement-rich-espresso.png", "contentType": "image/png" } }, "metadata": { "tags": [] } } }, "content": [] }, { "nodeType": "heading-3", "data": {}, "content": [ { "nodeType": "text", "value": "Hardie® Plank", "marks": [], "data": {} } ] }, { "nodeType": "paragraph", "data": {}, "content": [ { "nodeType": "text", "value": "Rich Espresso", "marks": [], "data": {} } ] }, { "nodeType": "paragraph", "data": {}, "content": [ { "nodeType": "text", "value": "", "marks": [], "data": {} }, { "nodeType": "hyperlink", "data": { "uri": "/product-catalog/exterior-siding-products/hardie-plank-lap-siding/" }, "content": [ { "nodeType": "text", "value": "View product details", "marks": [], "data": {} } ] }, { "nodeType": "text", "value": "", "marks": [], "data": {} } ] } ] } }, "metadata": { "tags": [] } } ] } } } ], "tabContent": [ { "type": "rtbCard", "parameters": { "body": { "type": "json", "value": { "data": {}, "content": [ { "data": {}, "content": [ { "data": {}, "marks": [], "value": "Midcentury memoir", "nodeType": "text" } ], "nodeType": "heading-3" }, { "data": {}, "content": [ { "data": {}, "marks": [], "value": "Embrace distinctive siding tones that harmonize with the natural landscape to accentuate the unique design of your classic midcentury modern split-level home.", "nodeType": "text" } ], "nodeType": "paragraph" } ], "nodeType": "document" } }, "image": { "type": "image", "value": "//images.ctfassets.net/dzi2asncd44t/2iUAoDbEBPhemRplJerk9v/573e32043fcdfe26dce7108b981b64fd/MCM-split-level-hardie-panel-batten-timber-bark-hardie-plank-rich-espresso-hardie-trim-midnight-black.jpg" } } } ] }, "parameters": { "title": { "type": "text", "value": "Classic" } } }, { "type": "tab", "slots": { "content": [ { "type": "valuePropositionsContainer", "slots": { "content": [ { "type": "valuePropositionsCard", "parameters": { "body": { "type": "json", "value": { "data": {}, "content": [ { "data": {}, "content": [ { "data": {}, "marks": [], "value": "Siding material", "nodeType": "text" } ], "nodeType": "heading-3" }, { "data": {}, "content": [ { "data": {}, "marks": [], "value": "Opt for shiplap siding in a horizontal orientation with mitered corners to achieve a sleek and sophisticated look that complements the clean lines of a split-level home.", "nodeType": "text" } ], "nodeType": "paragraph" } ], "nodeType": "document" } }, "icon": { "type": "select", "value": "house-siding-vertical" }, "name": { "type": "text", "value": "Siding material - MCM-Style Split level Elegant" } } }, { "type": "valuePropositionsCard", "parameters": { "body": { "type": "json", "value": { "data": {}, "content": [ { "data": {}, "content": [ { "data": {}, "marks": [], "value": "Color palette", "nodeType": "text" } ], "nodeType": "heading-3" }, { "data": {}, "content": [ { "data": {}, "marks": [], "value": "Choose tones that harmonize with the surrounding landscape while adding a touch of elegance and refinement to the exterior of your midcentury modern split-level home.", "nodeType": "text" } ], "nodeType": "paragraph" } ], "nodeType": "document" } }, "icon": { "type": "select", "value": "color-palette-sample" }, "name": { "type": "text", "value": "MCM-Style Split level - Cape Cod Elegant" } } }, { "type": "valuePropositionsCard", "parameters": { "body": { "type": "json", "value": { "data": {}, "content": [ { "data": {}, "content": [ { "data": {}, "marks": [], "value": "Lighting", "nodeType": "text" } ], "nodeType": "heading-3" }, { "data": {}, "content": [ { "data": {}, "marks": [], "value": "Enhance the elegance of a midcentury modern split-level home with architectural lighting. Incorporate carefully placed exterior fixtures that highlight your home's clean lines.", "nodeType": "text" } ], "nodeType": "paragraph" } ], "nodeType": "document" } }, "icon": { "type": "select", "value": "blueprint-symmetrical" }, "name": { "type": "text", "value": "Lighting - MCM-Style Split level Elegant" } } } ] }, "parameters": { "theme": { "type": "select", "value": "white" } } }, { "type": "featuredProducts", "parameters": { "title": { "type": "text", "value": "Featured products" }, "products": { "type": "json", "value": [ { "sys": { "id": "35TgCaKUa5n1t7SYCRwoBs", "type": "Entry", "space": { "sys": { "type": "Link", "linkType": "Space", "id": "dzi2asncd44t" } }, "createdAt": "2024-03-29T15:21:25.588Z", "updatedAt": "2024-03-29T15:21:25.588Z", "environment": { "sys": { "id": "master", "type": "Link", "linkType": "Environment" } }, "revision": 1, "contentType": { "sys": { "type": "Link", "linkType": "ContentType", "id": "referenceResourceRichField" } }, "locale": "en-US" }, "fields": { "entryTitle": "Hardie® Artisan Siding - Shiplap in Evening Blue", "name": "fp-artisan-evening-blue", "value": { "nodeType": "document", "data": {}, "content": [ { "nodeType": "embedded-asset-block", "data": { "target": { "sys": { "id": "1p0ygxE1rhKGTrGV2gFj5g", "type": "Asset", "space": { "sys": { "type": "Link", "linkType": "Space", "id": "dzi2asncd44t" } }, "createdAt": "2024-03-29T15:21:19.406Z", "updatedAt": "2024-03-29T15:21:19.406Z", "environment": { "sys": { "id": "master", "type": "Link", "linkType": "Environment" } }, "revision": 1, "locale": "en-US" }, "fields": { "title": "statement-evening-blue", "description": "", "file": { "url": "//images.ctfassets.net/dzi2asncd44t/1p0ygxE1rhKGTrGV2gFj5g/dd73da1029a14284c905f69c23edd925/statement-evening-blue.png", "details": { "size": 6136, "image": { "width": 600, "height": 600 } }, "fileName": "statement-evening-blue.png", "contentType": "image/png" } }, "metadata": { "tags": [] } } }, "content": [] }, { "nodeType": "heading-3", "data": {}, "content": [ { "nodeType": "text", "value": "Hardie® Artisan Siding", "marks": [], "data": {} } ] }, { "nodeType": "paragraph", "data": {}, "content": [ { "nodeType": "text", "value": "Shiplap in Evening Blue", "marks": [], "data": {} } ] }, { "nodeType": "paragraph", "data": {}, "content": [ { "nodeType": "text", "value": "", "marks": [], "data": {} }, { "nodeType": "hyperlink", "data": { "uri": "/product-catalog/exterior-siding-products/hardie-artisan-siding/" }, "content": [ { "nodeType": "text", "value": "View product details", "marks": [], "data": {} } ] }, { "nodeType": "text", "value": "", "marks": [], "data": {} } ] } ] } }, "metadata": { "tags": [] } }, { "sys": { "id": "1rQwPdnwbke1NCK5xZ27CZ", "type": "Entry", "space": { "sys": { "type": "Link", "linkType": "Space", "id": "dzi2asncd44t" } }, "createdAt": "2024-03-29T15:22:52.673Z", "updatedAt": "2024-03-29T15:22:52.673Z", "environment": { "sys": { "id": "master", "type": "Link", "linkType": "Environment" } }, "revision": 1, "contentType": { "sys": { "type": "Link", "linkType": "ContentType", "id": "referenceResourceRichField" } }, "locale": "en-US" }, "fields": { "entryTitle": "Hardie® Artisan Siding - V-Groove in Arctic White", "name": "fp-artisan-arctic-white", "value": { "nodeType": "document", "data": {}, "content": [ { "nodeType": "embedded-asset-block", "data": { "target": { "sys": { "id": "1RlsA2QcnWrbPgctkOr8Hm", "type": "Asset", "space": { "sys": { "type": "Link", "linkType": "Space", "id": "dzi2asncd44t" } }, "createdAt": "2024-03-28T16:47:11.817Z", "updatedAt": "2024-03-28T16:47:11.817Z", "environment": { "sys": { "id": "master", "type": "Link", "linkType": "Environment" } }, "revision": 1, "locale": "en-US" }, "fields": { "title": "statement-arctic-white", "description": "", "file": { "url": "//images.ctfassets.net/dzi2asncd44t/1RlsA2QcnWrbPgctkOr8Hm/607fab97da3e870e41f7627435ad8e02/statement-arctic-white.png", "details": { "size": 6137, "image": { "width": 600, "height": 600 } }, "fileName": "statement-arctic-white.png", "contentType": "image/png" } }, "metadata": { "tags": [] } } }, "content": [] }, { "nodeType": "heading-3", "data": {}, "content": [ { "nodeType": "text", "value": "Hardie® Artisan Siding", "marks": [], "data": {} } ] }, { "nodeType": "paragraph", "data": {}, "content": [ { "nodeType": "text", "value": "V-Groove in Arctic White", "marks": [], "data": {} } ] }, { "nodeType": "paragraph", "data": {}, "content": [ { "nodeType": "text", "value": "", "marks": [], "data": {} }, { "nodeType": "hyperlink", "data": { "uri": "/product-catalog/exterior-siding-products/hardie-artisan-siding/" }, "content": [ { "nodeType": "text", "value": "View product details", "marks": [], "data": {} } ] }, { "nodeType": "text", "value": "", "marks": [], "data": {} } ] } ] } }, "metadata": { "tags": [] } } ] } } } ], "tabContent": [ { "type": "rtbCard", "parameters": { "body": { "type": "json", "value": { "data": {}, "content": [ { "data": {}, "content": [ { "data": {}, "marks": [], "value": "Elevated chic", "nodeType": "text" } ], "nodeType": "heading-3" }, { "data": {}, "content": [ { "data": {}, "marks": [], "value": "Capture the refined essence of a sophisticated midcentury modern split-level home with the distinctive styling of Hardie® Artisan Siding.", "nodeType": "text" } ], "nodeType": "paragraph" } ], "nodeType": "document" } }, "image": { "type": "image", "value": "//images.ctfassets.net/dzi2asncd44t/4whw3iKvxPRxNAw9X1Mq1i/56aeb89fca79144f1a5ff583e370e70d/MCM-split-level-hardie-artisan-shiplap-evening-blue.jpg" }, "title": { "type": "text", "value": "Elegant" } } } ] }, "parameters": { "body": { "type": "json", "value": { "data": {}, "content": [ { "data": {}, "content": [ { "data": {}, "marks": [], "value": "Elevated chic", "nodeType": "text" } ], "nodeType": "heading-3" }, { "data": {}, "content": [ { "data": {}, "marks": [], "value": "Capture the refined essence of a sophisticated midcentury modern split-level home with the distinctive styling of Hardie® Artisan Siding.", "nodeType": "text" } ], "nodeType": "paragraph" } ], "nodeType": "document" } }, "title": { "type": "text", "value": "Elegant" } } }, { "type": "tab", "slots": { "content": [ { "type": "valuePropositionsContainer", "slots": { "content": [ { "type": "valuePropositionsCard", "parameters": { "body": { "type": "json", "value": { "nodeType": "document", "data": {}, "content": [ { "nodeType": "heading-3", "data": {}, "content": [ { "nodeType": "text", "value": "Siding material", "marks": [], "data": {} } ] }, { "nodeType": "paragraph", "data": {}, "content": [ { "nodeType": "text", "value": "Choose siding that creates texture and depth in contrast with mitered corners that will streamline your home’s exterior for a seamless appearance.", "marks": [], "data": {} } ] } ] } }, "icon": { "type": "select", "value": "house-siding-vertical" }, "name": { "type": "text", "value": "Siding material - MCM-Style Split level Bold" } } }, { "type": "valuePropositionsCard", "parameters": { "body": { "type": "json", "value": { "data": {}, "content": [ { "data": {}, "content": [ { "data": {}, "marks": [], "value": "Color palette", "nodeType": "text" } ], "nodeType": "heading-3" }, { "data": {}, "content": [ { "data": {}, "marks": [], "value": "Select captivating dusty blues as your primary color and complement them with darker tone accents to command attention with a modern sophisticated charm.", "nodeType": "text" } ], "nodeType": "paragraph" } ], "nodeType": "document" } }, "icon": { "type": "select", "value": "color-palette-sample" }, "name": { "type": "text", "value": "Color palette - MCM-Style Split level Bold" } } }, { "type": "valuePropositionsCard", "parameters": { "body": { "type": "json", "value": { "data": {}, "content": [ { "data": {}, "content": [ { "data": {}, "marks": [], "value": "Landscaping", "nodeType": "text" } ], "nodeType": "heading-3" }, { "data": {}, "content": [ { "data": {}, "marks": [], "value": "Enhance your outdoor spaces with strategic landscaping that seamlessly merges indoor and outdoor areas, emphasizing the unique split-level design.", "nodeType": "text" } ], "nodeType": "paragraph" } ], "nodeType": "document" } }, "icon": { "type": "select", "value": "blueprint-symmetrical" }, "name": { "type": "text", "value": "Landscaping - MCM-Style Split level Bold" } } } ] }, "parameters": { "theme": { "type": "select", "value": "white" } } }, { "type": "featuredProducts", "parameters": { "title": { "type": "text", "value": "Featured products" }, "products": { "type": "json", "value": [ { "sys": { "id": "TkqhV3zXPRlnJKklG4aTZ", "type": "Entry", "space": { "sys": { "type": "Link", "linkType": "Space", "id": "dzi2asncd44t" } }, "createdAt": "2024-03-29T15:28:55.409Z", "updatedAt": "2024-03-29T15:28:55.409Z", "environment": { "sys": { "id": "master", "type": "Link", "linkType": "Environment" } }, "revision": 1, "contentType": { "sys": { "type": "Link", "linkType": "ContentType", "id": "referenceResourceRichField" } }, "locale": "en-US" }, "fields": { "entryTitle": "Hardie® Artisan Siding - V-Groove in Deep Ocean", "name": "fp-artisan-deep-ocean", "value": { "nodeType": "document", "data": {}, "content": [ { "nodeType": "embedded-asset-block", "data": { "target": { "sys": { "id": "32n9sPaoneYrXRPi4ohB1n", "type": "Asset", "space": { "sys": { "type": "Link", "linkType": "Space", "id": "dzi2asncd44t" } }, "createdAt": "2024-03-28T17:59:22.388Z", "updatedAt": "2024-03-28T17:59:22.388Z", "environment": { "sys": { "id": "master", "type": "Link", "linkType": "Environment" } }, "revision": 1, "locale": "en-US" }, "fields": { "title": "statement-deep-ocean", "description": "", "file": { "url": "//images.ctfassets.net/dzi2asncd44t/32n9sPaoneYrXRPi4ohB1n/280a514799104791713291d6f2e76901/statement-deep-ocean.png", "details": { "size": 6130, "image": { "width": 600, "height": 600 } }, "fileName": "statement-deep-ocean.png", "contentType": "image/png" } }, "metadata": { "tags": [] } } }, "content": [] }, { "nodeType": "heading-3", "data": {}, "content": [ { "nodeType": "text", "value": "Hardie® Artisan Siding", "marks": [], "data": {} } ] }, { "nodeType": "paragraph", "data": {}, "content": [ { "nodeType": "text", "value": "V-Groove in Deep Ocean", "marks": [], "data": {} } ] }, { "nodeType": "paragraph", "data": {}, "content": [ { "nodeType": "text", "value": "", "marks": [], "data": {} }, { "nodeType": "hyperlink", "data": { "uri": "/product-catalog/exterior-siding-products/hardie-artisan-siding/" }, "content": [ { "nodeType": "text", "value": "View product details", "marks": [], "data": {} } ] }, { "nodeType": "text", "value": "", "marks": [], "data": {} } ] } ] } }, "metadata": { "tags": [] } }, { "sys": { "id": "1kOaN6jQZKO1NBfPVriVFp", "type": "Entry", "space": { "sys": { "type": "Link", "linkType": "Space", "id": "dzi2asncd44t" } }, "createdAt": "2024-03-28T23:54:52.517Z", "updatedAt": "2024-03-29T15:29:26.426Z", "environment": { "sys": { "id": "master", "type": "Link", "linkType": "Environment" } }, "revision": 2, "contentType": { "sys": { "type": "Link", "linkType": "ContentType", "id": "referenceResourceRichField" } }, "locale": "en-US" }, "fields": { "entryTitle": "Hardie® Soffit - Arctic White", "name": "fp-soffit-arctic-white", "value": { "nodeType": "document", "data": {}, "content": [ { "nodeType": "embedded-asset-block", "data": { "target": { "sys": { "id": "1RlsA2QcnWrbPgctkOr8Hm", "type": "Asset", "space": { "sys": { "type": "Link", "linkType": "Space", "id": "dzi2asncd44t" } }, "createdAt": "2024-03-28T16:47:11.817Z", "updatedAt": "2024-03-28T16:47:11.817Z", "environment": { "sys": { "id": "master", "type": "Link", "linkType": "Environment" } }, "revision": 1, "locale": "en-US" }, "fields": { "title": "statement-arctic-white", "description": "", "file": { "url": "//images.ctfassets.net/dzi2asncd44t/1RlsA2QcnWrbPgctkOr8Hm/607fab97da3e870e41f7627435ad8e02/statement-arctic-white.png", "details": { "size": 6137, "image": { "width": 600, "height": 600 } }, "fileName": "statement-arctic-white.png", "contentType": "image/png" } }, "metadata": { "tags": [] } } }, "content": [] }, { "nodeType": "heading-3", "data": {}, "content": [ { "nodeType": "text", "value": "Hardie® Soffit", "marks": [], "data": {} } ] }, { "nodeType": "paragraph", "data": {}, "content": [ { "nodeType": "text", "value": "Arctic White", "marks": [], "data": {} } ] }, { "nodeType": "paragraph", "data": {}, "content": [ { "nodeType": "text", "value": "", "marks": [], "data": {} }, { "nodeType": "hyperlink", "data": { "uri": "/product-catalog/soffit-products/hardie-soffit-panels/" }, "content": [ { "nodeType": "text", "value": "View product details", "marks": [], "data": {} } ] }, { "nodeType": "text", "value": "", "marks": [], "data": {} } ] } ] } }, "metadata": { "tags": [] } } ] } } } ], "tabContent": [ { "type": "rtbCard", "parameters": { "body": { "type": "json", "value": { "data": {}, "content": [ { "data": {}, "content": [ { "data": {}, "marks": [], "value": "Daring heights", "nodeType": "text" } ], "nodeType": "heading-3" }, { "data": {}, "content": [ { "data": {}, "marks": [], "value": "Make a bold statement with your midcentury modern split-level home. Balance the boldness with neutral trim boards, ensuring harmony with the distinctive split-level design.", "nodeType": "text" } ], "nodeType": "paragraph" } ], "nodeType": "document" } }, "image": { "type": "image", "value": "//images.ctfassets.net/dzi2asncd44t/4CI0MZ40SjljjjZ44anaYY/c4adefaee6bb12a46c3a5cc3289a16cf/MCM-split-level-hardie-artisan-v-groove-deep-ocean.jpg" }, "title": { "type": "text", "value": "Bold" } } } ] }, "parameters": { "body": { "type": "json", "value": { "data": {}, "content": [ { "data": {}, "content": [ { "data": {}, "marks": [], "value": "Daring heights", "nodeType": "text" } ], "nodeType": "heading-3" }, { "data": {}, "content": [ { "data": {}, "marks": [], "value": "Make a bold statement with your midcentury modern split-level home. Balance the boldness with neutral trim boards, ensuring harmony with the distinctive split-level design.", "nodeType": "text" } ], "nodeType": "paragraph" } ], "nodeType": "document" } }, "title": { "type": "text", "value": "Bold" } } } ] }, "parameters": { "body": { "type": "text", "value": "Find out how to capture the character of a midcentury modern split-level home in a variety of ways below." }, "title": { "type": "text", "value": "Midcentury modern split-level, three ways" } } } } - Import the component into the file where
<UniformComposition />is defined, for exampleimport "../components/TabsContainer.tsx"
Need more help? Check out the documentation.
Preview your design ideas on a model of your actual home
See how different materials choices can completely change your home's look
Instantly swap out different colors to find your favorite color palette
Feel confident in your design decisions before your project starts
Bring your vision to life
See how beautifully things can come together with the Hover® Design Studio app, brought to you by James Hardie. Using just eight photos of your exterior, Hover® creates a 3D model of your home so you can start designing.
Inspiration meets possibility
Follow James HardieUnknown Component
Received request from Uniform to render a component with the public ID: disclaimerText.
<UniformComposition /> does not have disclaimerText mapped to a React component yet.
To teach your app how to render this component:
- Create a React component and register it with Uniform, for example
function DisclaimerText({ text, theme }) { return ( <div> DisclaimerText! </div> ) } registerUniformComponent({ type: "disclaimerText", component: DisclaimerText })Props that your React component will receive
{ "text": "Hover is a registered trademark of Hover Inc. ", "theme": "dark", "component": { "type": "disclaimerText", "_pattern": "86bfbe85-3e37-4029-ac5e-97b14948d5a6", "parameters": { "text": { "type": "text", "value": "Hover is a registered trademark of Hover Inc. " }, "theme": { "type": "select", "value": "dark" } } } } - Import the component into the file where
<UniformComposition />is defined, for exampleimport "../components/DisclaimerText.tsx"
Need more help? Check out the documentation.
Unable to find Uniform Context. Ensure the devtools plugin is activated.
Get a Quote