Royale Bricks

@font-face { font-family: Poppins; font-weight: 400; font-style: normal; font-display: swap; src: url("//clashbrick.com/cdn/fonts/poppins/poppins_n4.0ba78fa5af9b0e1a374041b3ceaadf0a43b41362.woff2?h1=MGk2MWl2LWFrLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=Y2xhc2hicmljay5jb20&hmac=7853b1783ab0e81fa25bd2ec9a69bf875124232011402eb4d43d222f64b60285") format("woff2"), url("//clashbrick.com/cdn/fonts/poppins/poppins_n4.214741a72ff2596839fc9760ee7a770386cf16ca.woff?h1=MGk2MWl2LWFrLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=Y2xhc2hicmljay5jb20&hmac=45d628ae6c3dff73e63bb6029f5ab2b781fb3e8ae077da5f8f5a8194c37706c3") format("woff"); } @font-face { font-family: Poppins; font-weight: 700; font-style: normal; font-display: swap; src: url("//clashbrick.com/cdn/fonts/poppins/poppins_n7.56758dcf284489feb014a026f3727f2f20a54626.woff2?h1=MGk2MWl2LWFrLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=Y2xhc2hicmljay5jb20&hmac=511bc1831fc9382de19ad6a54b1dceefd1fd5ffcaec7847c3d5deeb689044c6c") format("woff2"), url("//clashbrick.com/cdn/fonts/poppins/poppins_n7.f34f55d9b3d3205d2cd6f64955ff4b36f0cfd8da.woff?h1=MGk2MWl2LWFrLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=Y2xhc2hicmljay5jb20&hmac=51ff8b595f6a905125e4552220883b145e5216e32c5f6bdcff0a0bbb00aa25ba") format("woff"); } @font-face { font-family: Poppins; font-weight: 400; font-style: italic; font-display: swap; src: url("//clashbrick.com/cdn/fonts/poppins/poppins_i4.846ad1e22474f856bd6b81ba4585a60799a9f5d2.woff2?h1=MGk2MWl2LWFrLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=Y2xhc2hicmljay5jb20&hmac=9090b1eb885e37e3150a6d1b0148a23e5c5dce3c5af82ba1529b539605fdc53b") format("woff2"), url("//clashbrick.com/cdn/fonts/poppins/poppins_i4.56b43284e8b52fc64c1fd271f289a39e8477e9ec.woff?h1=MGk2MWl2LWFrLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=Y2xhc2hicmljay5jb20&hmac=2ef0cd151af6b2e5373960a24ef23b986c890fe4adcd286e1f11d64e7daaebb8") format("woff"); } @font-face { font-family: Poppins; font-weight: 700; font-style: italic; font-display: swap; src: url("//clashbrick.com/cdn/fonts/poppins/poppins_i7.42fd71da11e9d101e1e6c7932199f925f9eea42d.woff2?h1=MGk2MWl2LWFrLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=Y2xhc2hicmljay5jb20&hmac=eec71143913b871c64863e246fdd5cca75f4a381c2c53497d1deb5f99e84beb9") format("woff2"), url("//clashbrick.com/cdn/fonts/poppins/poppins_i7.ec8499dbd7616004e21155106d13837fff4cf556.woff?h1=MGk2MWl2LWFrLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=Y2xhc2hicmljay5jb20&hmac=d54e1aea00afb6b3a78cc5ca4673bfb422d28974d25cc8a52184888bec12cb43") format("woff"); } :root { --font-body-family: Poppins, sans-serif; --font-body-style: normal; --font-body-weight: 400; --font-body-weight-bold: 700; } @font-face { font-family: Poppins; font-weight: 700; font-style: normal; font-display: swap; src: url("//clashbrick.com/cdn/fonts/poppins/poppins_n7.56758dcf284489feb014a026f3727f2f20a54626.woff2?h1=MGk2MWl2LWFrLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=Y2xhc2hicmljay5jb20&hmac=511bc1831fc9382de19ad6a54b1dceefd1fd5ffcaec7847c3d5deeb689044c6c") format("woff2"), url("//clashbrick.com/cdn/fonts/poppins/poppins_n7.f34f55d9b3d3205d2cd6f64955ff4b36f0cfd8da.woff?h1=MGk2MWl2LWFrLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=Y2xhc2hicmljay5jb20&hmac=51ff8b595f6a905125e4552220883b145e5216e32c5f6bdcff0a0bbb00aa25ba") format("woff"); } :root { --font-heading-family: Poppins, sans-serif; --font-heading-style: normal; --font-heading-weight: 700; } :root { --font-body-scale: 1.0; --font-heading-scale: 1.3; --font-heading-line-height: 0.3; --font-heading-letter-spacing: 0.06rem; --color-base-text: 18, 18, 18; --color-shadow: 18, 18, 18; --color-base-background-1: 255, 255, 255; --color-base-background-2: 243, 243, 243; --color-base-solid-button-labels: 255, 255, 255; --color-base-outline-button-labels: 109, 56, 139; --color-base-accent-1: 51, 139, 74; --color-base-accent-2: 51, 139, 74; --payment-terms-background-color: #ffffff; --gradient-base-background-1: #ffffff; --gradient-base-background-2: #f3f3f3; --gradient-base-accent-1: #338b4a; --gradient-base-accent-2: linear-gradient(54deg, rgba(109, 56, 139, 1) 14%, rgba(105, 14, 14, 1) 85%); --media-padding: px; --media-border-opacity: 0.1; --media-border-width: 0px; --media-radius: 12px; --media-shadow-opacity: 0.0; --media-shadow-horizontal-offset: 0px; --media-shadow-vertical-offset: 0px; --media-shadow-blur-radius: 20px; --media-shadow-visible: 0; --page-width: 140rem; --page-width-margin: 0rem; --product-card-image-padding: 0.0rem; --product-card-corner-radius: 1.2rem; --product-card-text-alignment: center; --product-card-border-width: 0.0rem; --product-card-border-opacity: 0.1; --product-card-shadow-opacity: 0.1; --product-card-shadow-visible: 1; --product-card-shadow-horizontal-offset: 0.2rem; --product-card-shadow-vertical-offset: 0.6rem; --product-card-shadow-blur-radius: 1.5rem; --collection-card-image-padding: 0.0rem; --collection-card-corner-radius: 1.2rem; --collection-card-text-alignment: center; --collection-card-border-width: 0.0rem; --collection-card-border-opacity: 0.1; --collection-card-shadow-opacity: 0.05; --collection-card-shadow-visible: 1; --collection-card-shadow-horizontal-offset: 0.2rem; --collection-card-shadow-vertical-offset: 0.6rem; --collection-card-shadow-blur-radius: 1.5rem; --blog-card-image-padding: 0.0rem; --blog-card-corner-radius: 1.2rem; --blog-card-text-alignment: center; --blog-card-border-width: 0.0rem; --blog-card-border-opacity: 0.1; --blog-card-shadow-opacity: 0.05; --blog-card-shadow-visible: 1; --blog-card-shadow-horizontal-offset: 1.0rem; --blog-card-shadow-vertical-offset: 1.0rem; --blog-card-shadow-blur-radius: 3.5rem; --badge-corner-radius: 0.6rem; --slider-arrow-size: 3.0rem; --slider-arrow-border-radius: 50.0%; --slider-arrow-icon-size: 0.6em; --pagination-dot-width: 6px; --pagination-dot-height: 6px; --pagination-dot-active-scale: 1.5; --pagination-dot-spacing: 12px; --pagination-dot-radius: 5px; --popup-border-width: 1px; --popup-border-opacity: 0.1; --popup-corner-radius: 14px; --popup-shadow-opacity: 0.1; --popup-shadow-horizontal-offset: 10px; --popup-shadow-vertical-offset: 12px; --popup-shadow-blur-radius: 20px; --drawer-border-width: 1px; --drawer-border-opacity: 0.1; --drawer-shadow-opacity: 0.0; --drawer-shadow-horizontal-offset: 0px; --drawer-shadow-vertical-offset: 4px; --drawer-shadow-blur-radius: 5px; --spacing-sections-desktop: 0px; --spacing-sections-mobile: 0px; --grid-desktop-vertical-spacing: 40px; --grid-desktop-horizontal-spacing: 40px; --grid-mobile-vertical-spacing: 20px; --grid-mobile-horizontal-spacing: 20px; --text-boxes-border-opacity: 0.1; --text-boxes-border-width: 0px; --text-boxes-radius: 24px; --text-boxes-shadow-opacity: 0.0; --text-boxes-shadow-visible: 0; --text-boxes-shadow-horizontal-offset: 10px; --text-boxes-shadow-vertical-offset: 12px; --text-boxes-shadow-blur-radius: 20px; --buttons-radius: 6px; --buttons-radius-outset: 8px; --buttons-border-width: 2px; --buttons-border-opacity: 1.0; --buttons-shadow-opacity: 0.0; --buttons-shadow-visible: 0; --buttons-shadow-horizontal-offset: 0px; --buttons-shadow-vertical-offset: 4px; --buttons-shadow-blur-radius: 5px; --buttons-border-offset: 0.3px; --swatches-radius: 50.0%; --swatches-border-opacity: 0.0; --swatches-selected-border-opacity: 0.5; --pickers-overlay-opacity: 0.08; --pickers-radius: 8px; --pickers-small-radius: 3.2px; --pickers-border-width: 1px; --pickers-border-color: var(--color-base-accent-1); --pickers-border-opacity: 0.2; --pickers-shadow-opacity: 0.0; --pickers-shadow-horizontal-offset: 0px; --pickers-margin-offset: 0px; --pickers-shadow-vertical-offset: 0px; --pickers-shadow-blur-radius: 0px; --pickers-radius-outset: 9px; --pickers-hover-overlay-opacity: 0.1; --pickers-hover-border-opacity: 0.55; --quantity-overlay-opacity: 0.06; --quantity-radius: 8px; --quantity-small-radius: 3.2px; --quantity-border-width: 1px; --quantity-border-color: var(--color-base-accent-1); --quantity-border-opacity: 0.2; --quantity-shadow-opacity: 0.0; --quantity-shadow-horizontal-offset: 0px; --quantity-margin-offset: 0px; --quantity-shadow-vertical-offset: 0px; --quantity-shadow-blur-radius: 0px; --quantity-radius-outset: 9px; --quantity-hover-overlay-opacity: 0.06; --quantity-hover-border-opacity: 0.15; --inputs-radius: 6px; --inputs-border-width: 1px; --inputs-border-opacity: 0.6; --inputs-shadow-opacity: 0.0; --inputs-shadow-horizontal-offset: 0px; --inputs-margin-offset: 0px; --inputs-shadow-vertical-offset: 6px; --inputs-shadow-blur-radius: 5px; --inputs-radius-outset: 7px; --inputs-hover-border-opacity: 1; --variant-pills-inactive-overlay-opacity: 0.0; --variant-pills-text-size: 1.4rem; --variant-pills-padding-y: 1.0rem; --variant-pills-padding-x: 2.0rem; --variant-pills-radius: 40px; --variant-pills-border-width: 1px; --variant-pills-border-opacity: 0.55; --variant-pills-shadow-opacity: 0.0; --variant-pills-shadow-horizontal-offset: 0px; --variant-pills-shadow-vertical-offset: 4px; --variant-pills-shadow-blur-radius: 5px; } *, *::before, *::after { box-sizing: inherit; } html { box-sizing: border-box; font-size: calc(var(--font-body-scale) * 62.5%); height: 100%; } body { display: grid; grid-template-rows: auto auto 1fr auto;grid-template-rows: auto auto auto 1fr auto;grid-template-columns: 100%; min-height: 100%; margin: 0; overflow-x: hidden; font-size: 1.5rem; letter-spacing: 0.06em; line-height: calc(1 + 0.8 / var(--font-body-scale)); font-family: var(--font-body-family); font-style: var(--font-body-style); font-weight: var(--font-body-weight); } .animate-section { --animation-duration: 650ms; --init-delay: 150ms; --child-delay: 150ms; } .animate-section.animate--hidden .animate-item { opacity: 0; filter: blur(1px); transform: translate(0%, 0%) scale(100%); } .animate-section.animate--shown .animate-item { opacity: 1; filter: blur(0); transform: none; transition: opacity var(--animation-duration) var(--init-delay), filter var(--animation-duration) var(--init-delay),transform var(--animation-duration) var(--init-delay); } .animate-section.animate--shown .animate-item.animate-item--child { transition-delay: calc( var(--init-delay) + (var(--child-delay) * var(--index)) ); } @media screen and (min-width: 750px) { body { font-size: 1.6rem; } } /* fallback */ @font-face { font-family: 'Material Symbols Outlined'; src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v141/kJF4BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzBwG-RpA6RzaxHMPdY40KH8nGzv3fzfVJU22ZZLsYEpzC_1qmr5Y0.woff2) format('woff2'); font-style: normal; font-weight: 300; font-display: block; } .material-symbols-outlined { font-family: 'Material Symbols Outlined'; font-weight: normal; font-style: normal; font-size: 24px; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-feature-settings: 'liga'; -webkit-font-smoothing: antialiased; max-width: 1em; overflow: hidden; flex-shrink: 0; font-variation-settings: 'FILL' 0, 'wght' 300, 'GRAD' 0, 'opsz' 48; vertical-align: bottom; } .material-symbols-outlined.filled { font-variation-settings: 'FILL' 1 }

SALE ENDING TONIGHT!

FREE WORLDWIDE SHIPPING!

SALE ENDING TONIGHT!

FREE WORLDWIDE SHIPPING!

SALE ENDING TONIGHT!

FREE WORLDWIDE SHIPPING!

SALE ENDING TONIGHT!

FREE WORLDWIDE SHIPPING!

SALE ENDING TONIGHT!

FREE WORLDWIDE SHIPPING!

SALE ENDING TONIGHT!

FREE WORLDWIDE SHIPPING!

SALE ENDING TONIGHT!

FREE WORLDWIDE SHIPPING!

SALE ENDING TONIGHT!

FREE WORLDWIDE SHIPPING!

SALE ENDING TONIGHT!

FREE WORLDWIDE SHIPPING!

SALE ENDING TONIGHT!

FREE WORLDWIDE SHIPPING!

SALE ENDING TONIGHT!

FREE WORLDWIDE SHIPPING!

SALE ENDING TONIGHT!

FREE WORLDWIDE SHIPPING!

SALE ENDING TONIGHT!

FREE WORLDWIDE SHIPPING!

SALE ENDING TONIGHT!

FREE WORLDWIDE SHIPPING!

SALE ENDING TONIGHT!

FREE WORLDWIDE SHIPPING!

SALE ENDING TONIGHT!

FREE WORLDWIDE SHIPPING!

Comparison table

Talk about how and why is your brand better than the others.

	Royale Bricks	Others
Benefit
Benefit
Benefit

Icon bar

check_circle

Icon
Pair text with an icon to focus on your chosen product, collection, or blog post
check_circle

Icon
Pair text with an icon to focus on your chosen product, collection, or blog post
check_circle

Icon
Pair text with an icon to focus on your chosen product, collection, or blog post
check_circle

Icon
Pair text with an icon to focus on your chosen product, collection, or blog post

Results

Talk about results of your customers and how your product improved their life.

Results heading

90%

Noticed that this product has significantly improved their life.

90%

Noticed that this product has significantly improved their life.

90%

Noticed that this product has significantly improved their life.

Caption about the results and/or link for their proof.

Contact form

Name

Email

Phone number

Comment