納品用のWebサイトのスタイルガイドが簡単に作成できるHTMLのテンプレート -Style Guide Guide

Webサイトのガイドライン、カラーや文字やアイコンや画像のスタイル、使用するコンポーネントを定義するスタイルガイドが作成できるテンプレートを紹介します。

サイトのキャプチャ

Style Guide Guide
Style Guide Guide

Style Guide Guide(誤字ではないです)は、MITライセンスで利用できるスタイルガイドのテンプレートで、企業サイトの納品用にも無料で利用できます。

サイトのキャプチャ

Getting Started

Style Guide Guideのファイル構成は、下記の通り。
スタティックサイトジェネレーター「Jekyll」を使用して作成されています。

デザインは非常にシンプルで、オンラインでどのような感じが確認できます。

サイトのキャプチャ

Guidelines

中身は空ですが、各項目は用意されているので、雰囲気が分かると思います。

サイトのキャプチャ

Styles

よく使用するページはテンプレートとして、使用例を定義しておくと便利ですね。

サイトのキャプチャ

Page Templates

コンポーネントでは、最近のWebサイトで見かけるものがまとめられています。

サイトのキャプチャ

コンポーネントの項目

sponsors

top of page

©2024 coliss