Design Atlas
한국어
⌂ Interior & spatial design

Focal point

포컬 포인트

The one spot a room's eye lands on first — a fireplace, a window, a large artwork. If a room doesn't already have one, furniture arrangement can create one.

Also known as: Focal point designAnchor piece
···
html
<div class="room">
<svg viewBox="0 0 400 250">
  <rect class="wall" width="400" height="250"/>
  <rect class="floor" y="206" width="400" height="44"/>
  <rect class="mass" x="170" y="120" width="60" height="86" rx="2"/>
  <rect class="mass" x="162" y="112" width="76" height="10" rx="2"/>
  <path class="mass" d="M186,206 L186,166 A14,14 0 0 1 214,166 L214,206 Z"/>
  <path id="flame" class="flame" d="M196,204 q4,-16 8,0 q-4,-8 -8,0" />
  <g transform="rotate(12 92 190)">
    <rect class="chair" x="70" y="170" width="44" height="20" rx="6"/>
    <rect class="chair" x="70" y="140" width="16" height="50" rx="6"/>
  </g>
  <g transform="rotate(-12 308 190)">
    <rect class="chair" x="286" y="170" width="44" height="20" rx="6"/>
    <rect class="chair" x="314" y="140" width="16" height="50" rx="6"/>
  </g>
  <path class="gaze" d="M92,180 L192,175"/>
  <path class="gaze" d="M308,180 L208,175"/>
  <rect id="ring" class="ring" x="176" y="118" width="48" height="92" rx="4"/>
</svg>
</div>
css
.room{width:min(92%,480px);aspect-ratio:400/250}
.room svg{width:100%;height:100%;display:block}
.wall{fill:var(--surface)}
.floor{fill:color-mix(in oklab,var(--muted) 25%,var(--surface))}
.mass{fill:var(--fg);opacity:.7}
.chair{fill:var(--fg);opacity:.5}
.flame{fill:var(--accent-2);animation:flick 1.4s ease-in-out infinite}
@keyframes flick{0%,100%{opacity:.75}50%{opacity:1}}
.ring{fill:none;stroke:var(--accent);stroke-width:2;opacity:.9;animation:pulse 2.4s ease-out infinite}
@keyframes pulse{0%{opacity:.9;stroke-width:2}70%{opacity:0;stroke-width:14}100%{opacity:0;stroke-width:14}}
.gaze{fill:none;stroke:var(--accent);stroke-width:1.5;stroke-dasharray:4 6;opacity:.55;animation:flow 1s linear infinite}
@keyframes flow{to{stroke-dashoffset:-20}}

A room with no focal point leaves the eye nowhere to land, and furniture tends to just line up along the walls. A focal point is the one spot a person's eye is meant to hit first on entering, with the rest of the furniture arranged to face it — giving the whole room a center.

If something architectural already exists — a fireplace, a full window wall — lean on it. If not, a large artwork, a statement headboard or a TV console can be built up in size or color to become the new anchor. Angling a sofa and chairs toward that point pulls both gaze and circulation toward the same place.

Two focal points in one room compete, and neither wins. A window and a TV on different walls is the classic case — pick one as the primary anchor and quiet the other down in brightness or scale so it reads as secondary.

When to use

This is the first thing to check when a room feels scattered even after the furniture is placed. If there are two candidate focal points — a window and a TV, say — pick one and dial the other back.