GRIGIO

小説サイト向けのシックなテンプレート「GRIGIO」

「GRIGIO」はシックな色合いのテンプレートです。20作目です。

落ち着いたグレーにハンコが映える

どの端末からも見やすく、1カラムで表示されるレスポンシブデザインです。

「1カラム、テキストサイト用、シックで上品な色使い(グレーやブラウンなど)、トップ画像ではなく小さな画像が何か所かにある感じ」のご要望にお応えしました!

こんな方におすすめです

  • シックな雰囲気が好き
  • 書くことが好き
  • 色を変えてカスタマイズを楽しみたい

このテンプレートはMITライセンスを適用しています。詳しくは利用規約をご覧ください。

「GRIGIO」の特徴3つ

使いやすい1ページ式テンプレート

ベーシックな1カラムで使いやすく、色替えによるイメージチェンジがしやすいデザインです。色や画像の組み合わせをお楽しみください!

サイトのコンテンツは1ページにまとまっており、一覧性があります。

メニューをクリックすると、該当箇所へスルッとスクロールします。いわゆるスムーススクロールです。

スクロールの速度を変える場合はHTML内の'slow''fast''400'などに変えてみてください。

ハンコ画像がアクセント

「テキストサイト用で、小さな画像が何か所かにある感じ」ということで、羽根ペンやインク壺などの画像をハンコでアソブさんからお借りしました。
文字書きさんにとって心くすぐられるデザインになったのではないでしょうか。

スマートフォンではヘッダーの画像が縮小表示されます。もしサイト名に被って気になる場合は微調整してください。

また、リンクのコーナーにある栞の画像は小さい画面では非表示となります(バナーや説明文に被ってしまうため)。

トップに戻るボタン付き

このテンプレートには、スクロールすると現れる「トップに戻るボタン」が付いています。

無料サーバーのバナー広告に隠れてしまう場合は、CSS内の#page-top {bottom: 10px;}を60pxや80pxに増やしてみてください。

テンプレートのデータ

文書型宣言 HTML4.01 Transitional
文字コード Shift_JIS
フレームワーク One% CSS Grid
CSSの書き方 PCファースト

サイト作りに慣れていなければ「HTMLテンプレートを使ったサイト制作の流れ」をご覧ください。