public/kotalk
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 1

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

Browse source
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
Download patch file Download diff file Expand all files Collapse all files

20
README.md
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>

16
SHOWCASE.md
View file

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

2
docs/assets/latest/README.md
View file

@ -9,7 +9,7 @@
- 릴리즈 번들용 스크린샷과 별개로, 저장소 안의 최신 기준 화면을 유지합니다.
- 모바일 웹 스크린샷은 `scripts/ci/capture-vstalk-web-screenshots.cjs`로 다시 생성할 수 있습니다.
- 캡처는 불필요한 바깥 여백 없이 앱 창 또는 앱 셸 자체만 정확히 담아야 합니다.
- README, SHOWCASE, 릴리즈 페이지에 게시할 때는 실제 이미지 종횡비를 유지하는 `width/height` 기준으로 사용합니다.
- README, SHOWCASE, 릴리즈 페이지에 게시할 때는 `height`를 강제하지 않고, 원본 종횡비가 유지되도록 `width`만 지정하거나 기본 크기를 그대로 사용합니다.
- 현재 포함:
- Windows 데스크톱 셸
- Windows 온보딩/대화 화면