body[data-site-short-code="mockwin"]{
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
text-rendering:optimizeLegibility;
}
body[data-site-short-code="mockwin"] main#main-content{
overflow-x:clip;
max-width:100%;
}
body[data-site-short-code="mockwin"] .section-container{
max-width:100%;
box-sizing:border-box;
}
body[data-site-short-code="mockwin"] .mw-hd{
background:rgba(255,255,255,.92)!important;
-webkit-backdrop-filter:saturate(180%) blur(18px)!important;
backdrop-filter:saturate(180%) blur(18px)!important;
border-bottom:1px solid rgba(76,29,149,.08)!important;
box-shadow:0 1px 0 rgba(255,255,255,.8),0 12px 40px -28px rgba(49,27,107,.35)!important;
}
body[data-site-short-code="mockwin"] .mw-hd-bar{
max-width:min(1240px,94vw)!important;
padding-block:12px!important;
}
body[data-site-short-code="mockwin"] .mw-hd-nav a{
font-weight:600!important;
letter-spacing:.01em!important;
}
body[data-site-short-code="mockwin"] .mw-hd-signup,
body[data-site-short-code="mockwin"] .mw-hd-account{
border-radius:999px!important;
padding:.72rem 1.25rem!important;
box-shadow:0 10px 28px -12px rgba(76,29,149,.55)!important;
}
body[data-site-short-code="mockwin"] .mw-hero-premium-v3{
padding-block:clamp(2.25rem,5vw,3.75rem)!important;
}
body[data-site-short-code="mockwin"] .mw-hero-premium-v3 .mw-hero-premium-grid--split-compact{
display:grid!important;
grid-template-columns:minmax(0,1.08fr) minmax(250px,.88fr)!important;
gap:clamp(1.1rem,2.6vw,1.85rem)!important;
align-items:center!important;
text-align:left!important;
}
body[data-site-short-code="mockwin"] .mw-hero-premium-v3 .mw-hero-copy--split{
text-align:left!important;
margin-inline:0!important;
max-width:none!important;
}
body[data-site-short-code="mockwin"] .mw-hero-premium-v3 .mw-hero-mesh{
background:
radial-gradient(ellipse 70% 55% at 50% -8%,rgba(237,233,254,.95) 0%,transparent 62%),
radial-gradient(ellipse 45% 35% at 100% 20%,rgba(196,181,253,.35) 0%,transparent 55%),
radial-gradient(ellipse 40% 30% at 0% 80%,rgba(221,214,254,.4) 0%,transparent 50%),
linear-gradient(180deg,#fcfbff 0%,#fff 55%,#fefefe 100%)!important;
}
body[data-site-short-code="mockwin"] .mw-hero-premium-v3 .mw-hero-title-display{
font-size:clamp(1.65rem,2.85vw,2.4rem)!important;
line-height:1.12!important;
letter-spacing:-.03em!important;
max-width:none!important;
margin-inline:0!important;
text-align:left!important;
}
body[data-site-short-code="mockwin"] .mw-hero-premium-v3 .mw-hero-lead{
font-size:clamp(.9rem,1.35vw,1.02rem)!important;
line-height:1.55!important;
color:#4c4668!important;
max-width:none!important;
margin-inline:0!important;
}
body[data-site-short-code="mockwin"] .mw-hero-premium-v3 .mw-hero-actions,
body[data-site-short-code="mockwin"] .mw-hero-premium-v3 .mw-hero-chips,
body[data-site-short-code="mockwin"] .mw-hero-premium-v3 .mw-hero-kicker{
justify-content:flex-start!important;
}
body[data-site-short-code="mockwin"] .mw-hero-premium-v3 .mw-hero-kicker{
padding:.45rem 1rem .45rem .65rem!important;
border-radius:999px!important;
background:rgba(255,255,255,.85)!important;
border:1px solid rgba(124,58,237,.14)!important;
box-shadow:0 4px 18px rgba(76,29,149,.08)!important;
}
body[data-site-short-code="mockwin"] .mw-hero-premium-v3 .mw-hero-actions .mw-btn-primary{
min-width:11.5rem;
justify-content:center;
}
body[data-site-short-code="mockwin"] .mw-hero-premium-v3 .mw-hero-showcase-wrap--split,
body[data-site-short-code="mockwin"] .mw-hero-premium-v3 .mw-hero-showcase-wrap--cinema{
max-width:100%!important;
width:100%!important;
margin-inline:0!important;
padding:0!important;
box-sizing:border-box!important;
}
body[data-site-short-code="mockwin"] .mw-hero-premium-v3 .mw-hero-showcase-stage{
aspect-ratio:4/5!important;
min-height:0!important;
max-height:min(380px,48vh)!important;
border-radius:1.15rem!important;
box-shadow:
0 28px 56px -28px rgba(49,27,107,.42),
0 0 0 1px rgba(255,255,255,.75) inset,
0 0 0 1px rgba(124,58,237,.08)!important;
}
body[data-site-short-code="mockwin"] .mw-hero-premium-v3 .mw-hero-slide{
aspect-ratio:4/5!important;
}
body[data-site-short-code="mockwin"] .mw-hero-premium-v3 .mw-hero-float-card{
border-radius:1.15rem!important;
background:rgba(255,255,255,.94)!important;
border:1px solid rgba(255,255,255,.9)!important;
box-shadow:0 20px 50px -24px rgba(76,29,149,.35),0 0 0 1px rgba(124,58,237,.06)!important;
max-width:min(260px,38vw)!important;
}
body[data-site-short-code="mockwin"] .mw-hero-premium-v3 .mw-hero-slider-nav{
width:2.75rem!important;
height:2.75rem!important;
border:1px solid rgba(124,58,237,.12)!important;
}
body[data-site-short-code="mockwin"] section[data-structure="mockwin_trust_stats"] .mw-card{
border-radius:1.35rem!important;
box-shadow:0 32px 64px -36px rgba(30,18,72,.55)!important;
}
body[data-site-short-code="mockwin"] section[data-structure="mockwin_trust_stats"] h3{
font-variant-numeric:tabular-nums;
}
body[data-site-short-code="mockwin"] section[data-structure="mockwin_home_about"]{
background:linear-gradient(180deg,#fff 0%,#faf9ff 100%)!important;
}
body[data-site-short-code="mockwin"] section[data-structure="mockwin_home_about"] .mw-card{
border-radius:1.15rem!important;
border:1px solid rgba(124,58,237,.1)!important;
box-shadow:0 12px 36px -20px rgba(76,29,149,.2)!important;
transition:transform .25s ease,box-shadow .25s ease!important;
}
body[data-site-short-code="mockwin"] section[data-structure="mockwin_home_about"] .mw-card:hover{
transform:translateY(-4px)!important;
box-shadow:0 18px 44px -18px rgba(76,29,149,.28)!important;
}
body[data-site-short-code="mockwin"] .mw-features-premium{
background:linear-gradient(180deg,#faf9ff 0%,#fff 45%,#fff 100%)!important;
}
body[data-site-short-code="mockwin"] .mw-features-card{
border-radius:1.2rem!important;
border:1px solid rgba(124,58,237,.1)!important;
}
body[data-site-short-code="mockwin"] section[data-structure="mockwin_cta_strip"] .mw-card,
body[data-site-short-code="mockwin"] .mw-about-cta-premium{
border-radius:1.35rem!important;
}
body[data-site-short-code="mockwin"] .mw-shell,
body[data-site-short-code="mocwin"] .mw-shell{
padding-inline:clamp(1rem,3vw,1.5rem)!important;
box-sizing:border-box!important;
}
@media(max-width:900px){
body[data-site-short-code="mockwin"] .mw-hero-premium-v3 .mw-hero-premium-grid--split-compact{
grid-template-columns:1fr!important;
gap:1.35rem!important;
}
body[data-site-short-code="mockwin"] .mw-hero-premium-v3 .mw-hero-showcase-wrap--split{
max-width:min(320px,88vw)!important;
margin-inline:auto!important;
}
body[data-site-short-code="mockwin"] .mw-hero-premium-v3 .mw-hero-copy--split{
text-align:center!important;
}
body[data-site-short-code="mockwin"] .mw-hero-premium-v3 .mw-hero-title-display,
body[data-site-short-code="mockwin"] .mw-hero-premium-v3 .mw-hero-lead{
text-align:center!important;
margin-inline:auto!important;
}
body[data-site-short-code="mockwin"] .mw-hero-premium-v3 .mw-hero-actions,
body[data-site-short-code="mockwin"] .mw-hero-premium-v3 .mw-hero-chips,
body[data-site-short-code="mockwin"] .mw-hero-premium-v3 .mw-hero-kicker{
justify-content:center!important;
}
}
@media(max-width:980px){
body[data-site-short-code="mockwin"] .mw-hero-premium-v3 .mw-hero-float-card{max-width:min(220px,52vw)!important}
body[data-site-short-code="mockwin"] .mw-hd-nav{display:none}
}
@media(max-width:560px){
body[data-site-short-code="mockwin"] .mw-hero-premium-v3{padding-block:3.25rem 2.5rem!important}
body[data-site-short-code="mockwin"] .mw-hero-premium-v3 .mw-hero-showcase-stage{
min-height:clamp(220px,58vw,360px)!important;
width:100%!important;
max-width:100%!important;
}
body[data-site-short-code="mockwin"] .mw-hero-premium-v3 .mw-hero-slider-nav--prev{left:.35rem!important}
body[data-site-short-code="mockwin"] .mw-hero-premium-v3 .mw-hero-slider-nav--next{right:.35rem!important}
body[data-site-short-code="mockwin"] section[data-structure="mockwin_home_about"] .mw-grid[style]{
grid-template-columns:1fr!important;
}
}
@media(prefers-reduced-motion:reduce){
body[data-site-short-code="mockwin"] section[data-structure="mockwin_home_about"] .mw-card:hover{
transform:none!important;
}
}
body[data-site-short-code="mockwin"] .mw-hero-premium-v3{
position:relative!important;
}
body[data-site-short-code="mockwin"] .mw-hero-premium-v3::before{
content:""!important;
position:absolute!important;
top:0!important;
left:0!important;
right:0!important;
height:4px!important;
background:linear-gradient(90deg,#7c3aed 0%,#4f46e5 50%,#7c3aed 100%)!important;
z-index:3!important;
pointer-events:none!important;
}
body[data-site-short-code="mockwin"] .mw-hero-title-display{
background:linear-gradient(135deg,#4c1d95 0%,#5b21b6 38%,#4338ca 100%)!important;
-webkit-background-clip:text!important;
background-clip:text!important;
color:transparent!important;
}
body[data-site-short-code="mockwin"] .mw-hero-benefits{
margin-top:.85rem!important;
max-width:100%!important;
margin-inline:0!important;
padding:.75rem .9rem!important;
border-radius:1.25rem!important;
background:linear-gradient(135deg,rgba(255,255,255,.97) 0%,rgba(237,233,254,.72) 100%)!important;
border:1px solid rgba(124,58,237,.18)!important;
box-shadow:0 24px 48px -32px rgba(76,29,149,.38)!important;
text-align:left!important;
}
body[data-site-short-code="mockwin"] .mw-hero-benefits-title{
font-size:.72rem!important;
font-weight:700!important;
letter-spacing:.14em!important;
text-transform:uppercase!important;
color:#6d28d9!important;
margin:0 0 .85rem!important;
}
body[data-site-short-code="mockwin"] .mw-hero-benefits-list{
list-style:none!important;
margin:0!important;
padding:0!important;
display:grid!important;
grid-template-columns:1fr!important;
gap:.4rem!important;
}
body[data-site-short-code="mockwin"] .mw-hero-benefit-item{
display:flex!important;
gap:.55rem!important;
align-items:flex-start!important;
font-size:.82rem!important;
line-height:1.5!important;
color:#3b3560!important;
}
body[data-site-short-code="mockwin"] .mw-hero-benefit-icon{
flex-shrink:0!important;
width:1.35rem!important;
height:1.35rem!important;
border-radius:999px!important;
background:linear-gradient(135deg,#7c3aed,#6366f1)!important;
color:#fff!important;
font-size:.68rem!important;
font-weight:700!important;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
margin-top:.12rem!important;
}
body[data-site-short-code="mockwin"] section[data-structure="mockwin_trust_stats"]{
background:linear-gradient(180deg,#f5f3ff 0%,#fff 100%)!important;
padding-block:clamp(2.5rem,6vw,4rem)!important;
}
Home ›
Portfolio ›
Spice Garden Café Restaurant Interior
Commercial
Available
Spice Garden Café Restaurant Interior
Café-restaurant — exposed brick, industrial lighting, botanical vibes.
Project Overview A warm, inviting café-restaurant interior with exposed brick accents, industrial lighting, botanical wall art, and custom wooden furniture. The design captures the essence of artisanal dining.
The Challenge An empty 1800 sqft commercial space with no character. The client wanted a unique, Instagram-worthy restaurant that stands out in a competitive F&B market.
Our Solution We created distinct dining zones — a cozy corner with booth seating, a communal table area, and a bar counter. Used exposed brick, hanging planters, Edison bulbs, and custom murals to create a strong visual identity.
The Results Revenue increased 30% after redesign. Featured in 2 local food blogs. Average customer dwell time increased from 40 to 65 minutes.
Services Provided Restaurant Interior Design Furniture Design Lighting Design Branding Elements Kitchen Layout
"Customers come for the food but stay for the ambiance. Revenue up 30% since the redesign!"
— Kavita Nair, Owner, Spice Garden Café
Start Your Project Love what you see? Let us create something extraordinary for your space.
Get Free Quote