WEBサイトのスタイルガイドを作成するためのHTMLテンプレート「Style Guide Guide」

WEBサイトのスタイルガイドを作成するためのHTMLテンプレート「Style Guide Guide」

WEBサイトのスタイルガイドを作成するためのHTMLテンプレート「Style Guide Guide」
  • シェアしてね♪
  • このエントリーをはてなブックマークに追加


  • 年間$149ドルで10万点以上の映像素材をダウンロードし放題!
  • このエントリーをはてなブックマークに追加

Style Guide Guideは、WEBサイトのスタイルガイドを作成するためのHTMLテンプレートです。

スポンサードリンク

Style Guide Guideのダウンロード

Style Guide Guideは、GitHubからダウンロードすることが可能です。

テンプレートのファイルの構成は、以下のようになっています。

design-system-1.0/
├── css/
│ ├── design-system-1.0.css
│ ├── design-system-1.0.min.css
├── fonts/
│ └── [design system web fonts]
├── images/
│ ├── design-system-icons.svg
└── js/
│ ├── design-system-1.0.js
│ └── design-system-1.0.min.js
└── [additional files]

中身は何も入っていませんが、テンプレートがどういう感じになっているかは、こちらで確認することができます。

あとがき

スタイルガイドを一から作るのは面倒なので、こういったテンプレートがあると時短できますね。

この記事が気に入ったら
いいね!してね♪

Twitter で
スポンサードリンク

関連記事

コメントを残す

メールアドレスが公開されることはありません。