● オンライン
GOV.UK Design System

GOV.UK Design System

official UK government フレームワーク のための consistent, accessible public サービス interfaces.

無料デザインシステム

プロダクト概要

GOV.UK Design Systemは、英国政府デジタルサービス(GDS)の公式デザインシステムで、政府のウェブサイトやアプリ全体でユーザー中心のアクセシブルで一貫性のあるデジタルサービスを構築するための再利用可能なコンポーネント、パターン、ガイドラインを提供します。広範なユーザーリサーチに基づき、すべての公共サービスがシンプルさ、包括性、信頼性の同じ基準に従うことを保証します。中央および地方政府チームによって広く使用され、オープンソースでコミュニティサポートされています。 コンポーネントライブラリ:HTMLとNunjucksのコードスニペットを備えたボタン、フォーム、テーブル、ヘッダー、エラーメッセージなどの再利用可能な要素。 パターン:フォーム、ナビゲーション、コンテンツレイアウトなどの一般的なタスクのガイダンス。 スタイル:GOV.UKブランディングに合わせた色、タイポグラフィ、間隔、アイコン、画像。 アクセシビリティ:障害を含むユーザーでテストされたWCAG 2.2 AA準拠。 コミュニティサポート:政府チームからの貢献。定期的な更新とリサーチ。

label.best_for

チーム 構築 スケーラブル, consistent digital products.

主な機能

  • コンポーネントライブラリ: Reusable elements のような buttons, forms, tables, headers, と error messages を使った コード snippets で HTML と Nunjucks.
  • パターン: Guidance のための 共通 tasks のような forms, navigation, と content レイアウト.
  • Styles: 色, タイポグラフィ, 間隔, アイコン, と 画像 aligned を使った GOV.UK ブランディング.
  • アクセシビリティ: WCAG 2.2 AA compliance, tested を使った ユーザー 含む それらの を使った disabilities.
  • コミュニティ Backing: Contributions から government チーム; regular 更新 と research.

メリット

  • +オープンソース
  • +リアルタイムコラボレーション
  • +豊富なアイコンライブラリ
  • +カラーパレット生成

デメリット

  • -導入にはチームの合意が必要
  • -カスタマイズが複雑になる場合あり

/// スペック

  • 価格:free
  • プラットフォーム:
    Browser
ASSETS_DIRECTORY
/// 関連ツール