本文へ移動

実装(デザインシステム)

文書や画像はHTML、デザイン要素はSCSS、操作に関する制御はJavaScriptで扱うことを前提としています。
実装時は、デザインに応じて調整してください。

スタイル

ブランドに基づくカラー設計及び、スタイル制御可能なテキストレイアウト、アイコンとリンク要素をコード含めて掲載。

レイアウト

コンポーネントとして、使いまわせるレイアウト及びコードを掲載。

コンポーネント

UIのパーツの使い方及び、対応コードの掲載。

フォーム

フォームの状態管理及び、対応コードの掲載。

パターン

各種レイアウトパターンを掲載。

機能仕様

画面構成だけでは判断しにくい動作・条件・連携内容などの確認シート。