特徴
- シンプルで軽量な小説サイト向けテンプレート
- モノトーンカラーとアクセントカラー1色（+アクセントカラーの淡色）で配色がしやすい
- 右下、右上に固定のナビゲーションボタンエリア
サンプルページ
実装要素
- カードブロック
- タイトルと説明（通常 / ラベル・データ横並び / 枠あり）
- フォームセット（input.type=”text”], textarea, submit, 横並びレイアウト・全幅レイアウト）
- メインメニュー（固定）
- リスト（通常 / 数字 / 横並び）
- 共通装飾
- 固定ナビゲーション
- 表示切り替え要素（＋アコーディオン）
お借りしたもの
アイコン
Material Symbols and Icons - Google Fonts
Material Symbols are our newest icons consolidating over 2,500 glyphs in a single font file with a wide range of design variants.
fonts.google.com
スタートアップガイド
更新履歴
- 2020.07.15公開・配布開始
- 2020.07.20ヘッダー無し小説ページのサンプルを追加しました
それに伴い、CSSを若干変更いたしました - 2020.11.02デモページをより実際に使用する場合に近い形に変更
CSS、jsを一部変更※差し替えなくても問題ありませんが、余白などの微調整をしております。
適応させたい方は、CSSファイルと、general.jsを入れ替えてご利用ください。
