本文へ移動

カラー、タイポグラフィ、テキスト入力などを更新しました

カラーの調整をおこないました

変更点

  • ボタンやリンクカラーに使われている青色(Sea)の彩度を落とし、目にやさしい色に修正
  • 青色(Sea)のカラーパレットを暗い方に広げ、パレット内のコントラスト比を向上
  • 茶色(Wood-200,100,50)の彩度を調整し、調整した青色との調和を向上
  • Text色にHover,Activeを追加

変更前のカラーと、変更後のカラーの比較を紹介している。変更箇所が赤枠で囲まれている。

タイポグラフィの更新をおこないました

変更点

  • サービスごとに最適化しやすいよう、見出しの使用順をカスタマイズ可能に変更
  • モバイル版とデスクトップ版のスタイルを揃え、最小限のスタイル数に調整

変更前のタイポグラフィと、変更後のタイポグラフィの比較を紹介している。変更箇所が赤枠で囲まれている。

テキスト入力、テキストエリア、セレクター、ラジオボタンを修正しました

変更点

  • サポートテキストの位置をラベル直下に移動しました
  • プレースホルダーテキストの記載を非推奨にしました
  • 「サポートテキスト」「ヘルプテキスト」の表記を統一して「サポートテキスト」へ変更しました

変更前のテキスト入力と、変更後のテキスト入力の比較を紹介している。変更箇所が赤枠で囲まれている。

デザインデータ

デザインツールFigmaが提供するFigma Communityより、デザインデータを閲覧可能です。

Figma Community

関連情報