CATEGORY : Google Font
-
Dead Letter Circus – New album The Endless Mile
オーストラリア出身のオルタナティヴロックバンド、DEAD LETTER CIRCUS（デッド・レター・サーカス）オフィシャルサイトのWEBデザインです。 フルスクリーンでフェードイン/アウトする大きな画像とブルーをアクセントとした配色、半透明の固定ナビゲーションがクールでスタイリッシュなサイトです。 部分的にグランジ調の背景テクスチャを用いて質感を高めたり、フッターにさりげなくパララックスを取...
-
THE YELLOW MONKEY | ザ・イエロー・モンキー オフィシャルサイト
「イエモン」の愛称で親しまれる日本のロックバンド、THE YELLOW MONKEY（ザ・イエロー・モンキー）オフィシャルサイトのWEBデザインです。 フルスクリーンでのライブ動画と画面幅いっぱいに表示されたコンテンツがダイナミックで迫力があるサイトです。 下層ページでは余白を大きく取り、細めのボーダーや広めの行間がクールで落ち着いた印象で、ゴールドのアクセントカラーと相まって優雅な雰囲気も感...
-
BENI OFFICIAL SITE
沖縄出身の女性シンガー、BENIさんのオフィシャルサイトのWEBデザインです。 ピンクとグリーンで配色されたビビッドで大胆な色使いと、ブラシ風のフォントを使用したロゴやナビゲーションが目を引くサイトです。 自由なレイアウトは躍動感や流れを感じさせ、エディトリアルデザインのようなビジュアルと相まって楽しげでアクティブな雰囲気を演出しています。 ナビゲーションが下部に固定されているのも特徴で、ホ...
-
Gouge Away
フロリダ出身の女性ボーカル激情ハードコアバンド、Gouge AwayオフィシャルサイトのWEBデザインです。 アルバム「BURNT SUGAR」のパープルブラウンとミントグリーンを基調とした配色が甘くもレトロ感も感じさせるデザインです。 デュオトーンのライブ画像を背景にフルスクリーンで表示、図版率も大きめのレイアウトでライブ感のあるダイナミックなサイトです。...
-
sukekiyo official web site
DIR EN GREYのボーカル・京氏の率いるバンド、sukekiyo（スケキヨ）オフィシャルサイトのWEBデザインです。 フレームに囲まれたメインビジュアルはそれ自体がバナーとなっていて、サイトの世界観を作ると共に動線も担っています。 おどろおどろしい背景画像やテクスチャー、明朝体のフォントがバンドの方向性を表現しているTOPページと、 かっちりとしたベーシックなレイアウトで情報やコンテン...
-
SQUAREPUSHER
イギリスのミュージシャン/作曲家/ベーシスト、トーマス・ジェンキンソンことSQUAREPUSHER（スクエアプッシャー）オフィシャルサイトのWEBデザインです。 無彩色を中心とした配色に左側に固定ナビゲーション、グリッドに囚われない自由なレイアウトのコンテンツが特徴のサイトです。 大胆に配置したり上下左右を反転したりと遊び心満載の見出しや、ずれたり重なったりしたテキストやフォームは斬新でウィッ...
-
アナ Official WebSite
福岡出身の２人組バンド、アナのオフィシャルサイトのWEBデザインです。 アースカラーを取り入れた配色と柔らかな質感のテクスチャを用いた、ナチュラルな雰囲気のサイトです。 アイコンを積極的に取り入れたり、ページ下部にはコンテンツをピンク・ネイビー・イエローで区切って配置したりと視覚的に分かりやすく配慮されています。...
-
Official Nirvana Website: Complete Discography, Videos and more
ワシントン州アバディーン出身のロックバンド、Nirvana（ニルヴァーナ）オフィシャルサイトのWEBデザインです。 フルスクリーンで表示された動画がダイナミックで大きなインパクトを与えるサイトで、パララックスも取り入れた縦長のページです。 色使いを抑えた配色とフラットデザイン、罫線のみで装飾したシンプルな見出し等が動画やジャケット画像を映えて見せています。...
-
JVCヘッドホン | ハイクラスヘッドホンシリーズ「CLASS-S」
JVCのハイクラスヘッドホンシリーズ、「CLASS-S」特設サイトのWEBデザインです。 モノトーンを中心としたフラットデザインときめ細やかなエフェクトが特徴のサイトで、優雅で落ち着いた印象を感じられます。 水平方向に伸びた画像や程良いホワイトスペースが穏やかなイメージを与えている中、大小様々なグリッドや白抜き画像が動きももたらせています。...
-
High End Audiophile Amplifiers And Sound Systems | MOON – Simaudio
カナダのオーディオメーカーSIMAUDIOが手がける、MOONブランドのWEBデザインです。 フルスクリーン表示での動画を活用したブランディング、モノトーン中心の配色とセリフ体のテキストや縦横のボーダーがスタイリッシュな印象のサイトです。 スプリットやブロークングリッド、意図的に要素をずらしたり画像に重ねたりしたレイアウトは動きと遊び心を感じさせ、強いインプレッションを与えています。...
-
Namie Amuro Official Site
沖縄出身の歌手/ダンサー、安室奈美恵（あむろなみえ）さんのオフィシャルサイトのWEBデザインです。 ホワイト+シャンパンゴールドの配色と広めに取られたホワイトスペースがエレガントで洗練された印象を感じさせるデザインです。 フルスクリーンで表示されたライブ画像はビジュアル面で魅了するだけでなく、それ自体がバナーとなっていて購入ページへの誘導の役割を果たしています。...
-
namie amuro Final Space
安室奈美恵さんの軌跡を辿る体感型の展覧会、namie amuro Final Spaceの特設サイトのWEBデザインです。 キラキラとしたメインビジュアルとシャンパンゴールドをアクセントとした配色、セリフ体のフォントを見出しに使用したエレガントなサイトです。 ホワイトベースのシングルページの途中にグレーの背景を用いることでコンテンツの区切りを作りつつ、ページに締まりを与えています。...
-
Waiting For Morning To Come | Being As An Ocean
カリフォルニア州アルパイン出身のポスト･ハードコアバンド、Being As An Ocean（ビーイング・アズ・アン・オーシャン）のWEBデザインです。 シンプルなシングルページで1カラムでコンテンツを並べ、スクロールで見せていくストーリーテリング型のサイトです。 ページの四隅に配された四角やテキストをクリックするとサイト全体の色を反転できる、遊び心のある仕掛けも特徴です。...
-
Michael Nyman
ロンドン出身のピアニスト/作曲家、Michael Nyman（マイケル・ナイマン）オフィシャルサイトのWEBデザインです。 ホワイトとグレーの濃淡を中心としたモノトーン配色とシンプルで無駄な装飾を省いた、洗練された印象のサイトです。 グリッドで整然としたレイアウトの中に大小様々なカードで動きを出したり、なめらかなエフェクトを加えたりとシンプルな中にこだわりを感じさせています。...
-
KAMINARI GUITARS
横浜のギターメーカー、KAMINARI GUITARS（神鳴ギターズ）オフィシャルサイトのWEBデザインです。 モノトーン配色とシンプルで無駄な装飾を省いたフラットデザイン、ダイナミックなスライダーやパララックスが特徴のサイトです。 大きく配置された画像に対して余白をたっぷりと取ったレイアウトが上品で上質な印象を与え、またテキスト等の可読性も高めています。...
-
和楽器バンド Official Site
日本のロックバンド、和楽器バンド（わがっきバンド）オフィシャルサイトのWEBデザインです。 グリッドで色分けされた背景に画像やコンテンツを重ねたりずらしたりすることでオリジナリティや躍動感を高めているレイアウトが特徴です。 縦書きの見出しやグラデーションも取り入れた和を感じさせるデザインは、バンドの世界観やコンセプトを的確に表現しています。...
-
EGO-WRAPPIN’
大阪出身のユニット、EGO-WRAPPIN'（エゴラッピン）オフィシャルサイトのWEBデザインです。 真っ暗な中にランプの明かりが点る仕掛けが印象的で、大きな見出しや横幅いっぱいの画像＆カルーセルが黒背景のサイトに躍動感を与えています。 コンテンツ表示時のアニメーションが凝っていて、DISCOGRAPHYをカテゴリーごとにソートした時のカードをシャッフルしたような動きも素敵です。...
-
杏里オフィシャルサイト
神奈川県出身の歌手/シンガソングライター、杏里（あんり）さんのオフィシャルサイトのWEBデザインです。 海や夏を想起させるようなコバルトブルーを基調にした爽やかな配色と、デニム生地のようなパターン素材が質感を感じさせています。 ゴールドをアクセントカラーに加え、明朝体のフォントを用いることで優雅で女性らしい華やかさもプラスしたデザインです。...
-
小島麻由美オフィシャルサイト
東京都出身のシンガーソングライター、小島麻由美（こじま まゆみ）さんのオフィシャルサイトのWEBデザインです。 ネイビーを基調にサンドベージュをアクセントとした配色は上品で大人の落ち着きを感じさせ、イラストやポップな区切り線を加えることでキュートな印象も併せ持っています。 縦長ページをスクロールに合わせてナビゲーションの雲が移動したり、PROFILE & DISCOGRAPHYでは時系列にタイ...
-
Justin Bieber – Purpose Available Now
カナダのポップミュージシャン、Justin Bieber（ジャスティン・ビーバー）オフィシャルサイトのWEBデザインです。 ブラック×ホワイト×パープルの配色とフラットデザインの掛け合わせがスタイリッシュで、その中で手書き風のロゴが親しみやすさをプラスしています。 大胆なタイポグラフィーが印象的で、グリッドに囚われない自由なレイアウトと相まってエディトリアルデザインのような雰囲気を感じさせてい...
-
Home | Michael Jackson Official Site
アメリカのエンターテイナー/シンガーソングライター/ダンサー、MICHAEL JACKSON（マイケル・ジャクソン）オフィシャルサイトのWEBデザインです。 シャンパンゴールドを取り入れた配色はマイルドで優しく穏やかな高級感を演出していて、華やかでありながら大人の落ち着きも併せ持っています。 アイコンでページ下部に配置されたアプリライクなナビゲーションや、時系列に表示されたコンテンツ等、他のサ...
-
Billy Idol
イギリス出身のミュージシャン/シンガーソングライター、Billy Idol（ビリー・アイドル）オフィシャルサイトのWEBデザインです。 モノトーン＋レッドの配色とモノトーンで統一された画像がパンキッシュで猥雑な印象を与えているサイトデザインです。 細かなエフェクトやアニメーションと共にサイドカラムやフッター等に多くの動線を配しているのも特徴で、どのページからも回遊性を生んでいます。...
-
Corona SUNSETS FESTIVAL | コロナが沖縄で開催するリゾートフェス
世界中で愛されるビール「Corona Extra」が手掛けるリゾートビーチフェスティバル、Corona SUNSETS FESTIVAL（コロナ・サンセッツ・フェスティバル）オフィシャルサイトのWEBデザインです。 フルスクリーンで表示されたダイナミックな動画は多くの言葉を使うことなく優雅なリゾート感と開放感、フェスの模様を伝えています。 ネイビーブルーとイエローで配色されたフラットデザインに...
-
Tom Anderson Guitar｜JES International, Inc.
アメリカのハイエンドギターメーカー、Tom Anderson Guitar（トム・アンダーソン）のWEBデザインです。 大胆な接写とあえて端を切ったトリミングで被写体にフォーカスしつつ、その上に画像テキストを重ねたファーストビューがダイナミックなデザインです。 さりげないパララックスと斜めの要素、切り抜き画像を組み合わせて立体感や奥行き感を演出することでサイトにスパイスを加え印象付けています。...
-
フジゲン株式会社オフィシャルサイト
長野県松本市に本社を置く楽器製造メーカー、フジゲン株式会社オフィシャルサイトのWEBデザインです。 事業に分けてスプリットスクリーンレイアウトで表示したTOPページは、ひとつの画面で左右の対比を生みそれぞれを引き立たせています。 楽器製造事業ページはオレンジの配色がポップな印象で、切り抜き画像が動きを出しながらも白地の分量を多めに取って洗練された雰囲気を演出しています。...
-
BUCK-TICK Official Website
群馬県出身のロックバンド、BUCK-TICK（バクチク）オフィシャルサイトのWEBデザインです。 柔らかな色合いをブラックとサーモンピンクで引き締めて華やかにした配色で、フラットデザインと相まって優しくポップな印象を与えています。 2カラムのベーシックなレイアウトはユーザーを迷わせることなく、またローカルナビゲーションやバナーがサイト内や各コンテンツへの回遊性を高めています。...
-
Mötley Crüe
アメリカ/カリフォルニア州ロサンゼルス出身のロックバンド、Mötley Crüe（モトリー・クルー）オフィシャルサイトのWEBデザインです。 代表作でもある「GIRLS, GIRLS, GIRLS」をモチーフとした猥雑なイメージのファーストビューや、横幅いっぱいのダイナミックなスライダーが印象的なサイトです。 ブラック×ピンク×レッドの配色やWEBフォントで装飾されたグランジテイストの見出しが...
-
back number（バックナンバー）official web site
群馬県出身のスリーピースロックバンド、back number（バックナンバー）オフィシャルサイトのWEBデザインです。 フルスクリーンの四方にホワイトエッジを付けて、変化していくグラデーションが鮮やかなファーストビューが印象的なサイトです。 下層ページではホワイトとグレーをベースにした配色と、細めの罫線、たっぷりと余白を取ったレイアウトがゆったりと落ち着いた雰囲気を演出しています。...
-
米津玄師 official site「REISSUE RECORDS」
徳島県出身のミュージシャン/シンガーソングライター、米津玄師（よねづけんし）さんのオフィシャルサイトのWEBデザインです。 モノトーン中心の配色のシンプルなフラットデザインに、ロゴや見出しのフォントや手書きイラストが温かみや親しみやすさをプラスしたサイトです。 ローディング時のアニメーションやマウスに追随するイエローのサークル等、クールな配色の中に遊び心やユーモアを感じられます。...
-
in•ter a•li•a
アメリカ/テキサス州出身のロックバンド、AT THE DRIVE IN（アット・ザ・ドライヴイン）のWEBデザインです。 アルバム「in∙ter a∙li∙a」のアートワークをモチーフとしたメインビジュアルは、マウスに合わせて反応する奥行きのあるパララックスが印象的です。 フラットなデザインにモノクロのグランジテイスト画像を合わせて、レトロ感やアナログ感、荒々しさをプラスしたデザインのサイトで...
-
りんご音楽祭2018オフィシャルサイト
長野県松本市で行われる野外音楽フェスティバル、りんご音楽祭2018のオフィシャルサイトのWEBデザインです。 鮮やかなピンクを基調とした配色はポップで溌剌とした印象で、角丸のデザインや手書きイラストと相まって親しみやすいデザインです。 ローディングや背景画像、ボタンなどにアニメーションを多用していて、動きを加えることでよりユニークで魅力的なサイトに仕上げています。...
-
Relapse Records Official Store
アメリカ/ペンシルベニア州フィラデルフィアのインディペンデント・レーベル、Relapse Records（リラプス・レコード）オフィシャルストアのWEBデザインです。 モノトーンのシンプルな配色は、デスメタルやグラインドコアを中心とするリリース作品の派手な画像やバナーをよく映えて見せています。 グリッド状にレイアウトされたカード型のデザインにほんのりとシャドウを加えることで、フラットデザインの...
-
Ovation Guitars
独特なサウンドホールのエレアコで知られるアメリカのギターメーカー、Ovation Guitars（オベーション・ギター）のWEBデザインです。 ブラックとゴールドの配色は重厚でエレガントな印象を与えていて、画像を使用したダイナミックなスライダーと相まって優雅な雰囲気を持つサイトです。 さりげなく嫌味のないアニメーションや配色に合わせたスクロールバー等、細やかな所までこだわりを感じられるデザイン...
-
BLUE ENCOUNT
熊本出身のロックバンド、BLUE ENCOUNT（ブルー・エンカウント）オフィシャルサイトのWEBデザインです。 画面幅いっぱいのダイナミックなスライダーと縦方向に貫くナビゲーションが特徴のサイトで、上下方向への空間の広がりも感じさせる印象的なデザインです。 グレーの濃淡とミントブルーをアクセントとした配色は爽やかでクリーンな印象で、レトロな印象のWEBフォントと相まったクールな雰囲気を醸し出...
-
Coldplay official website
イギリス/ロンドン出身のロックバンド、Coldplay（コールドプレイ）オフィシャルサイトのWEBデザインです。 アルバム「A Head Full of Dreams」のアートワークをモチーフとした、グラデーションと幾何学模様が印象的なポップなデザインです。 左側にグローバルナビゲーション、下部にSNSへのリンクが固定されていて、ページによっては右側にもローカルナビを配しているのが特徴です。...
-
Katy Perry | WITNESS. THE ALBUM. THE TOUR
アメリカ/カリフォルニア州出身の女性シンガーソングライター、Katy Perry（ケイティー・ペリー）さんのオフィシャルサイトのWEBデザインです。 インパクトの大きいメインビジュアルが印象的なサイトで、フラットデザインをポップながらも女性らしい配色で鮮やかに彩っています。 ブレイクポイントを細かく設定したレスポンシブデザインで、ウインドウ幅640px以下ではアプリライクなアイコンメニューに切...
-
KEYTALK official web
日本のロックバンド、KEYTALK（キートーク）オフィシャルサイトのWEBデザインです。 斜めのメインビジュアルやレイヤーが印象的なサイトで、シンプルなフラットデザインを単調にさせずスタイリッシュにしています。 ナビゲーションのマウスオーバー時にエフェクトを加えたり、リリース作品の画像にロングシャドウを加えたりとさりげない部分までこだわりを感じられます。...
-
LUNATIC FEST. 2018 OFFICIAL WEBSITE
日本のロック・バンドLUNA SEAが主催するロック・フェスティバル、LUNATIC FEST.（ルナティック・フェスト）のWEBデザインです。 降り注ぐ流星の中に浮かぶスカルをキービジュアルとしたデザインで、フルスクリーン画像の下部にスクロールボタンを置くことでコンテンツへの誘導をしています。 黒背景をベースとした配色にリンクやボタンをレッド、見出しをゴールドで統一することで色分けによって機...
-
nine inch nails | the official website
アメリカ/オハイオ州クリーブランド出身のインダストリアル・ロックバンド、nine inch nails（ナイン・インチ・ネイルズ）オフィシャルサイトのWEBデザインです。 余白を大きく取ったレイアウトにアンビグラムになっているロゴが映えるミニマルなデザインのサイトで、テキスト要素が少なく画像が大きいのも特徴です。 SVGアニメーションやローディング、マウスオーバー時のエフェクトが光っていて、シ...
-
ap bank fes ’18
ap bankが主催する野外ライブイベント、ap bank fes '18（エーピーバンクフェス）のWEBデザインです。 ホワイトとグリーンを基調とした配色と、青空や緑が映りこんだイベント模様の画像が爽やかな印象を受けるデザインです。 角丸のボタンやインスタグラム画像、ナビゲーションのカード等が丸みを帯びたフォントと合わさって優しく柔らかな雰囲気を演出しています。...
