Find your shape.
From delicate snowflakes to statement
ornaments: explore six original designs.
@import url(‘https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600;700&family=Inter:wght@400;500;600;700&display=swap’);
#mbb-shop-top {
–cream:#f5efe8;
–gold:#bd8436;
–gold-dark:#a8752f;
–ink:#151515;
–muted:#6d6761;
width:100%;
background:#fff;
color:var(–ink);
font-family:Inter,Arial,sans-serif;
}
#mbb-shop-top *,
#mbb-shop-top *::before,
#mbb-shop-top *::after {
box-sizing:border-box;
}
#mbb-shop-top a {
text-decoration:none;
}
#mbb-shop-top .mbb-nav {
display:flex;
align-items:center;
justify-content:space-between;
flex-wrap:wrap;
gap:24px;
min-height:112px;
padding:20px 5%;
}
#mbb-shop-top .mbb-logo img {
display:block;
width:205px;
max-width:100%;
height:auto;
}
#mbb-shop-top .mbb-menu {
display:flex;
align-items:center;
justify-content:center;
flex-wrap:wrap;
gap:28px;
}
#mbb-shop-top .mbb-menu a {
color:var(–ink);
font-size:14px;
font-weight:500;
padding:10px 0;
}
#mbb-shop-top .mbb-menu a[aria-current=”page”] {
border-bottom:2px solid var(–gold);
}
#mbb-shop-top .mbb-button {
display:inline-flex;
align-items:center;
justify-content:center;
gap:16px;
min-height:52px;
padding:15px 24px;
border:1px solid #111;
border-radius:12px;
background:#111;
color:#fff;
font:500 14px/1.3 Inter,Arial,sans-serif;
text-align:center;
text-decoration:none;
}
#mbb-shop-top .mbb-button-light {
background:#fff;
border-color:#dedede;
color:#111;
}
#mbb-shop-top .mbb-hero {
display:flex;
align-items:center;
min-height:590px;
margin:0 24px;
overflow:hidden;
border-radius:28px;
background-color:var(–cream);
background-image:
linear-gradient(
90deg,
rgba(245,239,232,.99) 0%,
rgba(245,239,232,.95) 30%,
rgba(245,239,232,.68) 48%,
rgba(245,239,232,.10) 68%,
rgba(245,239,232,0) 100%
),
url(‘https://mybrickboutique.com/wp-content/uploads/2026/09/ChatGPT-afbeelding-26-sep-2026-17_41_15.png’);
background-size:cover;
background-position:center right;
}
#mbb-shop-top .mbb-hero-copy {
width:56%;
max-width:800px;
padding:75px 35px 75px 82px;
}
#mbb-shop-top .mbb-kicker {
display:flex;
align-items:center;
gap:16px;
color:var(–gold-dark);
font:600 15px/1.35 Inter,Arial,sans-serif;
letter-spacing:.20em;
text-transform:uppercase;
}
#mbb-shop-top .mbb-star {
flex:0 0 auto;
color:var(–gold);
font-size:28px;
font-weight:400;
line-height:1;
letter-spacing:0;
}
#mbb-shop-top h1 {
margin:28px 0;
color:var(–ink);
font:600 clamp(60px,6vw,92px)/.95
‘Cormorant Garamond’,Georgia,serif;
letter-spacing:-.045em;
}
#mbb-shop-top h1 em {
display:block;
font-weight:400;
}
#mbb-shop-top .mbb-copy {
max-width:550px;
margin:0;
color:#4d4540;
font-size:15px;
line-height:1.8;
}
#mbb-shop-top .mbb-divider {
width:38px;
height:1px;
margin:18px 0;
background:var(–gold);
}
#mbb-shop-top .mbb-actions {
display:flex;
flex-wrap:wrap;
gap:12px;
margin-top:30px;
}
#mbb-shop-top .mbb-magic {
display:grid;
grid-template-columns:1fr 1fr;
align-items:center;
gap:80px;
width:calc(100% – 96px);
max-width:1400px;
margin:90px auto;
}
#mbb-shop-top h2 {
margin:25px 0;
color:var(–ink);
font:600 clamp(44px,4.2vw,62px)/1.01
‘Cormorant Garamond’,Georgia,serif;
letter-spacing:-.035em;
}
#mbb-shop-top h2 em {
font-weight:400;
}
#mbb-shop-top .mbb-magic-copy > p {
margin:0 0 28px;
color:var(–muted);
font-size:15px;
line-height:1.85;
}
#mbb-shop-top .mbb-steps {
padding:8px 32px;
border-radius:24px;
background:var(–cream);
}
#mbb-shop-top .mbb-step {
display:flex;
gap:22px;
padding:27px 0;
border-bottom:1px solid #dfd3c5;
}
#mbb-shop-top .mbb-step:last-child {
border-bottom:0;
}
#mbb-shop-top .mbb-step-number {
color:var(–gold-dark);
font-size:13px;
line-height:2;
}
#mbb-shop-top .mbb-step h3 {
margin:0 0 10px;
color:var(–ink);
font:600 29px/1.1
‘Cormorant Garamond’,Georgia,serif;
}
#mbb-shop-top .mbb-step p {
margin:0;
color:var(–muted);
font-size:13px;
line-height:1.8;
}
#mbb-shop-top .mbb-products-heading {
display:flex;
align-items:flex-end;
justify-content:space-between;
gap:24px;
width:calc(100% – 96px);
max-width:1400px;
margin:0 auto 35px;
padding-top:10px;
border-top:1px solid #eee7de;
scroll-margin-top:24px;
}
#mbb-shop-top .mbb-products-heading h2 {
margin-bottom:12px;
}
#mbb-shop-top .mbb-products-heading p {
margin:0;
color:var(–muted);
font-size:14px;
line-height:1.8;
}
#mbb-shop-top .mbb-season {
color:var(–gold-dark);
font-size:11px;
font-weight:600;
letter-spacing:.12em;
text-transform:uppercase;
}
#mbb-shop-top a:focus-visible {
outline:2px solid var(–gold-dark);
outline-offset:5px;
}
/* Productoverzicht uit de aparte Shortcode-widget. */
.mbb-launch-products {
width:calc(100% – 96px);
max-width:1400px;
margin:0 auto 80px;
font-family:Inter,Arial,sans-serif;
}
.mbb-launch-products ul.products {
display:grid!important;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:30px!important;
margin:0!important;
padding:0!important;
}
.mbb-launch-products ul.products::before,
.mbb-launch-products ul.products::after {
display:none!important;
}
.mbb-launch-products ul.products li.product {
float:none!important;
width:auto!important;
min-width:0;
margin:0!important;
padding:0 0 24px!important;
overflow:hidden;
border:1px solid #eee7de;
border-radius:22px;
background:#fff;
}
.mbb-launch-products ul.products li.product a img {
width:100%;
aspect-ratio:1;
object-fit:contain;
margin:0 0 22px!important;
background:#f8f5f0;
}
.mbb-launch-products .woocommerce-loop-product__title {
margin:0 0 12px!important;
padding:0 22px!important;
color:#151515!important;
font:600 30px/1.1
‘Cormorant Garamond’,Georgia,serif!important;
}
.mbb-launch-products ul.products li.product .price {
display:block;
margin:0 0 18px!important;
padding:0 22px;
color:#a8752f;
font-size:16px;
}
.mbb-launch-products ul.products li.product .button {
display:inline-flex;
margin:0 22px!important;
padding:13px 20px!important;
border-radius:12px!important;
background:#111!important;
color:#fff!important;
font:500 13px/1.4 Inter,Arial,sans-serif!important;
}
@media(max-width:1000px) {
#mbb-shop-top .mbb-nav {
gap:18px;
}
#mbb-shop-top .mbb-menu {
order:3;
width:100%;
gap:24px;
}
#mbb-shop-top .mbb-hero-copy {
width:70%;
padding-left:45px;
}
#mbb-shop-top .mbb-magic {
gap:40px;
}
.mbb-launch-products ul.products {
grid-template-columns:repeat(2,minmax(0,1fr));
}
}
@media(max-width:700px) {
#mbb-shop-top .mbb-nav {
padding:18px 20px;
}
#mbb-shop-top .mbb-logo img {
width:150px;
}
#mbb-shop-top .mbb-nav > .mbb-button {
min-height:42px;
padding:10px 13px;
font-size:12px;
}
#mbb-shop-top .mbb-menu {
gap:10px 20px;
}
#mbb-shop-top .mbb-menu a {
font-size:12px;
}
#mbb-shop-top .mbb-hero {
min-height:690px;
margin:0 14px;
border-radius:20px;
align-items:flex-end;
background-image:
linear-gradient(
0deg,
#f5efe8 0%,
rgba(245,239,232,.99) 40%,
rgba(245,239,232,.78) 58%,
rgba(245,239,232,0) 85%
),
url(‘https://mybrickboutique.com/wp-content/uploads/2026/09/ChatGPT-afbeelding-26-sep-2026-17_41_15.png’);
background-position:67% center;
}
#mbb-shop-top .mbb-hero-copy {
width:100%;
padding:270px 27px 40px;
}
#mbb-shop-top .mbb-kicker {
gap:10px;
font-size:11px;
letter-spacing:.16em;
}
#mbb-shop-top .mbb-star {
font-size:22px;
}
#mbb-shop-top h1 {
font-size:56px;
}
#mbb-shop-top .mbb-copy {
font-size:14px;
}
#mbb-shop-top .mbb-actions {
flex-direction:column;
}
#mbb-shop-top .mbb-magic {
grid-template-columns:1fr;
width:calc(100% – 40px);
margin:60px auto;
gap:30px;
}
#mbb-shop-top .mbb-products-heading {
width:calc(100% – 40px);
align-items:flex-start;
flex-direction:column;
gap:12px;
}
.mbb-launch-products {
width:calc(100% – 40px);
}
}
@media(max-width:480px) {
.mbb-launch-products ul.products {
grid-template-columns:1fr;
}
}
Our first chapter begins with Christmas.
Discover our debut collection of timeless
brick-built ornaments, designed to be
treasured year after year.
And we’re only getting started. From everlasting
bouquets and personalised gifts to creative cards,
home decor and bespoke creations, there’s
so much more to come.
Mix your favourite designs and colourways to
create a Christmas tree that feels like you.
Choose a little keepsake for yourself, or
something special to share.
From delicate snowflakes to statement
ornaments: explore six original designs.
Choose a colourway, then explore its
available variations on the product page.
Hand-built to order. Dispatched within
3–5 working days after payment.
Delivery time is additional.
Six designs. Your favourite colourways.
A little Christmas magic, built with care.
Christmas 2026












