액센트 월

Accent wall

방의 벽 하나만 나머지와 다른 색·소재로 강조해 시선을 모으는 방법. 나머지 벽을 중립으로 두어야 그 한 벽이 도드라집니다.

다른 이름: Feature wall
···
html
<div class="room">
<svg viewBox="0 0 400 250">
  <rect width="400" height="250" fill="var(--surface)"/>
  <rect id="backwall" x="60" y="16" width="280" height="170" fill="var(--line)"/>
  <rect y="186" width="400" height="64" fill="var(--muted)" opacity=".2"/>
  <rect x="20" y="16" width="40" height="170" fill="var(--surface)" stroke="var(--line)" stroke-width="2"/>
  <rect x="340" y="16" width="40" height="170" fill="var(--surface)" stroke="var(--line)" stroke-width="2"/>
  <rect x="130" y="150" width="140" height="46" rx="8" fill="var(--fg)" opacity=".6"/>
  <rect x="130" y="120" width="140" height="34" rx="10" fill="var(--fg)" opacity=".75"/>
  <rect x="150" y="96" width="30" height="26" rx="4" fill="var(--fg)" opacity=".4"/>
  <rect x="220" y="96" width="30" height="26" rx="4" fill="var(--fg)" opacity=".4"/>
</svg>
</div>
css
.room{width:min(92%,480px);aspect-ratio:400/250}
.room svg{width:100%;height:100%;display:block}
#backwall{transition:fill .8s}
#backwall.on{fill:var(--accent)}
js
const wall = document.getElementById('backwall');
setInterval(() => wall.classList.toggle('on'), 1800);

방의 벽 네 개를 전부 같은 색으로 칠하는 대신, 그중 하나(보통 침대 머리맡이나 소파 뒤처럼 시선이 자주 가는 벽)만 짙은 색이나 패턴, 다른 소재로 마감해 그 벽이 방의 초점 역할을 하게 만드는 방법입니다.

어느 벽을 고르느냐가 결과를 좌우합니다. 방에 들어섰을 때 정면으로 보이는 벽, 혹은 침대·소파처럼 오래 머무는 가구가 등지는 벽을 고르는 것이 가장 무난합니다. 창문이 있는 벽은 빛을 가리는 효과가 나므로 피하는 경우가 많습니다.

액센트 월은 나머지 세 벽이 중립적일 때만 힘을 받습니다. 다른 벽에도 강한 색이나 패턴을 쓰면 초점이 여러 개로 나뉘어 오히려 산만해지므로, 액센트 월을 정했으면 나머지 벽과 가구는 최대한 절제하는 것이 원칙입니다.

언제 쓰나

흰 벽만 있는 방에 비용을 적게 들이면서 포인트를 주고 싶을 때 씁니다. 침대·소파가 등지는 벽이나 정면으로 보이는 벽을 우선 고려하고, 창이 있는 벽은 피하세요.