WEBサイトのデザイン要素例をまとめています。ご要望に応じてコンテンツに動きをつけたり装飾をすることが出来ます。

hoverボタン

ボタンにマウスカーソルを重ねた時の動きを追加できます。

押す動きをします 枠が変わります 色が変わります

画像hover

画像にマウスカーソルを合わせた時の動きを追加できます

ここに重ねる文字

ここに重ねる文字

見出しレイアウト

タイトル要素(見出し)のデザイン例です。

H2タグ

見出し

見出し

見出し

見出し

見出し

見出し

見出し

見出し

見出し

見出し

見出し

見出し

H3タグ

サブタイトル要素(小見出し)のデザイン例です。

見出し

見出し

見出し

見出し

見出し

見出し

見出し

見出し

見出し

見出し

見出し

見出し

画像の角丸 円形表示

画像の切り出し効果等を追加できます。画像hoverと組み合わせることもできます。

角丸

円形

円形+シャドウ

モノクロからカラーへ

マウスカーソルを合わせることでモノクロからカラーに変わる演出ができます。

カスタムフィールドテンプレート

記事投稿をテンプレート化し、ご自身でブログや商品紹介等を簡単にできるようにサポートします。

店舗名キリンカフェ
ジャンルフレンチ
禁煙・喫煙分煙
駐車場あり(無料)
お店の印象

農薬不使用の豆を使ったコーヒー各種ほか、トーストやカレー、デザートを
リーズナブルな料金で提供します。
スタイリッシュな空間で、ゆったりとしたひと時をお過ごしください。

画像加工

サイトのイメージに合わせて画像の切り出し方を変えて、様々な演出をします。