SmartHR Design System
  • さがす
  • はじめに
  • 基本原則
  • 基本要素
  • アクセシビリティ
  • プロダクト
  • コミュニケーション

コミュニケーション

  • 写真・動画
    • オフィス写真
    • ジングルムービー
  • アイキャッチ
  • スライド・資料
  • 名刺
  • 画面キャプチャ
    • 画面キャプチャ(端末モック入り)
    • 画面キャプチャ(プロダクト)
    • 画面キャプチャ(その他)
    • 編集キット
    • 作成ガイドライン
  • 端末モック
  • サンプル集
    • サンプルテキスト

  • 写真・動画
    • オフィス写真
    • ジングルムービー
  • アイキャッチ
  • スライド・資料
  • 名刺
  • 画面キャプチャ
    • 画面キャプチャ(端末モック入り)
    • 画面キャプチャ(プロダクト)
    • 画面キャプチャ(その他)
    • 編集キット
    • 作成ガイドライン
  • 端末モック
  • サンプル集
    • サンプルテキスト

サンプル集

SmartHRのサービス全体で利用できるサンプル集です。

  • 前へ

    端末モック
  • 次へ

    サンプルテキスト

SmartHR Design System

  • さがす
  • 利用規約
  • お問い合わせ・フィードバック
  • 運用ガイドライン
  • 更新情報(X)
  • 運営会社

はじめに

  • 利用者のかたへ
  • コンテンツ構成
  • 運営理念

基本原則

基本要素

  • ロゴ
  • 色
  • タイポグラフィ
  • アイコン
  • イラストレーション
  • メタ情報
  • 伝わる文章

アクセシビリティ

  • 機能ごとの検証結果
  • ウェブアクセシビリティ簡易チェックリスト
  • アクセシビリティチェックはじめてガイド
  • 画像の代替テキスト
  • リンクテキスト
  • 弱視・ロービジョンのユーザーのウェブ利用時の課題と解決案(WIP)
  • アクセシビリティの改善となるUIテキスト変更の判断基準

プロダクト

  • デザイン原則
  • ユーザビリティ(使用性)
  • デザイントークン
  • コンポーネント
  • ライティング
  • デザインパターン(共通)
  • デザインパターン(基本機能)
  • デザインの進め方
  • リソース

コミュニケーション

  • 写真・動画
  • アイキャッチ
  • スライド・資料
  • 名刺
  • 画面キャプチャ
  • 端末モック
  • サンプル集

SmartHR© SmartHR, Inc.