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

運用ガイドライン

  • リリース
  • ページテンプレート
    • スタイルテンプレート
    • コンポーネントのテンプレート
    • デザインパターンのテンプレート
  • X
  • Figmaの利用方法

  • リリース
  • ページテンプレート
    • スタイルテンプレート
    • コンポーネントのテンプレート
    • デザインパターンのテンプレート
  • X
  • Figmaの利用方法
  • スタイルテンプレート
  • コンポーネントのテンプレート
  • デザインパターンのテンプレート

  • スタイルテンプレート
  • コンポーネントのテンプレート
  • デザインパターンのテンプレート

ページテンプレート

スタイルテンプレート

ページ(mdxファイル)のスタイル見本です。

コンポーネントのテンプレート

プロダクトのコンポーネントカテゴリのページを書く際のテンプレートです。

デザインパターンのテンプレート

プロダクトのデザインパターンカテゴリのページを書く際のテンプレートです。

  • 前へ

    リリース
  • 次へ

    スタイルテンプレート

SmartHR Design System

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

はじめに

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

基本原則

基本要素

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

アクセシビリティ

  • 機能ごとの検証結果
  • ウェブアクセシビリティ簡易チェックリスト
  • アクセシビリティチェックはじめてガイド
  • 画像の代替テキスト
  • 多言語化対応
  • やさしい日本語
  • リンクテキスト
  • 弱視・ロービジョンのユーザーのウェブ利用時の課題と解決案(WIP)

プロダクト

  • デザイン原則
  • ユーザビリティ(使用性)
  • デザイントークン
  • コンポーネント
  • デザインパターン
  • デザインレビュー
  • デザインデータ
  • ライティング
  • リソース

コミュニケーション

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

SmartHR © SmartHR, Inc.