商用利用無料でしかも高品質!ランディングページを作成するためのHTML/CSSのテンプレートのまとめ
Post on:2018年5月23日
プロダクトやサービス、スマホアプリ、ショップなど、さまざまなプロジェクトに利用できるランディングページ用のHTML/CSSテンプレートを紹介します。
テンプレートはすべてレスポンシブ対応で、HTML/CSSだけを使用して作成してもよし、カスタマイズ用にGulp/Sassファイルも揃っています。
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-201802/2018052305.png)
Papayaのライセンス
HTML/CSSテンプレートは、商用でも無料で利用できます。
- していいこと
-
- テンプレートを個人のプロジェクトに使用すること。
- テンプレートを商用のプロジェクトに使用すること。
- テンプレートを好きなようにカスタマイズすること。
- ダメなこと
-
- テンプレートを単体、または他のアイテムと組み合わせて販売すること。
- テンプレートを他人に配布すること。
- する必要がないこと
-
- PapayaまたはJordan Bowmanに帰属すること。
もちろん、帰属は感謝します。
- PapayaまたはJordan Bowmanに帰属すること。
詳しくはダウンロードファイルの「License.md」をご覧ください。
レスポンシブ対応のHTML/CSSテンプレート
ダウンロードできるファイルには、テンプレートのHTML/CSSファイルだけでなく、Gulp/Sassファイルも含まれています。また、使用されている画像はUnsplash、アイコンはEntypoなので、商用でもそのまま利用できます。
![デモのキャプチャ](http://coliss.com/wp-content/uploads-201802/2018052306-01.png)
イラストを使用したモダンなデザインのテンプレート。主に、アプリのランディングページ向け。
![デモのキャプチャ](http://coliss.com/wp-content/uploads-201802/2018052306-02.png)
ジオメトリックなレイアウトを採用したランディンページのテンプレート。ショップなどに適しています。
![デモのキャプチャ](http://coliss.com/wp-content/uploads-201802/2018052306-03.png)
イベント告知のランディングページ用テンプレート。
![デモのキャプチャ](http://coliss.com/wp-content/uploads-201802/2018052306-04.png)
高さいっぱいの分割レイアウトを採用したテンプレート。通常、分割レイアウトはスマホ時に左右のパネルが垂直になるだけですが、このテンプレートは一工夫されています。
![デモのキャプチャ](http://coliss.com/wp-content/uploads-201802/2018052306-05.png)
タイトルや背景にパターンを使った、かわいいデザインのテンプレート。
![デモのキャプチャ](http://coliss.com/wp-content/uploads-201802/2018052306-06.png)
ショップなどのランディングページにぴったり、楽しいデザインのテンプレート。
sponsors