CATEGORY : ダーク
-
TOTO – The official TOTO website
アメリカ/カリフォルニア州ロサンゼルス出身のロックバンド、TOTO（トト）のオフィシャルサイトのWEBデザインです。 アルバム「40 TRIPS AROUND THE SUN」のアートワークをモチーフとした、ダークかつプログレッシブな印象を受けるサイトデザインです。 ページやコンテンツに合わせてレイアウトを切り替えているのも特徴で、ナビゲーションもTOPページと下層ページで配置を変えています。...
-
oaqk
東京のインストゥメンタル/ノイズバンド、oaqk（オーク）オフィシャルサイトのWEBデザインです。 ウインドウの横幅いっぱいに表示されたライブ動画のスライダーがサイトの世界観を構築しているサイトです。 モノトーンを中心とした重厚な印象の配色に整然としたレイアウトを組み合わせて、その音楽性を表すかのように、ダークな中にも知性を感じさせるデザインです、...
-
SEIROGAN UTILITY RECORDS
医薬品「正露丸」を販売する大幸薬品が立ち上げた音楽レーベル、SEIROGAN UTILITY RECORDSオフィシャルサイトのWEBデザインです。 フルスクリーンで大胆に表示されたブランド動画とその上で回転するロゴマーク、象徴的なオレンジをアクセントとした配色が特徴のサイトです。 大きく分かりやすい見出しとセクションごとに変えた背景色も特徴で、パララックスやアニメーションと合わせてスクロール...
-
Crown The Empire
アメリカ/テキサス州ダラス出身のポストハードコアバンド、Crown The Empire（クラウン・ジ・エンパイア）オフィシャルサイトのWEBデザインです。 ブラックベースにレッドを加えたホラーやゴシック感を感じさせる配色と、左側に固定されたグローバルナビゲーションが特徴のサイトです。 重厚感のある背景色と白文字×赤い画像のハイコントラストなデザインは、シンプルなレイアウトと合わさってシャープ...
-
clann
カナダ/モントリオール出身のKin Fablesによる音楽プロジェクト、clannのオフィシャルサイトのWEBデザインです。 モノクロでダークな画風が印象的なイラストと、質感のあるテクスチャーを背景に敷いたシンプルなレイアウトのサイトです。 嫌味のないアニメーションは好感度が高く、注目させたいコンテンツや要素をさりげなく目立たせています。 大きく取った余白と黒くザラザラとした質感の背景画像は...
-
Fatboy Slim – Official Website
イギリスのクラブDJ/ミュージシャンであるノーマン・クックのプロジェクト、Fatboy Slim（ファットボーイ・スリム）オフィシャルサイトのWEBデザインです。 大小のグリッドでアクセントとメリハリを付けたレイアウトと、ブラック×イエローの配色がポップかつ印象的なサイトです。 画像を大胆に大きく表示しているのも特徴で、ウエイトのある見出しと合わせて元気で賑やかな雰囲気を作り、より直感的に伝わ...
-
第９回大阪国際室内楽コンクール＆フェスタ｜OSAKA International Chamber Music Competition & Festa | 公益財団法人 日本室内楽振興財団
公益財団法人・日本室内楽振興財団が運営する第９回大阪国際室内楽コンクール＆フェスタのオフィシャルサイトのWEBデザインです。 格調高く重厚感を感じさせるブラック×ゴールドの配色と、斜めの要素をふんだんに使ったレイアウトがスタイリッシュな印象を与えているサイトです。 随所にさりげなくグラデーション要素を取り入れている事でアクセントを与え、ダークな印象になりがちな配色を華やかで鮮やかに彩っています...
-
Ken Yokoyama セルフコンピレーションアルバム [Songs Of The Living Dead] リリース特設サイト / PIZZA OF DEATH RECORDS
Hi-STANDARDのギター&ボーカル、Ken Yokoyama氏のアルバム「Songs Of The Living Dead」特設サイトのWEBデザインです。 アルバムのアートワークをダイナミックにフルスクリーンで表示、ホラーとパンクカルチャーを融合したようなデザインが印象的です。 イラストを大々的に使用することで独自の世界観を構築しつつ、他のサイトにはないオリジナリティとインパクトを感じ...
-
hernameisbanks
カリフォルニア州ロサンゼルス出身の女性シンガーソングライター、BANKS（バンクス）オフィシャルサイトのWEBデザインです。 フルスクリーンで表示されたモノクロのアーティスト写真が印象的なサイトで、凛とした静逸の中に妖艶で独特な世界観を感じさせています。 ロゴやアーティスト名も表示せず一切の無駄を省いたミニマルなデザインの中で、細かなこだわりを感じるメニューの開閉アニメーションが光っています。...
-
THE BLUE HEARTS 30周年 特設サイト
日本のパンクロックバンド、THE BLUE HEARTS（ザ・ブルーハーツ）の30周年特設サイトのWEBデザインです。 背景にフルスクリーンでライブ動画を表示して、中央に半透明のアニバーサリーロゴを大きく配置したレイアウトのシングルページです。 1stアルバムを想起させるような白/黒/ブルーの配色と、右側に固定された各セクションごとへのナビゲーションも特徴で、 Discographyコンテン...
-
AGNÈS B. RADIO
フランスのファッションブランド、アニエスベーがセレクトしたWEBラジオ、AGNÈS B. RADIOのWEBデザインです。 大胆で猥雑な画像の配置と背景に帯をつけたテキスト等、往年のパンクバンドのフライヤーやジャケットデザインを彷彿させるサイトです。 下層ページでは左側にナビゲーションを固定、1カラムでコンテンツをしっかり見せるレイアウトとなっています。 ...
-
Rise Against | Official Site
アメリカ/イリノイ州シカゴ出身のメロディック・パンクバンド、Rise Against（ライズ・アゲインスト）オフィシャルサイトのWEBデザインです。 モノトーンの中でレッドが際立つスタイリッシュな配色と、ザラザラとした質感を感じさせているグランジ風の背景画像が特徴のデザインです。 水平・垂直のラインに整然と整理されたレイアウトの中で、シェアボタン等に円形フォルムを用いてポイントを作り、サイトに...
-
Capitol Records – The Official Website of Capitol RecordsCapitol Records | The official website of Capitol Records
アメリカの大手レコードレーベル、Capitol Records（キャピトル・レコード）オフィシャルサイトのWEBデザインです。 モノトーンと濃いパープルで統一されたシックで高級感のある配色と、ダイナミックなフルスクリーンのスライダーが印象的なサイトです。 余白を大きく作った黒背景のレイアウトは重厚感と安定感を生み、高彩度・高明度の画像とのコントラストがビビッドでスタイリッシュなイメージを作って...
-
Norah Jones
ニューヨーク出身のシンガーソングライター、Norah Jones（ノラ・ジョーンズ）さんのオフィシャルサイトのWEBデザインです。 モノクロの画像とグラデーションで繋がれたゴールドのロゴがどこかレトロでジャジーな印象も感じさせるデザインです。 シングルページをセクションによって横幅いっぱいの背景画像を敷いて区切りを分かりやすく、またサイトをダイナミックにもしています。...
-
The Noise of Harmony and the Harmony of Noise
イギリス/マンチェスターのインディペンデント・レーベル、Gizeh RecordsオフィシャルサイトのWEBデザインです。 モノトーンで統一された配色と余白をたっぷりと取ったレイアウト、小さめのフォントや細い罫線がミニマルな印象を与えるサイトです。 図版率が高いためにぎやかなイメージも与えていて、リリース作品のアートワークが白背景によく映えています。...
-
KENJI ENDO
東京出身のレジデントDJ/トラックメーカーのKENJI ENDOさんのオフィシャルサイトのWEBデザインです。 印象的なアーティスト画像と大胆なタイポグラフィ、canvasで描かれたアブストラクトな模様のアニメーションが特徴的なサイトです。 スクロールで変化していくパララックスやグラデーションも美しく、またコンタクトフォームのホバーエフェクトと合わせて近未来感も感じられるデザインです。...
-
Crack-Up | Available Now – Fleet Foxes
アメリカ/シアトル出身のバンド、Fleet Foxes（フリート・フォクシーズ）オフィシャルサイトのWEBデザインです。 アルバム「Crack-Up」のアートワークをフルスクリーン表示し、壮大なサウンドと美しいコーラスワークを持つ音楽性を表現するかのようなサイトです。 下層ページはモノクロの森の画像にあえて装飾などを施さずコンテンツを表示した、粗野で荒々しい印象のブルータルなデザインです。...
-
Iron Maiden – Official Website
イングランド出身のヘヴィメタル・バンド、Iron Maiden(アイアン･メイデン）オフィシャルサイトのWEBデザインです。 ブラックとレッドのヘヴイメタル然とした配色と、バンドのキャラクターであるエディがインパクト大なサイトです。 グランジ調のテクスチャーを背景に敷くことで、ノイズが入ったようなザラっとした質感を加えています。...
-
Bloodshed Fest 2018
オランダのエクストリーム・ミュージック・フェスティバル、Bloodshed FestのWEBデザインです。 モノトーンのみの配色と、シンプルでクリーンなレイアウトにダークでおどろおどろしい背景画像がアンダーグラウンドな世界観を作るサイトです。 上部の固定ナビゲーション、右下のスクロールボタンと共に、左下にspotifyのMUSICプレーヤーがあるのも特徴で、四隅をおさえて額縁効果ももたらしてい...
-
Skies Collide
オーストラリア出身の女性ボーカルエモーショナルロックバンド、SKIES COLLIDE（スカイズ・コライド）オフィシャルサイトのWEBデザインです。 印象的なライブ画像をファーストビューで横幅いっぱいに表示した、クールでダイナミックな縦長シングルページのサイトです。 セクションごとに背景色や背景画像を切り替えることでメリハリをつけていて、特にメールフォームの背景の幻想的な画像はサイトの雰囲気を...
-
Sleeping With Sirens Official Website | New Album ‘Gossip’ Available Now
フロリダ州オーランド出身のポスト・ハードコアバンド、Sleeping With Sirens（スリーピング・ウィズ・サイレンス）オフィシャルサイトのWEBデザインです。 黒ベースの重厚な配色の中に浮かび上がる、アルバム「Gossip」のアートワークがグラマラスで80'sテイストも感じさせるデザインです。 左固定の縦書きナビゲーションやグリッドを基調としつつもずらしたり重ねたりしたレイアウト、ア...
-
Kendrick Lamar | Official Site
カリフォルニア州コンプトン出身のラッパー、Kendrick Lamar（ケンドリック・ラマー）オフィシャルサイトのWEBデザインです。 ブラックを基調にゴールドをアクセントカラーとした配色と小さく細めのフォント、ブラックの半透明レイヤーがクールでスタイリッシュなサイトです。 グリッドとカラムで構成された堅い印象のレイアウトに、アルバム「To Pimp A Butterfly」のアートワークを背...
-
G&L Musical Instruments | Made in Fullerton Since 1980
アメリカのギターメーカー、G&L Musical InstrumentsのWEBデザインです。 黒背景とグレーの濃淡を中心とした配色にレッドとピンクでリンクやボタンを彩ったスタイリッシュなデザインで、楽器の接写画像が多いのも特徴です。 楽器の一覧＆詳細ページでは切り抜き画像を使用していて、動きや躍動感を与えると共に製品の魅力も黒背景に映えてより伝わってきます。...
-
GRANBEAT | SMARTPHONE | SPECIAL CONTENTS | ONKYO
オーディオメーカーONKYOの超高音質ハイレゾ・オーディオ・SIMフリースマートフォン、GRANBEATの特設サイトのWEBデザインです。 商品の接写画像をフルスクリーンで表示、黒背景に溶け込ませた重厚でエレガントな雰囲気を持つサイトです。 画面右側に固定されている、イコライザーを想起させるようなナビも特徴で、WEBフォントを使用した見出しと共に洗練された印象のデザインです。...
-
Pink Floyd | The Official Site
イングランド出身のプログレッシブ・ロックバンド、Pink Floyd（ピンク・フロイド）オフィシャルサイトのWEBデザインです。 抽象的なロゴとセンターに集められた縦積みのナビゲーションと特設サイトへのリンクのみという意味深なTOPページが印象的なサイトです。 ページやコンテンツに合わせて様々に背景画像が切り替わり、バンドサイトとしては珍しいDESIGNページと合わせて見応えがあります。...
-
The Official Black Sabbath Website ::
イングランド出身のヘヴィメタルの源流となる始祖的グループ、Black Sabbath（ブラック・サバス）オフィシャルサイトのWEBデザインです。 モノトーン中心の配色に映えるパープルのロゴ、ポラロイド風のモノクロ写真を猥雑に並べたような背景画像がバンドの音楽性と呼応したデザインです。 VIDEOページの動画キャプチャー画像にマスキングテープでラベルを貼ったような装飾は味があり、立体感と共に質感...
-
Sadie
大阪出身のヴィジュアル系ロックバンド、Sadie（サディ）オフィシャルサイトのWEBデザインです。 象徴的なキービジュアルと縦積みのナビゲーション、ダークな雰囲気を演出した背景のテクスチャーが特徴のサイトです。 ページ下部にスライドインする固定ナビゲーションがあるのも特徴で、他のサイトではあまり見かけないユニークなアイデアです。...
-
Lamb of God – Official Website
アメリカ/バージニア州リッチモンド出身のヘヴィメタル/ハードコアバンド、Lamb of God（ラム・オブ・ゴッド）オフィシャルサイトのWEBデザインです。 デュオトーン×ビデオノイズ風の加工をしたアーティスト写真と、濃いグリーンを基調とした配色や背景画像がダークな雰囲気を醸し出したサイトです。 ALBUMSページではセクション毎にブラシ風のボーダーとブラー加工した画像を敷き、リリース作品毎の...
-
LOUDNESS – Official Website –
名実共に日本を代表するヘヴィメタルバンド、LOUDNESS（ラウドネス）オフィシャルサイトのWEBデザインです。 熱気溢れるライブ画像を背景にフルスクリーンで使用し、セクションの切り替わりにパララックスで魅せているのが特徴です。 PC閲覧時でも最初からハンバーガーメニューになっていて、1カラムやグリッドレイアウト等と合わせてモバイルとの差異が少ないデザインです。...
-
Home | TALONS
イギリスのポストロックバンド、TALONS（タロンズ）オフィシャルサイトのWEBデザインです。 アルバム「We All Know」のアートワークをモチーフとしたダークなデザインで、背景にフルスクリーンで敷いた画像とパララックスが特徴です。 フルスクリーンで表示しながらもヘッダーやフッターと組み合わせて画面の四方にブラックのフレームを作る事で、コンテンツを際立たせています。 ...
-
sukekiyo official web site
DIR EN GREYのボーカル・京氏の率いるバンド、sukekiyo（スケキヨ）オフィシャルサイトのWEBデザインです。 フレームに囲まれたメインビジュアルはそれ自体がバナーとなっていて、サイトの世界観を作ると共に動線も担っています。 おどろおどろしい背景画像やテクスチャー、明朝体のフォントがバンドの方向性を表現しているTOPページと、 かっちりとしたベーシックなレイアウトで情報やコンテン...
-
SQUAREPUSHER
イギリスのミュージシャン/作曲家/ベーシスト、トーマス・ジェンキンソンことSQUAREPUSHER（スクエアプッシャー）オフィシャルサイトのWEBデザインです。 無彩色を中心とした配色に左側に固定ナビゲーション、グリッドに囚われない自由なレイアウトのコンテンツが特徴のサイトです。 大胆に配置したり上下左右を反転したりと遊び心満載の見出しや、ずれたり重なったりしたテキストやフォームは斬新でウィッ...
-
Official Nirvana Website: Complete Discography, Videos and more
ワシントン州アバディーン出身のロックバンド、Nirvana（ニルヴァーナ）オフィシャルサイトのWEBデザインです。 フルスクリーンで表示された動画がダイナミックで大きなインパクトを与えるサイトで、パララックスも取り入れた縦長のページです。 色使いを抑えた配色とフラットデザイン、罫線のみで装飾したシンプルな見出し等が動画やジャケット画像を映えて見せています。...
-
PALM Official Website
大阪のダークハードコアバンド、PALM（パーム）オフィシャルサイトのWEBデザインです。 ブラック+レッドの配色とグランジ加工されたロゴ、逆十字がダークなイメージを与える重厚感のあるデザインです。 パララックスやホバーエフェクト等の細かな動きが光っていて、フルスクリーン表示の際にスクロールボタンが下部コンテンツへのアクションを促しています。...
-
Homepage – Orbital
イギリス出身のテクノユニット、Orbital（オービタル）オフィシャルサイトのWEBデザインです。 アルバム「Monsters Exist」のアートワークの世界観を表現した、ダークかつファンタジーな印象のデザインです。 サイト全体に縦書きの見出しを大胆に配置することで目新しさやアクセントが出て、インパクトと強いインプレッションを与えています。...
-
Century Media Records – Quality in Metal
ドイツ/ドルトムントで設立されたインディーズ・レーベル、Century Media Records（センチュリー・メディア・レコード）のWEBデザインです。 ブラック+レッドの配色と血をイメージさせるような背景画像、グランジ加工されたナビや見出しのテキスト等、ダークな世界観が織り成す鋼鉄度の高いサイトです。 サイドカラムを大きく取った動線の多い設計でサイト内回遊率を高め、印象的なサムネイルが視...
-
EGO-WRAPPIN’
大阪出身のユニット、EGO-WRAPPIN'（エゴラッピン）オフィシャルサイトのWEBデザインです。 真っ暗な中にランプの明かりが点る仕掛けが印象的で、大きな見出しや横幅いっぱいの画像＆カルーセルが黒背景のサイトに躍動感を与えています。 コンテンツ表示時のアニメーションが凝っていて、DISCOGRAPHYをカテゴリーごとにソートした時のカードをシャッフルしたような動きも素敵です。...
-
KRAFTWERK
ドイツの電子音楽グループ、KRAFTWERK（クラフトワーク）オフィシャルサイトのWEBデザインです。 ユーザビリティの観念に囚われない前衛的で自由な表現は洗練されたモダンなサイトとは真逆の、荒々しくブルータルなデザインです。 TOPページのファミコンを想起させるようなGIFアニメーションが印象的で、WEB黎明期を思わせるような斬新でユニークなサイトです。 ...
-
Laurent Perez Del Mar – Feature films music composer
フランスの映画音楽家・作曲家のLaurent Perez Del Mar（ローラン・ペレズ・デル・マール）オフィシャルサイトのWEBデザインです。 一切の有彩色を省き、モノトーンの配色とコントラストが高いモノクロ画像で構成された、洗練された印象のスタイリッシュなデザインです。 縦長のシングルページを様々なパララックスやエフェクトで楽しませながら展開していくストーリーテリングによって、サイトをよ...
-
IDIOTEQ.com – DIY Hardcore Punk & Experimental Music News & Interviews
ポーランド/ワルシャワのハードコア・パンク等のDIYメディアサイト、IDIOTEQ.comのWEBデザインです。 画像以外はモノトーンで配色された潔いデザインは色のバラつきを抑えて、シックでクラシックな統一感を醸し出しています。 大き過ぎないサムネイル画像は一度にたくさんの記事を一覧表示することが出来て、またデバイスサイズに合わせて縦積みと横並びを切り替えて、操作性を考慮しています。...
