現場DXプラットフォーム「カミナシ」 お知らせ「パートナー制度」について
現場DXなら
まるっと
カミナシで

DESIGN.md から抽出したデザイントークンのカタログ。ウェイト・行間・負のトラッキング・角丸スケールまで、computed style の実測値に基づく。

資料を無料ダウンロード ↓
01 / Colors

カラーパレット

Brand
Kaminashi Blue
#0360e5
面にも文字にも使う唯一の色
Blue Deep
#0046a9
グラデーションの終端
Blue Deep 2
#004fbf
CTA帯のグラデーション終端
Cyan
#00afea
補助アクセント
CTA — 黄色の上は白文字にしない
Kaminashi Yellow
#ffdb22
主要CTAの面色
Yellow Alt
#ffdf24
同用途で併存する近似値
CTA Text
#333333
黄色の上に載る文字
Surface
Background
#ffffff
ページ地色
Surface Blue Pale
#e8f2ff
最頻出のセクション背景
Surface Blue Pale 2
#ebf4ff
課題リストの面
Surface Gray
#f5f5f5
FAQ・導入フロー
Surface Gray 2
#eeeff0
区切りの面
Surface Beige
#f6f2ed
温かい面
Service Accent — 面には塗らない。見出しの文字色専用
現場帳票システム
#3b5bdb
設備保全
#5130b0
研修・マニュアル
#e86c00
コミュニケーション
#ab3400
Text & Border
Text Primary
#333333
本文・ナビ
Text Heading
#000000
セクション見出し
Text Muted
#888787
補助ラベル
Danger
#e5412b
警告・注意
Border
#d9d9d9
罫・枠
02 / Typography — 実測値

タイポグラフィ階層

見出しの標準ウェイトは 900（Black）。line-height は全域 1.4、 letter-spacing は 0.08em。巨大な見出しだけ負のトラッキングになり、 かなと漢字で値が違う。

現場DX
72–89px / 700 / line-height: 1.4 / letter-spacing: 0ヒーローの漢字は詰めない
カミナシ
44–70px / 700 / line-height: 1.4 / letter-spacing: -0.04〜-0.05emヒーローのかなだけ詰める
カミナシの特徴 — Section Heading
48px / 700 / line-height: 1.4 / letter-spacing: 0.08emセクション見出し
現場DXプラットフォーム — Heading
38px / 900 / line-height: 1.4 / letter-spacing: 0.08em強調（青地では黄文字）
導入事例 — Heading 2
32px / 900 / line-height: 1.4 / letter-spacing: 0.08emセクション見出し（小）
現場帳票システム — Sub Heading
20px / 900 / line-height: 1.4 / letter-spacing: 0.08emサービス名。色で識別
カミナシとは・サービス一覧・導入事例 — Navigation
13–14px / 700 / line-height: 1.4 / letter-spacing: 0.08emグローバルナビ
レポート・教育・従業員 — Chip
14px / 900 / letter-spacing: 0.08em機能タグ
現場DXプラットフォーム — Small / Label
12px / 500 / line-height: 1.4 / letter-spacing: 0.08em補助ラベル
本文 — 紙の帳票をタブレットに置き換えるだけでなく、記録の集計・分析までを一気通貫で行えます。長い段落は line-height を 1.7 以上に緩めること。
15px / 500 / line-height: 1.7（本文主体の画面での推奨）実サイト既定の 1.4 は長文に向かない
03 / Service

サービスカード

現場帳票システム

紙の書類の転記・チェック・集計をタブレットで完結。記録がそのままデータになります。

設備保全

機械の突発故障を防ぎ、メンテナンス履歴を一元管理します。

研修・マニュアル

新人や外国人スタッフへの教育を、動画と手順書で標準化します。

コミュニケーション

現場スタッフへの連絡を確実に届け、既読まで把握できます。

現場の課題（Surface Blue Pale 2 の面）
紙の書類の転記／チェック／集計が手間
トラブル時に過去の記録の確認が大変
認証や審査の書類対応が厳格
04 / Numbers

実績の見せ方

導入現場数
17,000
以上
レビューサイト
3
部門受賞
業界数
30
突破
05 / Components

ボタン・タグ

Buttons
資料を無料ダウンロード ↓
資料ダウンロード ↓ お問い合わせ ✉ 導入事例集をみる →
Chips — 枠線のピル（radius 24px / weight 900）
レポート 教育 従業員 法令・制度対応
業種リンク — 面のみ、角丸なし
食品製造 機械製造・素材 物流 ビルメンテナンス ホテル・宿泊
FAQ
A. 30を超える業界でカミナシをご利用いただいています。食品製造、機械製造、物流、ビルメンテナンス、ホテル・宿泊などが代表的です。
06 / Forms

フォーム — 3状態

Default — 枠 1px solid #d9d9d9 / 角丸 8px
Focus — 枠 #0360e5 ＋ リング rgba(3,96,229,.18)
Error — 枠 #e5412b ＋ リング rgba(229,65,43,.15)
07 / Elevation

影 — カードとボタンで方向を変える

Level 0
none
Level 1 — カード
0 0 24px rgba(0,0,0,.08)
Level 2 — 主要CTA
0 6px 15px rgba(0,0,0,.2)
08 / Layout

レイアウト

Spacing Scale
8
16
24
32
64
120
Border Radius Scale
8px — カード 24px — チップ 32px — ボタン 60px — ヒーローCTA 100px — 帯のCTA 50%
Container
Content
max-width: 1200px

現場DXなら
「カミナシ」にお任せ！

まずは現場DXについて情報収集から始めませんか？

資料を無料ダウンロード ↓