SmartHR Design System (@SHRDesignSystem) header
SmartHR Design System (@SHRDesignSystem) profile picture

SmartHR Design System

@SHRDesignSystem

クラウド人事労務ソフト「SmartHR」に関わるひとが、だれでも・効率よく・迷わずに SmartHR らしい表現をするためのデザインシステムです。 作業リポジトリを公開しています https://nitter.cf/t.co/6ARyTCABum

smarthr.design
Joined January 2021
  • Tweets376
  • Following1
  • Followers2.4K
【プロダクト】「選択コンポーネントの使い分け」を追加しました🎉 選択操作ができるコンポーネントを使い分ける考え方を説明しています。 MultiCombobox、SingleCombobox、Select、RadioButton、RadioButtonPanel、Checkbox、Switch smarthr.design/products/desi…
選択コンポーネントの使い分けをユースケースに沿って図示したフローチャート

ALT 選択コンポーネントの使い分けをユースケースに沿って図示したフローチャート

9
109
9,680
【アクセシビリティ】 画像の代替テキストに関するページに「SmartHR altディシジョンツリー」を追加しました。 W3CのaltディシジョンツリーをベースにSmartHRのプロダクトにあわせてカスタマイズしたものです。 同ページにはテキストによるリスト版も公開しています。 smarthr.design/accessibility…
「文字を含むか」「アイコンか」などの質問に対するYES/NOの答えに沿って代替テキストの書き方が提案されるフローチャート

ALT 「文字を含むか」「アイコンか」などの質問に対するYES/NOの答えに沿って代替テキストの書き方が提案されるフローチャート

30
4
136
10,339
【プロダクト】「よくあるリスト」を追加しました🎉 デスクトップで「よくあるテーブル」で表示される情報を、画面幅が小さいモバイルで表示するパターンを説明しています。 「よくあるテーブル」のページには、「よくあるリスト」に切り替えるガイドラインも用意しています。 smarthr.design/products/desi…
「よくあるテーブルとよくあるリストの主な構成の違い」の画面キャプチャ

ALT 「よくあるテーブルとよくあるリストの主な構成の違い」の画面キャプチャ

1
7
1,352
SmartHR Design Systemのコンテンツ領域の幅を広げました。 読みやすさに配慮して画面幅に合わせてコンテンツ領域の幅が広がる変更をしています。 smarthr.design/products/
ブラウザにSmartHR Design Sytemサイトが表示されている画面キャプチャ

ALT ブラウザにSmartHR Design Sytemサイトが表示されている画面キャプチャ

4
476
「AIアシスタント」のアイコンがダウンロードできるようになりました smarthr.design/basics/icons/
「AIアシスタント」アイコンの追加お知らせの画像

ALT 「AIアシスタント」アイコンの追加お知らせの画像

4
559
「汎用申請」のアイコンがダウンロードできるようになりました smarthr.design/basics/icons/
「汎用申請」アイコンの追加お知らせの画像

ALT 「汎用申請」アイコンの追加お知らせの画像

1
478
【プロダクト】 デザイントークンに「幅」、コンポーネントに「Container」を追加しました。多様なレイアウトに対応するために画面やダイアログの幅の基準をアップデートしました🎉 smarthr.design/products/desi…
デザイントークンの幅に記載しているセマンティックトークンのContainerとDialogのトークンの一覧のキャプチャ。

ALT デザイントークンの幅に記載しているセマンティックトークンのContainerとDialogのトークンの一覧のキャプチャ。

5
19
1,820
「ID管理」のアイコンがダウンロードできるようになりました🎉 smarthr.design/basics/icons/
「ID管理」アイコンの追加お知らせの画像

ALT 「ID管理」アイコンの追加お知らせの画像

1
452
「勤怠管理」のアイコンがダウンロードできるようになりました🎉 smarthr.design/basics/icons/
「勤怠管理」アイコンの追加お知らせの画像

ALT 「勤怠管理」アイコンの追加お知らせの画像

453
「給与計算」のアイコンがダウンロードできるようになりました🎉 smarthr.design/basics/icons/
「給与計算」アイコンの追加お知らせの画像

ALT 「給与計算」アイコンの追加お知らせの画像

417
「マネジメント育成計画」のアイコンがダウンロードできるようになりました🎉 smarthr.design/basics/icons/
Image from SmartHR Design System (@SHRDesignSystem)
452
「メッセージ」のアイコンがダウンロードできるようになりました🎉 smarthr.design/basics/icons/
Image from SmartHR Design System (@SHRDesignSystem)
1
1
3
900
「データ連携」のアイコンがダウンロードできるようになりました smarthr.design/basics/icons/
「データ連携」アイコンの追加お知らせの画像

ALT 「データ連携」アイコンの追加お知らせの画像

3
1,002
新機能「スマートフォン向けアプリ」のアイコンがダウンロードできるようになりました👏 smarthr.design/basics/icons/
「スマートフォン向けアプリ」アイコンの追加お知らせの画像

ALT 「スマートフォン向けアプリ」アイコンの追加お知らせの画像

739
【プロダクト】 「デザインレビュー」の内容をリニューアルしました🎉「UIデザイン使用性チェックリスト」を使った2段階のレビュー「情報設計レビュー」「UIレビュー」の実施方法と、情報設計レビューで使う「情報設計のアウトプット」の概要・サンプルを紹介しています。 smarthr.design/products/desi…
Image from SmartHR Design System (@SHRDesignSystem)
Image from SmartHR Design System (@SHRDesignSystem)
Image from SmartHR Design System (@SHRDesignSystem)
3
47
2,015
Load more