cocotano!
おしゃれなWEBデザイン・参考サイト集
サイト一覧
カテゴリーから探す
私たちについて
お気に入り
サイト一覧
/
レスポンシブ
/
株式会社アペック
株
サイトの種類
レスポンシブ
コーポレートサイト
色･配色
ホワイト･白色
サブカラーが青色
テイスト
やわらかい・丸みのある
特徴
アイコン・ピクトグラム
レイアウト
ヘッダー・上部ナビ
動き・モーション
スクロールテキスト
スクロールエフェクト
使用技術
GSAP / ScrollTrigger
WordPress
Webフォント
色･配色が似ているサイト
一覧へ戻る →
FI
FIL
MA
MAGNOLIA WHITE（マグノリア・ホワイト）
ST
STUDIO実装代行サービス｜STUDIO BISCUIT
VI
栄養モニタリングサービス Vivoo | 大塚製薬
業種・ジャンルが似ているサイト
一覧へ戻る →
芙
芙蓉総合リース株式会社 | 採用サイト
MR
ジブラルタ生命 代理店営業担当者(MR)キャリア採用サイト
株
株式会社だいこう証券ビジネス
ダ
ダイヤオフィスシステム
特徴が似ているサイト
一覧へ戻る →
NI
日産：NISSAN PASSPORT BETA
佐
佐賀市のあたりまえ観光
マ
マガジンハウス | 新卒採用2026
AZ
AZ STRAW BERRY（アズストロベリー）
cocotano!
サイト一覧
カテゴリーから探す
私たちについて
お問い合わせ
お気に入り
詳細検索
詳細検索
サイトの種類
すべて
Webサイト
シングルページ
キャンペーン･特設･プロモーションサイト
ブランドサイト･サービスサイト
ECサイト･オンラインショップ
採用サイト･採用ページ
WEBマガジン
コンテンツページ
LP（ランディングページ）
スマホ特化･モバイルファースト
レスポンシブ
ポートフォリオ
海外サイト
ポータルサイト･メディア･情報サイト
コーポレートサイト
採用サイト
ポータルサイト・メディア
キーワード
掲載時期
指定なし
1ヶ月以内
3ヶ月以内
半年以内
1年以内
色･配色
ホワイト･白色
レッド･赤色
ブルー･青色
イエロー･黄色
グリーン･緑色
パープル･紫色
グレー･灰色
シルバー･銀色
ベージュ系
ピンク･桃色
ネイビー･紺色
カラフル･多色
ブラック･黒色
ゴールド･金色
オレンジ･橙色
ブラウン･茶色
サブカラーが赤色
サブカラーが緑色
サブカラーが白色
サブカラーが青色
サブカラーが紫色
サブカラーがベージュ色
サブカラーがオレンジ色
サブカラーがカラフル色
白黒･モノトーンな配色
サブカラーが茶色
サブカラーが黄色
サブカラーがピンク色
サブカラーがグレー
モノクロ・単色
さわやかな配色
奇抜･めずらしい･派手な配色
かわいい配色
和･レトロな配色
中性色
ダーク･重厚感のある配色
強い･あざやか･ポップな配色
暖色
キーカラーが効いてる配色
スタイリッシュ･知的な配色
寒色
サブカラーが黒色
落ち着いた配色
健康的･リラックス･フレッシュな配色
組み合わせが効いてる配色
高級感がある配色
元気･楽しい･にぎやかな配色
アクセス･遷移･日時で配色が変わる
ベージュ･アイボリー･クリーム･薄茶色
やさしい･やわらかい配色
魅力的な色使い
サブカラーが灰色
サブカラーがカラフル
テイスト
スタイリッシュ･モダン
見やすい･オーソドックス
シンプル
誠実･信頼感
かっこいい
清潔感
らしさ･雰囲気･世界観が伝わる
遊び心がある･作り込まれている
ポップ
にぎやか
手書き感･コラージュ
質感･柄
ダイナミック･印象的･細やかな動き
グラデーション
かわいい
女性向け･女性的
形を多用
テクスチャー
ナチュラル
水彩･絵の具
シズル感･訴求力がある写真･動画
上品
さわやか
エレガント
やさしい･親しみ･ナチュラル
スタイリッシュ
手書き風・ハンドメイド
季節感･季節のイベント
シズル感
雑誌風
漫画風･アメコミ風
和風
やわらかい・丸みのある
手描き風
おしゃれ・スタイリッシュ
高級感・ラグジュアリー
カッコイイ・クール
かわいい・キュート
オーソドックス
レトロ・アメリカン
ミニマル
男性向け･男性的
和風･レトロ
3D表現･3Dイラスト
グランジ・ハード
ステキな更新コンテンツページあり
スムーススクロール
フラットデザイン
ベタ塗り
花･木･葉･植物を使用
アイソメトリックイラスト
ファブリック調
水･波･波紋･水滴を使用
ベタ塗
迫力
プロジェクト
レイアウト
1カラム
2カラム
ブロークングリッドレイアウト
スプリットレイアウト
グリッド
左ナビゲーション
右ナビゲーション
ヘッダー・上部ナビ
下部固定ナビ
斜めレイアウト・斜めライン
ボックスレイアウト
動き・モーション
GSAP / ScllTygger
3D / WebGL / thue.js
スクロール
横スクロール
スライダー
アニメーション
動画・Youtue
ホバーエフェクト
視差効果（パララックス）
パララックス
ページ遷移
背景が動く
モーションが印象的
ローディング･オープニングアニメーション
動き･エフェクト･アニメーションあり
ホバー
スクロールエフェクト
スクロールテキスト
テキストエフェクト
カーソル
ほどよい動き
特徴
日本語メイン
多言語対応
ステキなレイアウトあり
ステキなバナー･ボタン･メインビジュアルあり
パララックス･スクロールエフェクト
動画が流れる
リッチ･インタラクティブ
情報量が多い
罫線･飾り罫
ステキな下層ページあり
ステキな文字･タイポグラフィ
ステキなインフォグラフィックあり
ステキな写真
グリッドレイアウト
スライド･カルーセル
要素が動く
ノーコードツール｢STUDIO｣で制作
イラスト･アイコン
角丸
イラストが動く
イラスト
ステキなナビゲーション･メニュー
3D･canvas･WebGL
さりげない動き･動きなし
サークル（円）を使ったデザイン
TOPページにJS多用
斜めライン利用
大きい写真の背景
Webフォント・Googleフォント
WotPuss
写真が印象的
おもしろいサイト
タイポグラフィ
背景がある
メインビジュアル・キービジュアル
フォーム
ボタンデザイン
メニュー
見出しデザイン
縦ライン
特殊なWebフォント使用
写真・イラスト
イラストが印象的
埋め込み動画
ページトップ
アイコン・ピクトグラム
写真・フォトグラフィー
写真少なめ･写真以外のビジュアル表現
動画
ナビゲーション・メニュー
フッター
ロゴデザイン
インフォグラフィック
下層ページあり
マスク / クリップパス
イメージエフェクト
選択中
0
クリア
検索する
