本文へ移動

Fluxion デザインシステムを使う

作るものに合わせて、色・文字・操作の規約を選びます。Webはデジタル庁を主軸に、スマホはApple HIGを主軸にしています。

用途 基準 読む規約
従来サイトの保守 Fluxionの既存表現 Classic
LP・ホームページ デジタル庁+Fluxion 共通基盤 / Web LP
業務画面・Webアプリ デジタル庁+Materialの状態設計 共通基盤 / Webアプリ
スマホアプリ Apple HIGと各OS標準 スマホ / 文字・色・素材 / 部品 / 動き

見て、操作して、実装する

適用順は、利用者の要件とアクセシビリティ、対象OSの標準挙動、用途別規約、共通規約、ブランド装飾です。従来のグラデーションや文字指定を新しい用途へ無条件には適用しません。

HTML・CSS・JavaScriptの見本は独自のブラウザ参照キットです。Apple、Google、デジタル庁の公式配布物や認証済みライブラリではありません。スマホ用の数値・素材・動きはHTML近似で、ネイティブSDKではありません。操作結果はページ内だけに反映され、外部送信・永続保存は行いません。

上流の第三者資料を採用した範囲は動きの規約で明示しています。MITライセンスと出典を保持してください。Apple等の公式資料の権利・商標までMITになるものではありません。