공개: 저장소 링크와 이미지 렌더링 정비

2026-04-16 14:05:01 +09:00 · 2026-04-16 14:05:01 +09:00 · f75dcb49c2
commit f75dcb49c2
parent 799b975406
2 changed files with 110 additions and 159 deletions
--- a/README.md
+++ b/README.md
@ -1,65 +1,32 @@
 # KoTalk

-<p align="center">
-  <img src="branding/png/kotalk-transparent-256.png" alt="KoTalk mark" width="96">
-</p>
+![KoTalk mark](branding/png/kotalk-transparent-256.png)

-<p align="center">
-  <strong>한국어 중심의 차분한 메시징 경험을 다시 설계하는 오픈소스 프로젝트.</strong>
-</p>
+**한국어 중심의 차분한 메시징 경험을 다시 설계하는 오픈소스 프로젝트.**

-<p align="center">
-  Windows 데스크톱을 중심에 두고, 모바일 웹과 Android를 병렬 확장하는 메신저 저장소입니다.
-</p>
+Windows 데스크톱을 중심에 두고, 모바일 웹과 Android를 병렬 확장하는 메신저 저장소입니다.

-<p align="center">
-  짧은 답장, 빠른 복귀, 설명 가능한 제품 표면, 그리고 한국어 사용 습관에 맞는 조용한 UI를 핵심 기준으로 삼습니다.
-</p>
+짧은 답장, 빠른 복귀, 설명 가능한 제품 표면, 그리고 한국어 사용 습관에 맞는 조용한 UI를 핵심 기준으로 삼습니다.

-<p align="center">
-  현재는 Windows, 모바일 웹, Android APK 기준선을 운영하고 있으며, iOS와 Linux 네이티브 채널은 같은 제품 경험 안으로 수렴시키는 방향을 공개적으로 준비 중입니다.
-</p>
+현재는 Windows, 모바일 웹, Android APK 기준선을 운영하고 있으며, iOS와 Linux 네이티브 채널은 같은 제품 경험 안으로 수렴시키는 방향을 공개적으로 준비 중입니다.

