パステル

ゆめかわいいテンプレート「パステル」

「パステル」はドリーミーな雰囲気のテンプレートです。27作目です。

優しくてかわいい淡いピンク色

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

「キキララみたいなパステルカラー」のご要望にお応えしました!

こんな方におすすめです

  • かわいいものが好き
  • レース(編むやつ)が好き
  • かわいさの中にも上品さがほしい

※ご利用の際は利用規約独自ライセンスの項目をご一読ください。

「パステル」の特徴2つ

淡い色合いとレースの画像がかわいい

ララのようなペールピンクを全体的に使いました。レースと相まってかわいい雰囲気になったかなと思います。

水色をメインにしてもいいですね(#c3ebfaなど)。パステルカラーならどんなものでも合いそうです。

逆に濃い背景色を使えばゴスロリっぽく使えるかもしれません。……試しに#222にしたらレースが映えていい感じでした!

かわいさを醸し出すために小さめの文字サイズにし、PCから見たときのテーブル幅を狭めにしてあります。適宜カスタマイズしてみてください。

テーブル幅についてはテンプレート内のメモにあるコードをコピペしていただくだけで変更できます。

文字がふわっと浮かぶアニメーション

メニュー文字にカーソルをのせると、文字がふわっと浮かびます。

デフォルトでは動く高さをtransform: translateY(-6px);としてありますが、数字を大きくしすぎるとリンクを押しにくくなるので気をつけてください笑

今回のテンプレートは色をご指定いただいたことで思いきりかわいさを意識して作れました。リクエストありがとうございました。

テンプレートのデータ

文書型宣言 HTML5
文字コード UTF-8
フレームワーク Bootstrap
CSSの書き方 モバイルファースト

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