공개: 이미지 비율 규칙 반영

This commit is contained in:
Ian 2026-04-16 12:37:24 +09:00
commit 1f10db0636
3 changed files with 19 additions and 19 deletions

View file

@ -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>