/* MBB — SIGNATURE FOOTER */
.mbb-footer {
–mbb-bg:#403831;
–mbb-cream:#f7f0e7;
–mbb-muted:#d0c3b6;
–mbb-gold:#d4aa76;
position:relative;
isolation:isolate;
overflow:hidden;
width:100%;
margin:0;
padding:76px 6% 24px;
border-radius:0!important;
background:var(–mbb-bg);
color:var(–mbb-cream);
font-family:’Inter’,Arial,sans-serif;
}
.mbb-footer *,
.mbb-footer *::before,
.mbb-footer *::after {
box-sizing:border-box;
}
.mbb-footer::before {
content:”;
position:absolute;
z-index:-1;
width:480px;
height:480px;
right:-180px;
top:-220px;
border-radius:50%;
background:radial-gradient(
circle,
rgba(212,170,118,.12),
transparent 70%
);
pointer-events:none;
}
.mbb-footer-inner {
max-width:1320px;
margin:0 auto;
}
.mbb-footer-intro {
text-align:center;
padding-bottom:62px;
}
.mbb-footer-eyebrow {
margin-bottom:20px;
color:var(–mbb-gold);
font-size:11px;
font-weight:600;
letter-spacing:3px;
text-transform:uppercase;
}
.mbb-footer-intro h2 {
margin:0 0 22px;
color:var(–mbb-cream);
font-family:’Cormorant Garamond’,Georgia,serif;
font-size:clamp(48px,6vw,86px);
font-weight:400;
line-height:.98;
letter-spacing:-1.5px;
}
.mbb-footer-intro h2 em {
color:#e6c7a0;
font-weight:400;
font-style:italic;
}
.mbb-footer-intro p {
max-width:490px;
margin:0 auto;
color:var(–mbb-muted);
font-size:14px;
line-height:1.9;
}
.mbb-footer-divider {
height:0;
margin:0;
border:0;
border-top:1px solid rgba(255,255,255,.17);
}
.mbb-footer-grid {
display:grid;
grid-template-columns:1fr 1.15fr 1.1fr 1.5fr;
gap:44px;
padding:52px 0 60px;
}
.mbb-footer-column {
min-width:0;
}
.mbb-footer-column h3 {
margin:0 0 23px;
color:var(–mbb-gold);
font-family:’Inter’,Arial,sans-serif;
font-size:11px;
font-weight:700;
letter-spacing:1.7px;
text-transform:uppercase;
}
.mbb-footer-column a {
display:block;
width:fit-content;
margin-bottom:11px;
color:var(–mbb-muted)!important;
font-size:13px;
line-height:1.7;
text-decoration:none!important;
transition:color .2s;
}
.mbb-footer-column a:hover {
color:#fff!important;
}
.mbb-footer-column p {
margin:0 0 13px;
color:var(–mbb-muted);
font-size:13px;
line-height:1.85;
}
.mbb-footer-column .mbb-footer-email {
color:var(–mbb-cream)!important;
overflow-wrap:anywhere;
}
.mbb-footer-socials {
display:flex;
flex-wrap:wrap;
gap:10px;
margin-top:23px;
}
.mbb-footer-socials a {
display:inline-flex;
align-items:center;
justify-content:center;
width:42px;
height:42px;
margin:0;
border:1px solid rgba(230,199,160,.38);
border-radius:50%;
color:#e6c7a0!important;
transition:background .2s,transform .2s;
}
.mbb-footer-socials a:hover {
background:rgba(230,199,160,.14);
transform:translateY(-3px);
}
.mbb-footer-socials svg {
width:18px;
height:18px;
fill:none;
stroke:currentColor;
stroke-width:1.7;
stroke-linecap:round;
stroke-linejoin:round;
}
.mbb-footer-bottom {
display:flex;
align-items:center;
justify-content:space-between;
gap:20px;
padding-top:24px;
color:#b7aa9e;
font-size:11px;
line-height:1.7;
}
.mbb-footer-bottom p {
margin:0;
color:inherit;
font-size:inherit;
}
.mbb-footer-bottom span {
color:#e6c7a0;
}
.mbb-footer a:focus-visible {
outline:2px solid #e6c7a0;
outline-offset:4px;
}
@media(max-width:980px) {
.mbb-footer-grid {
grid-template-columns:repeat(2,minmax(0,1fr));
gap:40px;
}
}
@media(max-width:600px) {
.mbb-footer {
padding:58px 25px 26px;
}
.mbb-footer-intro {
padding-bottom:48px;
}
.mbb-footer-intro h2 {
font-size:clamp(42px,11vw,51px);
}
.mbb-footer-grid {
gap:38px 20px;
padding:40px 0 45px;
}
.mbb-footer-bottom {
flex-direction:column;
align-items:flex-start;
}
}
@media(max-width:380px) {
.mbb-footer-grid {
grid-template-columns:1fr;
}
}
@media(prefers-reduced-motion:reduce) {
.mbb-footer a {
transition:none;
}
.mbb-footer-socials a:hover {
transform:none;
}
}
footer.mbb-footer .mbb-footer-eyebrow,
footer.mbb-footer .mbb-footer-column > h3 {
font-family:’Inter’,Arial,sans-serif!important;
font-size:15px!important;
font-weight:600!important;
line-height:1.35!important;
letter-spacing:.20em!important;
text-transform:uppercase!important;
color:#d4aa76!important;
}
@media(max-width:700px) {
footer.mbb-footer .mbb-footer-eyebrow,
footer.mbb-footer .mbb-footer-column > h3 {
font-size:11px!important;
letter-spacing:.16em!important;
}
}
Showing all 6 results





