教室・スクール
子ども向け教室、ワークショップ、カルチャースクールなどに。
TYPEPastelカラフル・かわいいサイト向け
LEVEL★☆☆初心者向け
PAGES7教室・小規模サイト向け
STYLEResponsivePC / Tablet / Mobile
RECOMMENDED FOR
こんなかわいいサイトにおすすめ
親しみやすさ、やさしさ、楽しさを出したい小さなブランドや教室に向いています。
雑貨・ハンドメイド
かわいい作品や商品を楽しく紹介したいショップにぴったりです。
スイーツ・カフェ
お菓子やドリンクをポップで親しみやすく見せたい場合に。
イベント・案内
期間限定の企画、イベント告知、キャンペーンページにも使えます。
ABOUT TEMPLATE
かわいい色を、
かわいい色を、
きれいに整理する。
Pastel Popは、色数が多くても見づらくならないように、丸いUIや余白の取り方で全体をやさしく整えたテンプレートです。
まずはデモを見てみる →5色のパステル
印象の異なる5色を使いながら、まとまりのある見た目に整えています。
丸いUI
カード、ボタン、装飾に丸みを持たせて親しみやすい印象に。
幅広い用途
教室、雑貨、スイーツ、ハンドメイドなどに転用できます。
写真でもイラストでも
写真サイトにもイラスト中心のサイトにも合わせやすい設計です。
DESIGN PREVIEW
色が多くても、うるさく見せない。
実際のテンプレート画像とスマホ表示を見せることで、かわいさと見やすさのバランスが伝わりやすくなります。
PASTEL PREVIEW
Color your
Color your
happy days.
親しみやすい配色と丸いデザインで、見た人が楽しくなるようなサイトづくりに向いています。
- かわいいけれど見やすい配色バランス
- 教室や小規模ショップにちょうどいいやさしさ
- 色を入れ替えるだけで世界観が大きく変わる
Pastel Pop preview
PAGE STRUCTURE
小さなお店・教室に
小さなお店・教室に
使いやすい7ページ。
FAQや店舗情報も入れやすく、少ない情報でも見栄えよくまとめやすい構成です。
トップページ
メイン紹介、サービス、写真、問い合わせ導線。
紹介・コンセプト
お店や教室の想い、こだわり、自己紹介。
サービス・メニュー
商品・レッスン・料金などを掲載。
ギャラリー
作品、商品写真、教室風景など。
店舗情報・FAQ
基本情報とよくある質問を整理。
アクセス
住所、地図、営業案内。
お問い合わせ
メール・SNS・フォーム導線。
EASY CUSTOMIZE
5色を変えるだけで、
5色を変えるだけで、
世界観をまるごと変更。
Pastel Popは配色の印象が大きいテンプレートです。まずはカラーコードの変更から始めるのがおすすめです。
ピンク
メインのやさしいアクセント。
--pink: #f7b7c9;ミント
爽やかさを出す補助色。
--mint: #b9e7d3;ラベンダー
かわいさと落ち着きを両立する色。
--lavender: #cbbcf3;レモン / スカイ
明るさを出す差し色。
--yellow / --sky;
CUSTOMIZE LEVEL
どこまで変更するかは、自分次第。
変更内容難易度触る場所初心者向け
文章・見出し★☆☆HTMLおすすめ
画像の差し替え★☆☆img / imagesおすすめ
配色変更★☆☆CSS変数おすすめ
カード追加★★☆HTML慣れたら
レイアウト変更★★★CSS中〜上級
DOWNLOAD
Template 005
Template 005
Pastel Pop
HTML 7ページ、CSS、画像素材、README、利用条件をまとめた配布ZIPです。無料利用時はMACHIKA WEBのテンプレートクレジットとリンクを残してご利用ください。
READY TO USE
カスタマイズ講座へ
色を変えると、すぐ自分だけのかわいさに。
色・余白・カードの変更方法はカスタマイズ講座でも解説しています。