akefin-design-system/preview/type-sans-korean.html
2026-05-23 11:59:45 +09:00

26 lines
No EOL
1.4 KiB
HTML

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="../colors_and_type.css">
<link rel="stylesheet" href="_card.css">
<style>
body { padding:28px; }
.stack { display:flex; flex-direction:column; gap:10px; }
.row-spec { display:flex; align-items:baseline; justify-content:space-between; gap:24px; }
.spec { font-family:"JetBrains Mono",monospace; font-size:10px; letter-spacing:0.14em; text-transform:uppercase; color:var(--fg-muted); }
.ko { font-family:"Pretendard","IBM Plex Sans KR",sans-serif; }
.h1 { font-size:22px; font-weight:500; }
.body { font-size:14px; }
.data { font-family:"JetBrains Mono",monospace; font-size:13px; }
</style>
</head>
<body>
<div class="stack">
<div class="row-spec"><span class="ko h1">한국어 거래내역 검토</span><span class="spec">Pretendard 22 / 500</span></div>
<div class="row-spec"><span class="ko body">적요 · 스타벅스 강남역점</span><span class="spec">Pretendard 14 / 400</span></div>
<div class="row-spec"><span class="ko body">신한은행 입출금 통장 · KRW</span><span class="spec">14 / 400</span></div>
<div class="row-spec"><span class="data">이마트 트레이더스 · E-Mart Traders</span><span class="spec">mono inline label</span></div>
</div>
<div class="legend" style="margin-top:12px">Hangul · Pretendard · CJK + Latin coexistence</div>
</body></html>