Visual weight in a room

시각적 무게(공간)

Balancing how "heavy" size, color and texture make furniture look, distributed across a room like weights on a scale — one large dark piece can visually outweigh several small light ones.

Also known as: Furniture balanceVisual balance
···
html
<div class="room">
<svg viewBox="0 0 400 250">
  <line x1="20" y1="210" x2="380" y2="210" stroke="var(--line)" stroke-width="2"/>
  <polygon points="200,166 184,210 216,210" fill="var(--muted)"/>
  <g id="beam">
    <line x1="90" y1="168" x2="310" y2="168" stroke="var(--fg)" stroke-width="4"/>
    <rect x="66" y="108" width="56" height="60" rx="3" fill="var(--fg)" opacity=".8"/>
    <rect x="76" y="118" width="14" height="18" fill="var(--surface)" opacity=".6"/>
    <rect x="98" y="118" width="14" height="18" fill="var(--surface)" opacity=".6"/>
    <rect x="272" y="140" width="30" height="28" rx="3" fill="var(--muted)"/>
    <rect x="272" y="118" width="30" height="24" rx="6" fill="var(--muted)"/>
    <g id="plant">
      <line x1="316" y1="168" x2="316" y2="140" stroke="var(--accent-3)" stroke-width="3"/>
      <circle cx="316" cy="128" r="14" fill="var(--accent-3)"/>
    </g>
  </g>
</svg>
</div>
css
.room{width:min(92%,480px);aspect-ratio:400/250}
.room svg{width:100%;height:100%;display:block}
#beam{transform-origin:200px 168px;animation:tilt 6s ease-in-out infinite}
#plant{opacity:0;animation:appear 6s ease-in-out infinite}
@keyframes tilt{0%,55%{transform:rotate(7deg)}82%,100%{transform:rotate(0deg)}}
@keyframes appear{0%,55%{opacity:0}82%,100%{opacity:1}}

This isn't about physical weight but how heavy something looks. Larger, darker, rougher-textured and more angular pieces all read as visually heavier. Cluster the big dark furniture on one side of a room and it feels lopsided regardless of what actually weighs more.

There are two ways to balance it: symmetrical balance, mirroring the same thing on both sides, and asymmetrical balance, where different-sized things are placed to carry equal visual weight. A large dark bookshelf on one side, for instance, can be offset on the other by a smaller but brighter lamp plus a couple of plants — count and brightness making up for size.

After arranging furniture, converting a photo of the room to grayscale is a quick way to check: with color's illusions removed, pure size and contrast make it obvious whether the weight has drifted to one side.

When to use

Check this when a room feels lopsided even after everything is placed. Convert a photo to grayscale — if one side still reads heavier, thin out that side or add something bright to the other.