From 1f10db06365acbce58177f68df6f0051ebb3c279 Mon Sep 17 00:00:00 2001
From: ian <ian@physia.kr>
Date: Thu, 16 Apr 2026 12:37:24 +0900
Subject: [PATCH] =?UTF-8?q?=EA=B3=B5=EA=B0=9C:=20=EC=9D=B4=EB=AF=B8?=
 =?UTF-8?q?=EC=A7=80=20=EB=B9=84=EC=9C=A8=20=EA=B7=9C=EC=B9=99=20=EB=B0=98?=
 =?UTF-8?q?=EC=98=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md                    | 20 ++++++++++----------
 SHOWCASE.md                  | 16 ++++++++--------
 docs/assets/latest/README.md |  2 +-
 3 files changed, 19 insertions(+), 19 deletions(-)
diff --git a/README.md b/README.md
index 9fc1eb8..fb246f3 100644
--- a/README.md
+++ b/README.md
@@ -1,7 +1,7 @@
 # KoTalk
 
 <p align="center">
-  <img src="branding/png/kotalk-transparent-256.png" alt="KoTalk mark" width="96" height="96">
+  <img src="branding/png/kotalk-transparent-256.png" alt="KoTalk mark" width="96">
 </p>
 
 <p align="center">
@@ -49,7 +49,7 @@
 </table>
 
 <p align="center">
-  <img src="docs/assets/latest/hero-shell.png" alt="KoTalk desktop shell" width="920" height="652">
+  <img src="docs/assets/latest/hero-shell.png" alt="KoTalk desktop shell" width="920">
 </p>
 <p align="center">
   <em>플랫한 화이트 톤과 컴팩트한 창 밀도를 기준으로 정리한 현재 데스크톱 셸</em>
@@ -96,24 +96,24 @@ KoTalk는 이 배경을 리스크 문구로 숨기지 않고, 왜 이 프로젝
 <table>
   <tr>
     <td align="center">
-      <img src="docs/assets/latest/hero-shell.png" alt="Desktop shell" width="420" height="298"><br>
+      <img src="docs/assets/latest/hero-shell.png" alt="Desktop shell" width="420"><br>
       <strong>Desktop shell</strong><br>
       <sub>레일 + 목록 + 대화 중심의 3단 구조</sub>
     </td>
     <td align="center">
-      <img src="docs/assets/latest/onboarding.png" alt="Desktop onboarding" width="420" height="298"><br>
+      <img src="docs/assets/latest/onboarding.png" alt="Desktop onboarding" width="420"><br>
       <strong>Desktop onboarding</strong><br>
       <sub>첫 진입을 짧게 정리한 온보딩</sub>
     </td>
   </tr>
   <tr>
     <td align="center">
-      <img src="docs/assets/latest/conversation.png" alt="Desktop conversation" width="390" height="400"><br>
+      <img src="docs/assets/latest/conversation.png" alt="Desktop conversation" width="390"><br>
       <strong>Desktop conversation</strong><br>
       <sub>대화 흐름과 입력 패널 밀도</sub>
     </td>
     <td align="center">
-      <img src="docs/assets/latest/vstalk-web-list.png" alt="Mobile web inbox" width="220" height="513"><br>
+      <img src="docs/assets/latest/vstalk-web-list.png" alt="Mobile web inbox" width="220"><br>
       <strong>Mobile web inbox</strong><br>
       <sub>최근 대화와 필터 구조</sub>
     </td>
@@ -123,19 +123,19 @@ KoTalk는 이 배경을 리스크 문구로 숨기지 않고, 왜 이 프로젝
 <table>
   <tr>
     <td align="center">
-      <img src="docs/assets/latest/vstalk-web-onboarding.png" alt="Mobile web onboarding" width="220" height="476"><br>
+      <img src="docs/assets/latest/vstalk-web-onboarding.png" alt="Mobile web onboarding" width="220"><br>
       <strong>Mobile web onboarding</strong>
     </td>
     <td align="center">
-      <img src="docs/assets/latest/vstalk-web-search.png" alt="Mobile web search" width="220" height="513"><br>
+      <img src="docs/assets/latest/vstalk-web-search.png" alt="Mobile web search" width="220"><br>
       <strong>Mobile web search</strong>
     </td>
     <td align="center">
-      <img src="docs/assets/latest/vstalk-web-saved.png" alt="Mobile web saved" width="220" height="513"><br>
+      <img src="docs/assets/latest/vstalk-web-saved.png" alt="Mobile web saved" width="220"><br>
       <strong>Mobile web saved</strong>
     </td>
     <td align="center">
-      <img src="docs/assets/latest/vstalk-web-chat.png" alt="Mobile web chat" width="220" height="513"><br>
+      <img src="docs/assets/latest/vstalk-web-chat.png" alt="Mobile web chat" width="220"><br>
       <strong>Mobile web chat</strong>
     </td>
   </tr>
diff --git a/SHOWCASE.md b/SHOWCASE.md
index d808c1d..c21ab43 100644
--- a/SHOWCASE.md
+++ b/SHOWCASE.md
@@ -28,12 +28,12 @@ KoTalk의 현재 공개 표면을 짧게 훑어보는 문서가 아니라, 지
 <table>
   <tr>
     <td align="center">
