Kafune Design System

Craft in Code — Tokyo。株式会社Kafune の見た目と言葉の決まり。サイト、名刺、社内のアプリ、スライド、メールの署名まで、Kafune の名前で出るものはここに従う。

v1 · 部品 20 · 色 24 · 文字 11
生成 2026-10-25

はじめる#

HTML の head に 2 行。

<link rel="stylesheet" href="https://design.ka-fune.com/v1/kafune.css">
<script src="https://design.ka-fune.com/v1/kafune.js"></script>

組むとこうなる#

Header・Sidebar・Breadcrumb・Notice・Kpi・Card・Tabs・Table・Status・Progress・Pagination を、配信している CSS と JS だけで組んだ画面。文字は見本。