DESIGN.md から抽出したデザイントークンのカタログ。line-height: 2.0 のゆったりとした行間と、ヒラギノ角ゴ Pro W3 を先頭に置く和文優先フォントスタックが特徴。
サイボウズと SmartHR の行間設計の違い。同じテキストで読みやすさの差を体感できます。
チームワークあふれる社会を創る。サイボウズは、働く人の生産性と幸福感を高めるグループウェアを提供しています。多様な個性を重視し、100人100通りの働き方を実現する。それが私たちの目指す姿です。
チームワークあふれる社会を創る。サイボウズは、働く人の生産性と幸福感を高めるグループウェアを提供しています。多様な個性を重視し、100人100通りの働き方を実現する。それが私たちの目指す姿です。
働き方改革は制度だけでは実現しません。チームメンバー一人ひとりが自分らしく働ける環境をつくること。テレワーク、副業、時短勤務。多様な選択肢を用意し、それぞれが最も力を発揮できる形を見つけることが大切です。kintone や Garoon などのツールは、そうした柔軟な働き方を技術面から支えています。
働き方改革は制度だけでは実現しません。チームメンバー一人ひとりが自分らしく働ける環境をつくること。テレワーク、副業、時短勤務。多様な選択肢を用意し、それぞれが最も力を発揮できる形を見つけることが大切です。kintone や Garoon などのツールは、そうした柔軟な働き方を技術面から支えています。
左: サイボウズ（line-height: 2.0）は行間が広く、1行ずつ視線を追いやすい。右: SmartHR（line-height: 1.5）は業務UIとして情報密度を優先した設計。
チームで働くことが、楽しくなるサービスを。サイボウズは創業以来、グループウェアの開発を通じてチームワークを支援してきました。kintone、Garoon、サイボウズ Office、メールワイズ。それぞれのプロダクトが、異なるチームの課題に応えています。
100人いれば100通りの働き方がある。サイボウズはこの考えのもと、社員一人ひとりが自分に合った働き方を選べる制度を整えてきました。在宅勤務、副業、育児との両立。制度とツールの両面から、働く人を支えます。
情報共有、ワークフロー、コミュニケーション。チームの活動に必要な機能をクラウドで提供し、場所や時間にとらわれない働き方を可能にします。グループウェアは単なるツールではなく、チームの文化をかたちづくるインフラです。
CSS Custom Properties による体系的なカラートークンは使用されていない。コーポレートサイトとしてシンプルな構成。
ヒラギノ角ゴ Pro W3 の日本語名を英語名より先に記述。和文の表示品質を最優先とする設計思想が表れている。
ヒラギノ角ゴ Pro（JIS90字形）を使用。ProN（JIS2004字形）ではないため、一部の漢字で字形が異なる点に注意。
ＭＳ Ｐゴシックの全角名・半角名の両方を記述し、古い Windows 環境でも確実にフォールバックする構成。
グローバル適用。note の記事本文と同じ水準のゆったりした行間。SmartHR（1.5）と比較して約33%広い。
font-feature-settings は normal。プロポーショナル字詰めを行わず、等幅配置のまま表示。本文の安定した可読性を優先。
デザイントークンの体系的な管理は行われていない。伝統的なCSS構成でシンプルに記述。