-<p align="center">
-  <a href="PROJECT_STATUS.md"><img alt="status" src="https://img.shields.io/badge/status-active%20alpha-166534"></a>
-  <a href="PROJECT_STATUS.md"><img alt="platforms" src="https://img.shields.io/badge/platforms-windows%20%7C%20web%20%7C%20android-1D4ED8"></a>
-  <a href="문서/README.md"><img alt="docs" src="https://img.shields.io/badge/docs-master%20plan%20%2B%20atlas-111827"></a>
-  <a href="LICENSE"><img alt="license" src="https://img.shields.io/badge/license-Apache--2.0-1F2937"></a>
-  <a href="https://vstalk.phy.kr"><img alt="web" src="https://img.shields.io/badge/live-vstalk.phy.kr-0F766E"></a>
-  <a href="https://download-vstalk.phy.kr"><img alt="download" src="https://img.shields.io/badge/download-mirror%20live-166534"></a>
-  <a href="PROJECT_STATUS.md"><img alt="verified" src="https://img.shields.io/badge/verified-2026--04--16-6B7280"></a>
-</p>
+[![status](https://img.shields.io/badge/status-active%20alpha-166534)](PROJECT_STATUS.md)
+[![platforms](https://img.shields.io/badge/platforms-windows%20%7C%20web%20%7C%20android-1D4ED8)](PROJECT_STATUS.md)
+[![docs](https://img.shields.io/badge/docs-master%20plan%20%2B%20atlas-111827)](문서/README.md)
+[![license](https://img.shields.io/badge/license-Apache--2.0-1F2937)](LICENSE)
+[![web](https://img.shields.io/badge/live-vstalk.phy.kr-0F766E)](https://vstalk.phy.kr)
+[![download](https://img.shields.io/badge/download-mirror%20live-166534)](https://download-vstalk.phy.kr)
+[![verified](https://img.shields.io/badge/verified-2026--04--16-6B7280)](PROJECT_STATUS.md)

-<p align="center">
-  <a href="PROJECT_STATUS.md">Project Status</a> ·
-  <a href="SHOWCASE.md">Showcase</a> ·
-  <a href="BACKGROUND.md">Background</a> ·
-  <a href="ALTERNATIVE_GAP.md">Alternative Gap</a> ·
-  <a href="CLIENT_PLATFORM_DECISION.md">Platform Strategy</a> ·
-  <a href="branding/BRAND_GUIDE.md">Brand Guide</a> ·
-  <a href="FAQ.md">FAQ</a> ·
-  <a href="RELEASING.md">Releases</a> ·
-  <a href="TRUST_CENTER.md">Trust Center</a> ·
-  <a href="ARCHITECTURE.md">Architecture</a> ·
-  <a href="문서/README.md">Master Plan</a> ·
-  <a href="CONTRIBUTING.md">Contributing</a>
-</p>
+[Project Status](PROJECT_STATUS.md) · [Showcase](SHOWCASE.md) · [Background](BACKGROUND.md) · [Alternative Gap](ALTERNATIVE_GAP.md) · [Platform Strategy](CLIENT_PLATFORM_DECISION.md) · [Brand Guide](branding/BRAND_GUIDE.md) · [FAQ](FAQ.md) · [Releases](RELEASING.md) · [Trust Center](TRUST_CENTER.md) · [Architecture](ARCHITECTURE.md) · [Master Plan](문서/README.md) · [Contributing](CONTRIBUTING.md)

-<table>
-  <tr>
-    <td align="center"><a href="https://vstalk.phy.kr"><strong>Try Web</strong></a><br><sub>모바일 웹 진입점</sub></td>
-    <td align="center"><a href="SHOWCASE.md"><strong>See Screens</strong></a><br><sub>최신 화면 묶음</sub></td>
-    <td align="center"><a href="PROJECT_STATUS.md"><strong>Read Status</strong></a><br><sub>현재 동작 범위</sub></td>
-    <td align="center"><a href="RELEASING.md"><strong>Get Builds</strong></a><br><sub>미러와 릴리즈 경로</sub></td>
-  </tr>
-</table>
+| Try Web | See Screens | Read Status | Get Builds |
+|---|---|---|---|
+| [모바일 웹 진입점](https://vstalk.phy.kr) | [최신 화면 묶음](SHOWCASE.md) | [현재 동작 범위](PROJECT_STATUS.md) | [미러와 릴리즈 경로](RELEASING.md) |

-<p align="center">
-  <img src="docs/assets/latest/hero-shell.png" alt="KoTalk desktop shell" width="920">
-</p>
-<p align="center">
-  <em>플랫한 화이트 톤과 컴팩트한 창 밀도를 기준으로 정리한 현재 데스크톱 셸</em>
-</p>
+![KoTalk desktop shell](docs/assets/latest/hero-shell.png)
+
+_플랫한 화이트 톤과 컴팩트한 창 밀도를 기준으로 정리한 현재 데스크톱 셸_

 ## Snapshot

@ -105,53 +72,43 @@ KoTalk는 바로 그 비어 있는 결합점을 목표로 둡니다. 이 항목

 현재 저장소에서 바로 볼 수 있는 화면과 산출물은 아래와 같습니다.

-<table>
-  <tr>
-    <td align="center">
-      <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"><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"><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"><br>
-      <strong>Mobile web inbox</strong><br>
-      <sub>최근 대화와 필터 구조</sub>
-    </td>
-  </tr>
-</table>
+### Desktop shell

-<table>
-  <tr>
-    <td align="center">
-      <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"><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"><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"><br>
-      <strong>Mobile web chat</strong>
-    </td>
-  </tr>
-</table>
+![Desktop shell](docs/assets/latest/hero-shell.png)
+
+레일 + 목록 + 대화 중심의 3단 구조
+
+### Desktop onboarding
+
+![Desktop onboarding](docs/assets/latest/onboarding.png)
+
+첫 진입을 짧게 정리한 온보딩
+
+### Desktop conversation
+
+![Desktop conversation](docs/assets/latest/conversation.png)
+
+대화 흐름과 입력 패널 밀도
+
+### Mobile web onboarding
+
+![Mobile web onboarding](docs/assets/latest/vstalk-web-onboarding.png)
+
+### Mobile web inbox
+
+![Mobile web inbox](docs/assets/latest/vstalk-web-list.png)
+
+### Mobile web search
+
+![Mobile web search](docs/assets/latest/vstalk-web-search.png)
+
+### Mobile web saved
+
+![Mobile web saved](docs/assets/latest/vstalk-web-saved.png)
+
+### Mobile web chat
+
+![Mobile web chat](docs/assets/latest/vstalk-web-chat.png)

 전체 화면 묶음은 [SHOWCASE.md](SHOWCASE.md)에서 더 자세히 볼 수 있습니다.