Modern Farmhouse
Modern farmhouse style invites you to design a home that radiates not only warmth, comfort, and a hint of rural charm but also seamlessly integrates the clean lines and practicality of modern living, providing a unique platform for your architectural dream.Exploring modern farmhouse home hallmarks
These key hallmarks prove classic elegance and modern living can harmoniously coexist.
Rustic charm
Modern farmhouse homes often feature the rustic look of board and batten alongside contemporary design, creating a cozy yet stylish atmosphere.
Open concept living
Characterized by spacious, open floor plans, modern farmhouse homes emphasize family gathering spaces and seamless indoor-outdoor living.
Signature porch
A staple of modern farmhouse architecture, the expansive front porch invites relaxation and socializing while adding curb appeal.
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 modern farmhouse home in a variety of ways below.", "title": "Modern farmhouse, 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": "Consider the timeless appeal of board and batten. Its classic look evokes the charm of traditional farmhouses, adding character and authenticity.", "nodeType": "text" } ], "nodeType": "paragraph" } ], "nodeType": "document" } }, "icon": { "type": "select", "value": "house-siding-vertical" }, "name": { "type": "text", "value": "Siding material - Modern Farmhouse 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": "Embrace the charm of tradition and infuse your home with character by selecting earthy and timeless hues like whites, creams, grays, or soft blues.", "nodeType": "text" } ], "nodeType": "paragraph" } ], "nodeType": "document" } }, "icon": { "type": "select", "value": "color-palette-sample" }, "name": { "type": "text", "value": "Color palette - Modern Farmhouse Classic" } } }, { "type": "valuePropositionsCard", "parameters": { "body": { "type": "json", "value": { "data": {}, "content": [ { "data": {}, "content": [ { "data": {}, "marks": [], "value": "Trim detail", "nodeType": "text" } ], "nodeType": "heading-3" }, { "data": {}, "content": [ { "data": {}, "marks": [], "value": "Enrich your design by incorporating spacious trim boards. Consider using white or contrasting trim to infuse captivating visual depth and character.", "nodeType": "text" } ], "nodeType": "paragraph" } ], "nodeType": "document" } }, "icon": { "type": "select", "value": "blueprint-symmetrical" }, "name": { "type": "text", "value": "Trim detail - Modern Farmhouse Classic" } } } ] }, "parameters": { "theme": { "type": "select", "value": "white" } } }, { "type": "featuredProducts", "parameters": { "title": { "type": "text", "value": "Featured products" }, "products": { "type": "json", "value": [ { "sys": { "id": "3KnDWur0RYt05PPcp3sJ6O", "type": "Entry", "publishedVersion": 10, "space": { "sys": { "type": "Link", "linkType": "Space", "id": "dzi2asncd44t" } }, "createdAt": "2024-03-27T08:12:36.832Z", "updatedAt": "2024-03-29T14:36:48.978Z", "environment": { "sys": { "id": "master", "type": "Link", "linkType": "Environment" } }, "revision": 2, "contentType": { "sys": { "type": "Link", "linkType": "ContentType", "id": "referenceResourceRichField" } }, "locale": "en-US" }, "fields": { "entryTitle": "Hardie® Panel - Arctic White", "name": "hardie-panel-arctic-white", "value": { "data": {}, "content": [ { "data": { "target": { "sys": { "id": "67SVDeP7MmPzIE6VgHxBpx", "type": "Asset", "publishedVersion": 3, "space": { "sys": { "type": "Link", "linkType": "Space", "id": "dzi2asncd44t" } }, "createdAt": "2024-03-27T08:08:14.558Z", "updatedAt": "2024-03-27T08:08:14.558Z", "environment": { "sys": { "id": "master", "type": "Link", "linkType": "Environment" } }, "revision": 1, "locale": "en-US" }, "fields": { "title": "statement-arctic-white", "file": { "url": "//images.ctfassets.net/dzi2asncd44t/67SVDeP7MmPzIE6VgHxBpx/c2b67c580f7d85f0a48509e9f2e785b7/statement-arctic-white.png", "details": { "size": 6137, "image": { "width": 600, "height": 600 } }, "fileName": "statement-arctic-white.png", "contentType": "image/png" } }, "metadata": { "tags": [], "concepts": [] } } }, "content": [], "nodeType": "embedded-asset-block" }, { "data": {}, "content": [ { "data": {}, "marks": [], "value": "Hardie® Panel", "nodeType": "text" } ], "nodeType": "heading-3" }, { "data": {}, "content": [ { "data": {}, "marks": [], "value": "Arctic White", "nodeType": "text" } ], "nodeType": "paragraph" }, { "data": {}, "content": [ { "data": {}, "marks": [], "value": "", "nodeType": "text" }, { "data": { "uri": "/product-catalog/exterior-siding-products/hardie-panel-siding/" }, "content": [ { "data": {}, "marks": [], "value": "View product details", "nodeType": "text" } ], "nodeType": "hyperlink" }, { "data": {}, "marks": [], "value": "", "nodeType": "text" } ], "nodeType": "paragraph" } ], "nodeType": "document" } }, "metadata": { "tags": [], "concepts": [] } }, { "sys": { "id": "3BJ1FBcsitQSiAHEaFUz2d", "type": "Entry", "publishedVersion": 14, "space": { "sys": { "type": "Link", "linkType": "Space", "id": "dzi2asncd44t" } }, "createdAt": "2024-03-28T13:24:31.866Z", "updatedAt": "2024-03-29T15:55:24.536Z", "environment": { "sys": { "id": "master", "type": "Link", "linkType": "Environment" } }, "revision": 4, "contentType": { "sys": { "type": "Link", "linkType": "ContentType", "id": "referenceResourceRichField" } }, "locale": "en-US" }, "fields": { "entryTitle": "Hardie® Plank - Arctic White", "name": "fp-plank-arctic-white", "value": { "nodeType": "document", "data": {}, "content": [ { "nodeType": "embedded-asset-block", "data": { "target": { "sys": { "id": "1RlsA2QcnWrbPgctkOr8Hm", "type": "Asset", "publishedVersion": 3, "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": [], "concepts": [] } } }, "content": [] }, { "nodeType": "heading-3", "data": {}, "content": [ { "nodeType": "text", "value": "Hardie® Plank", "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/exterior-siding-products/hardie-plank-lap-siding/" }, "content": [ { "nodeType": "text", "value": "View product details", "marks": [], "data": {} } ] }, { "nodeType": "text", "value": "", "marks": [], "data": {} } ] } ] } }, "metadata": { "tags": [], "concepts": [] } }, { "sys": { "id": "4VPeHd9qmTfhYiEWwMeQSL", "type": "Entry", "publishedVersion": 17, "space": { "sys": { "type": "Link", "linkType": "Space", "id": "dzi2asncd44t" } }, "createdAt": "2024-03-28T13:22:32.637Z", "updatedAt": "2024-03-29T15:55:10.937Z", "environment": { "sys": { "id": "master", "type": "Link", "linkType": "Environment" } }, "revision": 3, "contentType": { "sys": { "type": "Link", "linkType": "ContentType", "id": "referenceResourceRichField" } }, "locale": "en-US" }, "fields": { "entryTitle": "Hardie® Trim - Arctic White", "name": "fp-trim-arctic-white", "value": { "nodeType": "document", "data": {}, "content": [ { "nodeType": "embedded-asset-block", "data": { "target": { "sys": { "id": "1RlsA2QcnWrbPgctkOr8Hm", "type": "Asset", "publishedVersion": 3, "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": [], "concepts": [] } } }, "content": [] }, { "nodeType": "heading-3", "data": {}, "content": [ { "nodeType": "text", "value": "Hardie® Trim", "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/trim-products/hardie-trim-boards/" }, "content": [ { "nodeType": "text", "value": "View product details", "marks": [], "data": {} } ] }, { "nodeType": "text", "value": "", "marks": [], "data": {} } ] } ] } }, "metadata": { "tags": [], "concepts": [] } } ] } } } ], "tabContent": [ { "type": "rtbCard", "parameters": { "body": { "type": "json", "value": { "data": {}, "content": [ { "data": {}, "content": [ { "data": {}, "marks": [], "value": "Nostalgia with a twist", "nodeType": "text" } ], "nodeType": "heading-3" }, { "data": {}, "content": [ { "data": {}, "marks": [], "value": "Classic modern farmhouse style seamlessly intertwines the nostalgia of classic farm living with the functionality of contemporary design. This approach provides a versatile framework for creating homes that exude warmth and an inviting ambiance.", "nodeType": "text" } ], "nodeType": "paragraph" } ], "nodeType": "document" } }, "image": { "type": "image", "value": "//images.ctfassets.net/dzi2asncd44t/5BUjEYTtkH091GhcBD9hkJ/bd7bd5319e7cc75c9c8897118386441a/modern-farmhouse-hardie-panel-batten-trim-arctic-white.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": "Choose board and batten with a touch of plank lap siding for modern farmhouse charm that blends timeless elegance with rustic allure.", "nodeType": "text" } ], "nodeType": "paragraph" } ], "nodeType": "document" } }, "icon": { "type": "select", "value": "house-siding-vertical" }, "name": { "type": "text", "value": "Siding material - Modern Farmhouse 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": "Add a touch of sophistication with a nod to both tradition and modernity via calming grays or warm, inviting beige color choices.", "nodeType": "text" } ], "nodeType": "paragraph" } ], "nodeType": "document" } }, "icon": { "type": "select", "value": "color-palette-sample" }, "name": { "type": "text", "value": "Color palette - Modern Farmhouse Elegant" } } }, { "type": "valuePropositionsCard", "parameters": { "body": { "type": "json", "value": { "data": {}, "content": [ { "data": {}, "content": [ { "data": {}, "marks": [], "value": "Transitional trim", "nodeType": "text" } ], "nodeType": "heading-3" }, { "data": {}, "content": [ { "data": {}, "marks": [], "value": "Harmonize your space by blending traditional and modern aesthetics. Combine classic crown moulds with sleek, minimalist trims for a design that strikes a perfect balance.", "nodeType": "text" } ], "nodeType": "paragraph" } ], "nodeType": "document" } }, "icon": { "type": "select", "value": "blueprint-symmetrical" }, "name": { "type": "text", "value": "Transitional trim - Modern Farmhouse Elegant" } } } ] }, "parameters": { "theme": { "type": "select", "value": "white" } } }, { "type": "featuredProducts", "parameters": { "title": { "type": "text", "value": "Featured products" }, "products": { "type": "json", "value": [ { "sys": { "id": "2bsSiXlSKT9UdQFRHtK70x", "type": "Entry", "publishedVersion": 4, "space": { "sys": { "type": "Link", "linkType": "Space", "id": "dzi2asncd44t" } }, "createdAt": "2024-03-29T16:27:24.533Z", "updatedAt": "2024-03-29T16:27:24.533Z", "environment": { "sys": { "id": "master", "type": "Link", "linkType": "Environment" } }, "revision": 1, "contentType": { "sys": { "type": "Link", "linkType": "ContentType", "id": "referenceResourceRichField" } }, "locale": "en-US" }, "fields": { "entryTitle": "Hardie® Panel - Night Gray", "name": "fp-panel-night-gray", "value": { "nodeType": "document", "data": {}, "content": [ { "nodeType": "embedded-asset-block", "data": { "target": { "sys": { "id": "1luuL1mjee1TrRW33ND04i", "type": "Asset", "publishedVersion": 3, "space": { "sys": { "type": "Link", "linkType": "Space", "id": "dzi2asncd44t" } }, "createdAt": "2024-03-29T16:27:21.370Z", "updatedAt": "2024-03-29T16:27:21.370Z", "environment": { "sys": { "id": "master", "type": "Link", "linkType": "Environment" } }, "revision": 1, "locale": "en-US" }, "fields": { "title": "statement-night-gray", "description": "", "file": { "url": "//images.ctfassets.net/dzi2asncd44t/1luuL1mjee1TrRW33ND04i/61aca8c5769a4d78d6f185694951ef5a/statement-night-gray.png", "details": { "size": 6133, "image": { "width": 600, "height": 600 } }, "fileName": "statement-night-gray.png", "contentType": "image/png" } }, "metadata": { "tags": [], "concepts": [] } } }, "content": [] }, { "nodeType": "heading-3", "data": {}, "content": [ { "nodeType": "text", "value": "Hardie® Panel", "marks": [], "data": {} } ] }, { "nodeType": "paragraph", "data": {}, "content": [ { "nodeType": "text", "value": "Night Gray", "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": [], "concepts": [] } }, { "sys": { "id": "2Hb47c2mwPxmqnthB8C5zZ", "type": "Entry", "publishedVersion": 5, "space": { "sys": { "type": "Link", "linkType": "Space", "id": "dzi2asncd44t" } }, "createdAt": "2024-03-29T16:28:32.497Z", "updatedAt": "2024-03-29T16:28:32.497Z", "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 - Night Gray", "name": "fp-batten-night-gray", "value": { "nodeType": "document", "data": {}, "content": [ { "nodeType": "embedded-asset-block", "data": { "target": { "sys": { "id": "1luuL1mjee1TrRW33ND04i", "type": "Asset", "publishedVersion": 3, "space": { "sys": { "type": "Link", "linkType": "Space", "id": "dzi2asncd44t" } }, "createdAt": "2024-03-29T16:27:21.370Z", "updatedAt": "2024-03-29T16:27:21.370Z", "environment": { "sys": { "id": "master", "type": "Link", "linkType": "Environment" } }, "revision": 1, "locale": "en-US" }, "fields": { "title": "statement-night-gray", "description": "", "file": { "url": "//images.ctfassets.net/dzi2asncd44t/1luuL1mjee1TrRW33ND04i/61aca8c5769a4d78d6f185694951ef5a/statement-night-gray.png", "details": { "size": 6133, "image": { "width": 600, "height": 600 } }, "fileName": "statement-night-gray.png", "contentType": "image/png" } }, "metadata": { "tags": [], "concepts": [] } } }, "content": [] }, { "nodeType": "heading-3", "data": {}, "content": [ { "nodeType": "text", "value": "Hardie® Trim Batten", "marks": [], "data": {} } ] }, { "nodeType": "paragraph", "data": {}, "content": [ { "nodeType": "text", "value": "Night Gray", "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": [], "concepts": [] } }, { "sys": { "id": "1zEqBQ5qEgLWmsa4zdfW1s", "type": "Entry", "publishedVersion": 8, "space": { "sys": { "type": "Link", "linkType": "Space", "id": "dzi2asncd44t" } }, "createdAt": "2024-03-29T14:30:19.639Z", "updatedAt": "2024-03-29T16:29:04.873Z", "environment": { "sys": { "id": "master", "type": "Link", "linkType": "Environment" } }, "revision": 2, "contentType": { "sys": { "type": "Link", "linkType": "ContentType", "id": "referenceResourceRichField" } }, "locale": "en-US" }, "fields": { "entryTitle": "Hardie® Trim - Midnight Black", "name": "fp-trim-midnight-black", "value": { "nodeType": "document", "data": {}, "content": [ { "nodeType": "embedded-asset-block", "data": { "target": { "sys": { "id": "5YhSMyCAzGyWMzaFgqqcMD", "type": "Asset", "publishedVersion": 3, "space": { "sys": { "type": "Link", "linkType": "Space", "id": "dzi2asncd44t" } }, "createdAt": "2024-03-29T14:30:05.485Z", "updatedAt": "2024-03-29T14:30:05.485Z", "environment": { "sys": { "id": "master", "type": "Link", "linkType": "Environment" } }, "revision": 1, "locale": "en-US" }, "fields": { "title": "statement-midnight-black", "description": "", "file": { "url": "//images.ctfassets.net/dzi2asncd44t/5YhSMyCAzGyWMzaFgqqcMD/30f8daa8c5a6ffa63db9946418b9a6dc/statement-midnight-black.png", "details": { "size": 6131, "image": { "width": 600, "height": 600 } }, "fileName": "statement-midnight-black.png", "contentType": "image/png" } }, "metadata": { "tags": [], "concepts": [] } } }, "content": [] }, { "nodeType": "heading-3", "data": {}, "content": [ { "nodeType": "text", "value": "Hardie® Trim", "marks": [], "data": {} } ] }, { "nodeType": "paragraph", "data": {}, "content": [ { "nodeType": "text", "value": "Midnight Black", "marks": [], "data": {} } ] }, { "nodeType": "paragraph", "data": {}, "content": [ { "nodeType": "text", "value": "", "marks": [], "data": {} }, { "nodeType": "hyperlink", "data": { "uri": "/product-catalog/trim-products/hardie-trim-boards/" }, "content": [ { "nodeType": "text", "value": "View product details", "marks": [], "data": {} } ] }, { "nodeType": "text", "value": "", "marks": [], "data": {} } ] } ] } }, "metadata": { "tags": [], "concepts": [] } } ] } } } ], "tabContent": [ { "type": "rtbCard", "parameters": { "body": { "type": "json", "value": { "data": {}, "content": [ { "data": {}, "content": [ { "data": {}, "marks": [], "value": "Redefining rustic", "nodeType": "text" } ], "nodeType": "heading-3" }, { "data": {}, "content": [ { "data": {}, "marks": [], "value": "Embark on a design journey that seamlessly melds the timeless charm of a farmhouse with the clean lines and contemporary sensibilities of modern architecture. Embrace the best of both worlds, where rustic warmth harmonizes with sleek simplicity.", "nodeType": "text" } ], "nodeType": "paragraph" } ], "nodeType": "document" } }, "image": { "type": "image", "value": "//images.ctfassets.net/dzi2asncd44t/46ehYKPZTfqRzex8mtmbZH/4f44783a02fe02cf96b59f6cff6282b6/modern-farmhouse-hardie-panel-batten-night-gray-hardie-trim-midnight-black.jpg" }, "title": { "type": "text", "value": "Elegant" } } } ] }, "parameters": { "body": { "type": "json", "value": { "data": {}, "content": [ { "data": {}, "content": [ { "data": {}, "marks": [], "value": "Redefining rustic", "nodeType": "text" } ], "nodeType": "heading-3" }, { "data": {}, "content": [ { "data": {}, "marks": [], "value": "Embark on a design journey that seamlessly melds the timeless charm of a farmhouse with the clean lines and contemporary sensibilities of modern architecture. Embrace the best of both worlds, where rustic warmth harmonizes with sleek simplicity.", "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": "Consider smooth siding that adds depth and visual interest, such as board-and-batten or shiplap styles, providing a dynamic contrast to the traditional farmhouse aesthetic.", "marks": [], "data": {} } ] } ] } }, "icon": { "type": "select", "value": "house-siding-vertical" }, "name": { "type": "text", "value": "Siding material - Modern Farmhouse Bold" } } }, { "type": "valuePropositionsCard", "parameters": { "body": { "type": "json", "value": { "nodeType": "document", "data": {}, "content": [ { "nodeType": "heading-3", "data": {}, "content": [ { "nodeType": "text", "value": "Color palette", "marks": [], "data": {} } ] }, { "nodeType": "paragraph", "data": {}, "content": [ { "nodeType": "text", "value": "Seize the bold beauty of modern farmhouse living. Embrace the allure of deep, rich hues like midnight blue, forest green, or charcoal gray to infuse a sense of drama into your farmhouse facade.", "marks": [], "data": {} } ] } ] } }, "icon": { "type": "select", "value": "color-palette-sample" }, "name": { "type": "text", "value": "Color palette - Modern Farmhouse Bold" } } }, { "type": "valuePropositionsCard", "parameters": { "body": { "type": "json", "value": { "data": {}, "content": [ { "data": {}, "content": [ { "data": {}, "marks": [], "value": "Dynamic layout", "nodeType": "text" } ], "nodeType": "heading-3" }, { "data": {}, "content": [ { "data": {}, "marks": [], "value": "Experiment with asymmetrical placements, juxtaposing classic and modern features, or incorporate bold geometric shapes and lines to create a layout that captivates and inspires.", "nodeType": "text" } ], "nodeType": "paragraph" } ], "nodeType": "document" } }, "icon": { "type": "select", "value": "blueprint-symmetrical" }, "name": { "type": "text", "value": "Dynamic layout - Modern Farmhouse Bold" } } } ] }, "parameters": { "theme": { "type": "select", "value": "white" } } }, { "type": "featuredProducts", "parameters": { "title": { "type": "text", "value": "Featured products" }, "products": { "type": "json", "value": [ { "sys": { "id": "1El9CDPXBzLrghiyFrYdUD", "type": "Entry", "publishedVersion": 5, "space": { "sys": { "type": "Link", "linkType": "Space", "id": "dzi2asncd44t" } }, "createdAt": "2024-03-29T16:35:31.479Z", "updatedAt": "2024-03-29T16:35:31.479Z", "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 - Evening Blue", "name": "fp-plank-evening-blue", "value": { "nodeType": "document", "data": {}, "content": [ { "nodeType": "embedded-asset-block", "data": { "target": { "sys": { "id": "5ijIGRhZq4G7pWO1CWBVw", "type": "Asset", "publishedVersion": 3, "space": { "sys": { "type": "Link", "linkType": "Space", "id": "dzi2asncd44t" } }, "createdAt": "2024-03-29T16:35:28.598Z", "updatedAt": "2024-03-29T16:35:28.598Z", "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/5ijIGRhZq4G7pWO1CWBVw/f724cb1441f34ac4e49de56ea3f9fd15/statement-evening-blue.png", "details": { "size": 6136, "image": { "width": 600, "height": 600 } }, "fileName": "statement-evening-blue.png", "contentType": "image/png" } }, "metadata": { "tags": [], "concepts": [] } } }, "content": [] }, { "nodeType": "heading-3", "data": {}, "content": [ { "nodeType": "text", "value": "Hardie® Plank", "marks": [], "data": {} } ] }, { "nodeType": "paragraph", "data": {}, "content": [ { "nodeType": "text", "value": "Evening Blue", "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": [], "concepts": [] } }, { "sys": { "id": "3cmz7X46IxSUc4tJMH63eO", "type": "Entry", "publishedVersion": 4, "space": { "sys": { "type": "Link", "linkType": "Space", "id": "dzi2asncd44t" } }, "createdAt": "2024-03-29T16:36:36.505Z", "updatedAt": "2024-03-29T16:36:36.505Z", "environment": { "sys": { "id": "master", "type": "Link", "linkType": "Environment" } }, "revision": 1, "contentType": { "sys": { "type": "Link", "linkType": "ContentType", "id": "referenceResourceRichField" } }, "locale": "en-US" }, "fields": { "entryTitle": "Hardie® Panel - Evening Blue", "name": "hardie-panel-evening-blue", "value": { "nodeType": "document", "data": {}, "content": [ { "nodeType": "embedded-asset-block", "data": { "target": { "sys": { "id": "5ijIGRhZq4G7pWO1CWBVw", "type": "Asset", "publishedVersion": 3, "space": { "sys": { "type": "Link", "linkType": "Space", "id": "dzi2asncd44t" } }, "createdAt": "2024-03-29T16:35:28.598Z", "updatedAt": "2024-03-29T16:35:28.598Z", "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/5ijIGRhZq4G7pWO1CWBVw/f724cb1441f34ac4e49de56ea3f9fd15/statement-evening-blue.png", "details": { "size": 6136, "image": { "width": 600, "height": 600 } }, "fileName": "statement-evening-blue.png", "contentType": "image/png" } }, "metadata": { "tags": [], "concepts": [] } } }, "content": [] }, { "nodeType": "heading-3", "data": {}, "content": [ { "nodeType": "text", "value": "Hardie® Panel", "marks": [], "data": {} } ] }, { "nodeType": "paragraph", "data": {}, "content": [ { "nodeType": "text", "value": "Evening Blue", "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": [], "concepts": [] } }, { "sys": { "id": "4VPeHd9qmTfhYiEWwMeQSL", "type": "Entry", "publishedVersion": 17, "space": { "sys": { "type": "Link", "linkType": "Space", "id": "dzi2asncd44t" } }, "createdAt": "2024-03-28T13:22:32.637Z", "updatedAt": "2024-03-29T15:55:10.937Z", "environment": { "sys": { "id": "master", "type": "Link", "linkType": "Environment" } }, "revision": 3, "contentType": { "sys": { "type": "Link", "linkType": "ContentType", "id": "referenceResourceRichField" } }, "locale": "en-US" }, "fields": { "entryTitle": "Hardie® Trim - Arctic White", "name": "fp-trim-arctic-white", "value": { "nodeType": "document", "data": {}, "content": [ { "nodeType": "embedded-asset-block", "data": { "target": { "sys": { "id": "1RlsA2QcnWrbPgctkOr8Hm", "type": "Asset", "publishedVersion": 3, "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": [], "concepts": [] } } }, "content": [] }, { "nodeType": "heading-3", "data": {}, "content": [ { "nodeType": "text", "value": "Hardie® Trim", "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/trim-products/hardie-trim-boards/" }, "content": [ { "nodeType": "text", "value": "View product details", "marks": [], "data": {} } ] }, { "nodeType": "text", "value": "", "marks": [], "data": {} } ] } ] } }, "metadata": { "tags": [], "concepts": [] } } ] } } } ], "tabContent": [ { "type": "rtbCard", "parameters": { "body": { "type": "json", "value": { "data": {}, "content": [ { "data": {}, "content": [ { "data": {}, "marks": [], "value": "The bold frontier", "nodeType": "text" } ], "nodeType": "heading-3" }, { "data": {}, "content": [ { "data": {}, "marks": [], "value": "Embrace the extraordinary in your farmhouse aesthetic and let your home become a bold statement of architectural prowess and individuality. This approach redefines the traditional farmhouse concept, infusing it with daring elements that demand attention.", "nodeType": "text" } ], "nodeType": "paragraph" } ], "nodeType": "document" } }, "image": { "type": "image", "value": "//images.ctfassets.net/dzi2asncd44t/4FzzQgdQmlbchy0IbTPOat/5414f4cd4fff70e9c58c433307a6b00a/modern-farmhouse-hardie-panel-batten-trim-arctic-white.jpg" }, "title": { "type": "text", "value": "Bold" } } } ] }, "parameters": { "body": { "type": "json", "value": { "data": {}, "content": [ { "data": {}, "content": [ { "data": {}, "marks": [], "value": "The bold frontier", "nodeType": "text" } ], "nodeType": "heading-3" }, { "data": {}, "content": [ { "data": {}, "marks": [], "value": "Embrace the extraordinary in your farmhouse aesthetic and let your home become a bold statement of architectural prowess and individuality. This approach redefines the traditional farmhouse concept, infusing it with daring elements that demand attention.", "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 modern farmhouse home in a variety of ways below." }, "title": { "type": "text", "value": "Modern farmhouse, 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. Hardie® siding complies with ASTM E136 as a noncombustible cladding and with ASTM E84 for surface burning characteristics of building materials.", "theme": "dark", "component": { "type": "disclaimerText", "_pattern": "86bfbe85-3e37-4029-ac5e-97b14948d5a6", "parameters": { "text": { "type": "text", "value": "Hover is a registered trademark of Hover Inc. Hardie® siding complies with ASTM E136 as a noncombustible cladding and with ASTM E84 for surface burning characteristics of building materials." }, "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.