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

運用ガイドライン

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

ページテンプレート

スタイルテンプレート

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

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

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

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

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

  • 前へ

    リリース
  • 次へ

    スタイルテンプレート

SmartHR Design System

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

コンセプト

  • 利用方法
  • コンテンツ構成
  • 運営理念

基本原則

基本要素

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

アクセシビリティ

  • ウェブアクセシビリティ方針
  • ウェブアクセシビリティ簡易チェックリスト
  • 画像の代替テキスト
  • アクセシビリティの改善となるUIテキスト変更の判断基準

プロダクト

  • デザイン原則
  • デザイントークン
  • コンポーネント
  • コンテンツ
  • デザインパターン(共通)
  • デザインパターン(基本機能)
  • デザインの進め方
  • リソース

コミュニケーション

  • 写真・動画
  • スライド・資料
  • 名刺
  • 画面キャプチャ
  • サンプル集

SmartHR© SmartHR, Inc.