ブランド
プロダクト
メディア
更新情報
プロダクト
デザインシステムとは？
ドクターメイトのプロダクトに関わるすべての人（介護職員、医師、看護師、開発者）が、ドクターメイトらしい「安心と信頼」を表現するための基準や素材をまとめたものです。
スタイルガイドとの違い
ツール
内容
性質
スタイルガイド
ロゴの使用規定や色見本
静的なドキュメント（見るもの）
UIキット
Figmaなどのパーツ集
デザイン用の素材（描くもの）
デザインシステム
ルール ＋ 部品 ＋ コード ＋ 運用
常に更新される（使うもの）
デザインシステムの目的（なぜやるのか？）
サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト
デザインシステムの構成要素
デザイン原則
デザイン原則とは、プロダクトの特徴や価値をユーザーに直感的に伝えるために、どのように設計やデザインをすべきかを定めた指針です。
基本要素（デザイントークン）
デザインシステムにおける基本的なスタイル要素を抽象化し、一元的に定義・管理するための最小単位です。
コンポーネントライブラリ
再利用を前提としたUIパーツです。デザインや動作のルールを統一し、どの画面でも同じデザインと動きをするように設計します。
アクセシビリティ
より多くの利用者が、さまざまな状況・環境において、Webコンテンツを利用できることを目指す取り組みです。
各プロダクトへの適用範囲
プロダクト名
デザイン原則
デザイントークン
コンポーネント
施設ポータル
◯
◯
◯
MCカルテ
◯
◯
△
デンワデール
◯
◯
△
プロダクト
デザインシステムとは？
ドクターメイトのプロダクトに関わるすべての人（介護職員、医師、看護師、開発者）が、ドクターメイトらしい「安心と信頼」を表現するための基準や素材をまとめたものです。
スタイルガイドとの違い
ツール
内容
性質
スタイルガイド
ロゴの使用規定や色見本
静的なドキュメント（見るもの）
UIキット
Figmaなどのパーツ集
デザイン用の素材（描くもの）
デザインシステム
ルール ＋ 部品 ＋ コード ＋ 運用
常に更新される（使うもの）
デザインシステムの目的（なぜやるのか？）
サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト
デザインシステムの構成要素
ドクターメイトの施設ポータルをはじめとするプロダクト群全体で再利用できる、デザイントークンやコンポーネントライブラリを社内メンバー向けに提供・共有しています。
デザイン原則
デザイン原則とは、プロダクトの特徴や価値をユーザーに直感的に伝えるために、どのように設計やデザインをすべきかを定めた指針です。
デザイントークン（基本デザイン）
デザインシステムにおける基本的なスタイル要素を抽象化し、一元的に定義・管理するための最小単位です。
コンポーネントライブラリ
再利用を前提としたUIパーツです。デザインや動作のルールを統一し、どの画面でも同じデザインと動きをするように設計します。
アクセシビリティ
より多くの利用者が、さまざまな状況・環境において、Webコンテンツを利用できることを目指す取り組みです。
各プロダクトへの適用範囲
プロダクト名
デザイン原則
デザイントークン
コンポーネントライブラリ
施設ポータル
◯
◯
◯
MCカルテ
◯
◯
△
デンワデール
◯
◯
△