cocotano!
おしゃれなWEBデザイン・参考サイト集
サイト一覧
カテゴリーから探す
私たちについて
お気に入り
サイト一覧
/
レスポンシブ
/
THE ROASTERS
レスポンシブ
THE ROASTERS
TH
サイト・デザインの特徴について
珈琲の焙煎所。山あいの畑を撮った写真を全面に敷き、中央へセリフ体の英文と和文を一行ずつ重ね、左端に縦組みの社名を添えています。産地の景色だけで語る画面です。
サイトの種類
レスポンシブ
業種・ジャンル
商品・製品紹介
飲食・食品
色･配色
グレー･灰色
サブカラーが黒色
テイスト
スタイリッシュ
特徴
ロゴデザイン
写真・フォトグラフィー
レイアウト
2カラム
右ナビゲーション
動き・モーション
スライダー
使用技術
WordPress
Webフォント
サイトの種類が似ているサイト
一覧へ戻る →
GR
GreatRIVER – 企業の中に、創造性を。
KA
4kake（シカケ）
TS
TSG 公式サイト
SY
syuz'gen
色･配色が似ているサイト
一覧へ戻る →
PL
PLUS PRESS：プラスのモノ・コトを発信するスタイルマガジン
ST
starboy
NP
NPO法人 日本タイポグラフィ協会
株
株式会社コンテナ
業種・ジャンルが似ているサイト
一覧へ戻る →
MA
Maison Ladurée Paris
チ
チャーハンの素｜永谷園
キ
キリン ヘルシア
タ
タニカのあまざけ
テイストが似ているサイト
一覧へ戻る →
TR
TRUNK(HOTEL) CAT STREET WEDDING
PL
PLUS PRESS：プラスのモノ・コトを発信するスタイルマガジン
ET
Eternal Blue Store
鯖
鯖江から世界へ | 金子眼鏡
特徴が似ているサイト
一覧へ戻る →
JI
JIKI Design Associates Ltd.
WO
WONK 「Shades of」
SO
Souvenir Studio スーベニアスタジオ
TH
THE SHARE HOTELS｜ザ シェア ホテルズ
レイアウトが似ているサイト
一覧へ戻る →
JC
J-CAT株式会社
HT
医療技術評価（HTA）教育プログラム｜かぎられた資源で持続可能な医療を。
GL
GLIQ
NS
NSSG
cocotano!
サイト一覧
カテゴリーから探す
私たちについて
お問い合わせ
お気に入り
詳細検索
詳細検索
サイトの種類
すべて
Webサイト
キャンペーン･特設･プロモーションサイト
ブランドサイト･サービスサイト
ECサイト･オンラインショップ
コンテンツページ
LP（ランディングページ）
スマホ特化･モバイルファースト
レスポンシブ
ポートフォリオ
海外サイト
コーポレートサイト
採用サイト
ポータルサイト・メディア
キーワード
掲載時期
指定なし
1ヶ月以内
3ヶ月以内
半年以内
1年以内
色･配色
ホワイト･白色
レッド･赤色
ブルー･青色
イエロー･黄色
グリーン･緑色
パープル･紫色
グレー･灰色
シルバー･銀色
ピンク･桃色
ネイビー･紺色
カラフル･多色
ブラック･黒色
ゴールド･金色
オレンジ･橙色
ブラウン･茶色
サブカラーが赤色
サブカラーが緑色
サブカラーが白色
サブカラーが青色
サブカラーが紫色
サブカラーがベージュ色
サブカラーがオレンジ色
サブカラーがカラフル色
白黒･モノトーンな配色
サブカラーが茶色
サブカラーが黄色
サブカラーがピンク色
サブカラーがグレー
奇抜･めずらしい･派手な配色
和･レトロな配色
中性色
強い･あざやか･ポップな配色
暖色
キーカラーが効いてる配色
スタイリッシュ･知的な配色
寒色
サブカラーが黒色
落ち着いた配色
健康的･リラックス･フレッシュな配色
組み合わせが効いてる配色
高級感がある配色
アクセス･遷移･日時で配色が変わる
ベージュ･アイボリー･クリーム･薄茶色
やさしい･やわらかい配色
魅力的な色使い
サブカラーが灰色
サブカラーがカラフル
テイスト
シンプル
誠実･信頼感
かっこいい
清潔感
らしさ･雰囲気･世界観が伝わる
遊び心がある･作り込まれている
ポップ
グラデーション
かわいい
女性向け･女性的
テクスチャー
ナチュラル
水彩･絵の具
さわやか
エレガント
スタイリッシュ
季節感･季節のイベント
シズル感
雑誌風
漫画風･アメコミ風
和風
やわらかい・丸みのある
手描き風
高級感・ラグジュアリー
オーソドックス
レトロ・アメリカン
男性向け･男性的
3D表現･3Dイラスト
グランジ・ハード
フラットデザイン
花･木･葉･植物を使用
アイソメトリックイラスト
水･波･波紋･水滴を使用
ベタ塗
迫力
プロジェクト
レイアウト
1カラム
2カラム
ブロークングリッドレイアウト
スプリットレイアウト
グリッド
左ナビゲーション
右ナビゲーション
ヘッダー・上部ナビ
下部固定ナビ
斜めレイアウト・斜めライン
ボックスレイアウト
動き・モーション
GSAP / ScllTygger
3D / WebGL / thue.js
横スクロール
スライダー
アニメーション
動画・Youtue
パララックス
ページ遷移
背景が動く
モーションが印象的
ローディング･オープニングアニメーション
ホバー
スクロールエフェクト
スクロールテキスト
テキストエフェクト
カーソル
ほどよい動き
特徴
日本語メイン
多言語対応
ステキなレイアウトあり
リッチ･インタラクティブ
情報量が多い
罫線･飾り罫
イラストが動く
イラスト
サークル（円）を使ったデザイン
WotPuss
おもしろいサイト
タイポグラフィ
背景がある
メインビジュアル・キービジュアル
フォーム
ボタンデザイン
見出しデザイン
ページトップ
アイコン・ピクトグラム
写真・フォトグラフィー
写真少なめ･写真以外のビジュアル表現
動画
ナビゲーション・メニュー
フッター
ロゴデザイン
インフォグラフィック
下層ページあり
マスク / クリップパス
イメージエフェクト
選択中
0
クリア
検索する
