Design system
デザイン方針
読みやすさと、誰もが迷わず使えることを大切にしています。
目指す体験
情報の優先順位を明確にし、十分な文字サイズ、明瞭な見出し、キーボード操作時のフォーカス表示、コントラストを意識した配色を採用しています。装飾は控え、記事を読むことに集中できる画面を目指しています。
採用している考え方
- 青を主操作・リンクの色とし、状態を色だけに依存しない設計
- 見出し・本文・補足情報の明確な階層化
- マウスだけでなくキーボードでも認識できるフォーカス表示
- 狭い画面でも横スクロールを生みにくいレスポンシブレイアウト
出典・ライセンス表記
デジタル庁デザインシステムを参考にしています
本ブログのUIは、デジタル庁デザインシステムのデザイン言語、コンポーネントの考え方およびガイドラインを参考にし、本ブログ向けに編集・加工して作成しています。デジタル庁が本ブログを作成・承認したことを示すものではありません。
デザインシステム本体の利用上の注意事項、Figmaデータおよびコードスニペットのライセンスは、デジタル庁デザインシステムの利用上の注意事項を確認してください。このブログでは同サイトのコードスニペット、Figmaデータ、アイコン素材をそのまま転載していません。