인터랙티브 케이스 스터디 · 2026

블록의 안쪽
노션을 분해하다

모든 위대한 위키와 OKR과 사이드 프로젝트는, 빈 페이지에 깜빡이는 커서 한 칸에서 시작했습니다. 노션이 페이지를 만드는 방법을 한 블록씩 풀어봅니다.

스크롤해서 시작 ↓ 바로 만져보기

힌트 — 어디서든 / 를 눌러보세요.

SCENE / 01

블록은 살아 있다.

노션의 모든 페이지는 가장 작은 단위 — 블록 — 의 모임입니다. 블록 하나를 분해해서, 그 안에 어떤 부품이 들어가는지 한 단계씩 들여다보세요.

블록 본체 드래그 핸들 슬래시 메뉴 서식 + 커서

💡 관전 포인트 — 블록의 좌측 핸들은 호버 전엔 절대로 보이지 않습니다. 노션의 미니멀함이 시작되는 지점이죠.

디자인 시스템 토큰을 한 곳에서 관리한다 — 기준은 단순함, 자세히↗
drag handle
slash command
inline marks (bold · highlight · link)
caret · 6 px radius

SCENE / 02

직접, 손으로
옮겨보세요.

한번 만져보면 잊지 않습니다. 블록을 끌어 순서를 바꾸거나, 키보드만으로도 똑같이 동작합니다 — 인터랙션이 곧 디자인이라는 노션의 약속이죠.

🪴

2026년 5월 첫째 주

위클리 노트 · 김지원이 작성 중 · 2분 전 저장됨

  1. H1 이번 주 우선순위
  2. TODO 디자인 토큰 정리 — Light/Dark 1차 안 공유
  3. TODO 인터랙션 케이스 스터디 영상 콘티 작성
  4. CALL 디자인 PR 리뷰는 매주 수요일 오후 3시. 지난주 누락된 리뷰 2건은 화요일 점심 전에 닫읍시다.
  5. QUOTE 단순함은 궁극의 정교함이다.— 레오나르도 다 빈치
  6. H2 오늘의 메모
  7. CODE // 블록은 그저 데이터일 뿐. const block = { type: "todo", text: "커피 내리기", done: false };

💡 드래그해서 옮기거나 — 키보드라면 블록을 Tab으로 선택 후 ↑ ↓로 이동, Space로 체크박스 토글.

SCENE / 03

한 페이지가, 곧 한 도구.

같은 블록인데, 모이면 위키가 되고, 트래커가 되고, 회의록이 되고, 사람의 두 번째 두뇌가 됩니다. 카드를 호버해 보세요 — 살짝 들어 올려집니다.

📓

팀 위키
온보딩

people / hr
📈

Q2 OKR
트래커

strategy
🧪

제품 디스커버리
인터뷰 노트

research
📝

월요일
회의록

meeting
🌱

독서 노트
5월

personal
🚀

사이드 프로젝트
로드맵

side

END · SCENE / 04

이제 당신의 첫 블록을
놓을 차례

노트 한 줄로도 충분합니다. 좋은 페이지의 비결은, 결국 — 한 번 놓아본 블록의 수입니다.

새 페이지 만들기 → 처음으로 돌아가기