Decor Style Guides

.dw-styles-hero {
background: var(–dw-charcoal);
padding: 5rem 6vw 4rem;
text-align: center;
}
.dw-styles-hero h1 { color: var(–dw-cream); font-style: italic; margin-bottom: 0.75rem; }
.dw-styles-hero p { color: var(–dw-mid-gray); max-width: 520px; margin: 0 auto; font-weight: 300; }
.dw-styles-body { max-width: 1000px; margin: 0 auto; padding: 4rem 2rem; }
.dw-styles-intro { max-width: 620px; margin: 0 auto 3.5rem; text-align: center; }
.dw-styles-intro p { font-size: 1rem; }
.dw-style-cards {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 1.5rem;
}
.dw-style-card {
display: grid;
grid-template-columns: 100px 1fr;
gap: 1.25rem;
align-items: start;
background: var(–dw-cream);
border-radius: 10px;
padding: 1.5rem;
border: 1px solid var(–dw-sand);
text-decoration: none;
color: inherit;
transition: box-shadow 0.2s, border-color 0.2s;
}
.dw-style-card:hover {
box-shadow: var(–dw-shadow);
border-color: var(–dw-terracotta);
}
.dw-style-card-swatch {
width: 100px;
height: 100px;
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
font-size: 2rem;
flex-shrink: 0;
}
.dw-style-card h3 {
font-size: 1.1rem;
margin-bottom: 0.25rem;
transition: color 0.2s;
}
.dw-style-card:hover h3 { color: var(–dw-terracotta); }
.dw-style-card .dw-style-tags {
display: flex;
flex-wrap: wrap;
gap: 0.35rem;
margin-bottom: 0.5rem;
}
.dw-style-tag {
font-size: 0.68rem;
font-weight: 600;
letter-spacing: 0.07em;
text-transform: uppercase;
color: var(–dw-terracotta);
background: rgba(196,113,74,0.1);
padding: 0.15rem 0.45rem;
border-radius: 2px;
}
.dw-style-card p { font-size: 0.88rem; line-height: 1.65; margin: 0; }
.dw-style-coming { text-align: center; font-style: italic; }
.dw-styles-cta { background: var(–dw-cream); border-radius: 12px; padding: 2.5rem; text-align: center; margin-top: 3rem; border: 1px solid var(–dw-sand); }
.dw-styles-cta h3 { font-style: italic; margin-bottom: 0.4rem; }
.dw-styles-cta p { margin-bottom: 1.25rem; }
.dw-styles-cta a {
display: inline-block;
background: var(–dw-terracotta);
color: #fff !important;
font-family: var(–dw-font-body);
font-size: 0.8rem;
font-weight: 600;
letter-spacing: 0.09em;
text-transform: uppercase;
padding: 0.8rem 1.75rem;
border-radius: 2px;
text-decoration: none;
}
@media(max-width:720px){ .dw-style-cards{ grid-template-columns:1fr; } }
@media(max-width:480px){ .dw-style-card{ grid-template-columns:1fr; } .dw-style-card-swatch{ width:60px; height:60px; font-size:1.5rem; } }

Find Your Aesthetic

What’s Your Decor Style?

Not sure what you love? Or maybe you love a vibe but can’t name it? Start here.

Every interior style guide breaks down the look you love — the defining features, colours, textures, and key pieces — plus how to achieve it on any budget. No jargon, no gatekeeping.

Not Sure Which One Is You?

Most people are a mix of two or three. Join the newsletter and I’ll walk you through a quick style questionnaire — free.

Take the Style Quiz