-      <img src="docs/assets/latest/hero-shell.png" alt="Desktop shell" width="520" height="369"><br>
+      <img src="docs/assets/latest/hero-shell.png" alt="Desktop shell" width="520"><br>
       <strong>Desktop shell</strong><br>
       <sub>현재 데스크톱 전체 셸의 구조와 밀도</sub>
     </td>
     <td align="center">
-      <img src="docs/assets/latest/onboarding.png" alt="Desktop onboarding" width="520" height="369"><br>
+      <img src="docs/assets/latest/onboarding.png" alt="Desktop onboarding" width="520"><br>
       <strong>Desktop onboarding</strong><br>
       <sub>첫 진입에서 먼저 보이는 정보</sub>
     </td>
@@ -41,7 +41,7 @@ KoTalk의 현재 공개 표면을 짧게 훑어보는 문서가 아니라, 지
 </table>
 
 <p align="center">
-  <img src="docs/assets/latest/conversation.png" alt="Desktop conversation" width="430" height="441"><br>
+  <img src="docs/assets/latest/conversation.png" alt="Desktop conversation" width="430"><br>
   <strong>Desktop conversation</strong><br>
   <sub>실제 대화 화면의 읽기 흐름과 입력 밀도</sub>
 </p>
@@ -62,29 +62,29 @@ KoTalk의 현재 공개 표면을 짧게 훑어보는 문서가 아니라, 지
 <table>
   <tr>
     <td align="center">
-      <img src="docs/assets/latest/vstalk-web-onboarding.png" alt="Mobile onboarding" width="220" height="476"><br>
+      <img src="docs/assets/latest/vstalk-web-onboarding.png" alt="Mobile onboarding" width="220"><br>
       <strong>Onboarding</strong><br>
       <sub>초기 진입과 가입 흐름</sub>
     </td>
     <td align="center">
-      <img src="docs/assets/latest/vstalk-web-list.png" alt="Mobile inbox" width="220" height="513"><br>
+      <img src="docs/assets/latest/vstalk-web-list.png" alt="Mobile inbox" width="220"><br>
       <strong>Inbox</strong><br>
       <sub>현재 받은함 구조</sub>
     </td>
     <td align="center">
-      <img src="docs/assets/latest/vstalk-web-search.png" alt="Mobile search" width="220" height="513"><br>
+      <img src="docs/assets/latest/vstalk-web-search.png" alt="Mobile search" width="220"><br>
       <strong>Search</strong><br>
       <sub>검색과 재발견 흐름</sub>
     </td>
   </tr>
   <tr>
     <td align="center">
-      <img src="docs/assets/latest/vstalk-web-saved.png" alt="Mobile saved" width="220" height="513"><br>
+      <img src="docs/assets/latest/vstalk-web-saved.png" alt="Mobile saved" width="220"><br>
       <strong>Saved</strong><br>
       <sub>보관과 후속조치 허브</sub>
     </td>
     <td align="center">
-      <img src="docs/assets/latest/vstalk-web-chat.png" alt="Mobile chat" width="220" height="513"><br>
+      <img src="docs/assets/latest/vstalk-web-chat.png" alt="Mobile chat" width="220"><br>
       <strong>Chat</strong><br>
       <sub>모바일 대화 화면의 현재 밀도</sub>
     </td>
diff --git a/docs/assets/latest/README.md b/docs/assets/latest/README.md
index 92c83bc..9c6a8a5 100644
--- a/docs/assets/latest/README.md
+++ b/docs/assets/latest/README.md
@@ -9,7 +9,7 @@
 - 릴리즈 번들용 스크린샷과 별개로, 저장소 안의 최신 기준 화면을 유지합니다.
 - 모바일 웹 스크린샷은 `scripts/ci/capture-vstalk-web-screenshots.cjs`로 다시 생성할 수 있습니다.
 - 캡처는 불필요한 바깥 여백 없이 앱 창 또는 앱 셸 자체만 정확히 담아야 합니다.
-- README, SHOWCASE, 릴리즈 페이지에 게시할 때는 실제 이미지 종횡비를 유지하는 `width/height` 기준으로 사용합니다.
+- README, SHOWCASE, 릴리즈 페이지에 게시할 때는 `height`를 강제하지 않고, 원본 종횡비가 유지되도록 `width`만 지정하거나 기본 크기를 그대로 사용합니다.
 - 현재 포함:
   - Windows 데스크톱 셸
   - Windows 온보딩/대화 화면

- + Desktop shell _{레일 + 목록 + 대화 중심의 3단 구조}	- + Desktop onboarding _{첫 진입을 짧게 정리한 온보딩}
- + Desktop conversation _{대화 흐름과 입력 패널 밀도}	- + Mobile web inbox _{최근 대화와 필터 구조}
- + Onboarding _{초기 진입과 가입 흐름}	- + Inbox _{현재 받은함 구조}	- + Search _{검색과 재발견 흐름}
- + Saved _{보관과 후속조치 허브}	- + Chat _{모바일 대화 화면의 현재 밀도}