👌

デジタル庁公開のデザインをhtml/cssに落とし込んでみた。

2024/08/03に公開

はじめに

デジタル庁が公開したデザインシステムがよさそうなデザインでしたので、適当に遊ぼうかと思いました。
html/cssで公開してくれればすぐに使いやすいと思ったんですが、どうやらFigmaでしか配っていない。。
ということでhtml/cssに落とし込んでみました。

https://www.digital.go.jp/policies/servicedesign/designsystem/

注意事項

  • 作成時は初学者でした。先輩からの厳しいコメントを受け、最低限修正したつもりです。
  • 趣味程度に作ったものを、使いたい人がいればどうぞというものです。
  • 細かい部分は間違っていることもあるかと思います。(ラジオボタン難しかったので、何とか再現した感じです。)
  • 自分用に目的もなくつくっていましたので、命名等のポリシーもめちゃくちゃです。許してください。

ソースコード

以下、に載せています。

https://github.com/arakiyahoo/SampleDAWebUI.git

完成概要

ページとしてはこんな感じ

Discussion