CATEGORY : ダーク
-
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デザインです。 画像以外はモノトーンで配色された潔いデザインは色のバラつきを抑えて、シックでクラシックな統一感を醸し出しています。 大き過ぎないサムネイル画像は一度にたくさんの記事を一覧表示することが出来て、またデバイスサイズに合わせて縦積みと横並びを切り替えて、操作性を考慮しています。...
-
Billy Idol
イギリス出身のミュージシャン/シンガーソングライター、Billy Idol（ビリー・アイドル）オフィシャルサイトのWEBデザインです。 モノトーン＋レッドの配色とモノトーンで統一された画像がパンキッシュで猥雑な印象を与えているサイトデザインです。 細かなエフェクトやアニメーションと共にサイドカラムやフッター等に多くの動線を配しているのも特徴で、どのページからも回遊性を生んでいます。...
-
Mötley Crüe
アメリカ/カリフォルニア州ロサンゼルス出身のロックバンド、Mötley Crüe（モトリー・クルー）オフィシャルサイトのWEBデザインです。 代表作でもある「GIRLS, GIRLS, GIRLS」をモチーフとした猥雑なイメージのファーストビューや、横幅いっぱいのダイナミックなスライダーが印象的なサイトです。 ブラック×ピンク×レッドの配色やWEBフォントで装飾されたグランジテイストの見出しが...
-
LUNA SEA OFFICIAL WEBSITE
東京都町田市出身のヴィジュアル系ロックバンド、LUNA SEA（ルナシー）オフィシャルサイトのWEBデザインです。 ブラック×レッドの配色がダークかつクールな印象のサイトで、背景に敷いた海や月面を想起させる画像が壮大で幻想的なイメージを作っています。 シングルカラムで構成されたレイアウトは大きなオブジェクトを配置しやすく、余分な動線がないためコンテンツを際立たせています。...
-
in•ter a•li•a
アメリカ/テキサス州出身のロックバンド、AT THE DRIVE IN（アット・ザ・ドライヴイン）のWEBデザインです。 アルバム「in∙ter a∙li∙a」のアートワークをモチーフとしたメインビジュアルは、マウスに合わせて反応する奥行きのあるパララックスが印象的です。 フラットなデザインにモノクロのグランジテイスト画像を合わせて、レトロ感やアナログ感、荒々しさをプラスしたデザインのサイトで...
-
LIMP BIZKIT | Established 1995.
アメリカのニューメタル/ラップメタル・バンド、LIMP BIZKIT（リンプ・ビズキット）オフィシャルサイトのWEBデザインです。 フルスクリーンで表示された動画をロゴでマスクしたファーストビューは、ダイナミックでありながらも洗練された印象を与えています。 かっちりとしたイメージになりがちなグリッドレイアウトを多彩な色使いや大小のサイズを組み合わせることで、にぎやかで躍動感や流れのあるサイトに...
-
Vampillia
日本のロックバンド、Vampillia（ヴァンピリア）オフィシャルサイトのWEBデザインです。 モノトーンのスタイリッシュな配色にイラストやコラージュ画像を合わせたデザインで、グリッドに囚われない自由なレイアウトが動きや遊び心を感じさせます。 PROFILEページでは背景にアブストラクトなGIFアニメーションを用いていて、その音楽性と共に先鋭的でありながらポップな印象も受けるサイトです。 ...
-
Ovation Guitars
独特なサウンドホールのエレアコで知られるアメリカのギターメーカー、Ovation Guitars（オベーション・ギター）のWEBデザインです。 ブラックとゴールドの配色は重厚でエレガントな印象を与えていて、画像を使用したダイナミックなスライダーと相まって優雅な雰囲気を持つサイトです。 さりげなく嫌味のないアニメーションや配色に合わせたスクロールバー等、細やかな所までこだわりを感じられるデザイン...
-
LUNATIC FEST. 2018 OFFICIAL WEBSITE
日本のロック・バンドLUNA SEAが主催するロック・フェスティバル、LUNATIC FEST.（ルナティック・フェスト）のWEBデザインです。 降り注ぐ流星の中に浮かぶスカルをキービジュアルとしたデザインで、フルスクリーン画像の下部にスクロールボタンを置くことでコンテンツへの誘導をしています。 黒背景をベースとした配色にリンクやボタンをレッド、見出しをゴールドで統一することで色分けによって機...
-
acoustic effect
日本のイヤホンメーカー、acoustic effect（アコースティック・エフェクト）のWEBデザインです。 黒背景に浮かび上がるように敷かれた背景画像と、モノトーンで配色されたデザインはクールで気品や格調の高さを伺わせます。 製品画像は白背景をベースすることで一層映えて見えていて、接写画像も使用することでインパクトと共に多くの情報も伝えています。...
-
Home – Massive Attack
イギリス/ブリストル出身のユニット、Massive Attack（マッシヴ・アタック）オフィシャルサイトのWEBデザインです。 動画コンテンツをフルスクリーンで表示して全面的に使用し、イメージ喚起と共に多くの情報を持たせ、より訴求力を高めています。 映像ノイズが入ったような背景画像と大胆な配置のテキスト画像など、荒々しくも奇抜で斬新な印象のブルータルなデザインです。...
-
MAN WITH A MISSION
日本の5人組ロックバンド、MAN WITH A MISSION（マン・ウィズ・ア・ミッション）オフィシャルサイトのWEBデザインです。 少し彩度を下げたアーティスト画像が独特の存在感を演出していて、フルスクリーンで表示することでサイトの世界観を決定付けています。 フラットなデザインに細かなドット柄の背景パターンを敷くことで、モノトーン中心のダークな配色にトラディショナルな雰囲気もプラスしていま...
-
OLDCODEX Official website
日本の音楽ユニット、OLDCODEX（オルドコデックス）オフィシャルサイトのWEBデザインです。 動画をロゴの形にマスクしたファーストビューや手書き風フォントの見出し等、テキストをビジュアル要素としても見せるデザインです。 パララックスを多用してダイナミックな動きや遊び心を加え、コンテンツごとにストーリー性を持たせています。...
-
Rise Records – Home
アメリカ/オレゴン州のインディー･レコードレーベル、アRise Records（ライズ・レコード）のWEBデザインです。 背景に敷かれたざらざらとした質感のテクスチャーがダークな雰囲気を醸し出していて、メタルコアを中心にリリースするレーベルカラーを表したデザインです。 ベーシックなレイアウトのコンテンツ右側に縦組みのレーベル名を置くことで印象を強めると共に、テキストをビジュアル要素としても使用...
-
Minus The Bear
アメリカ/シアトル出身のインディーロックバンド、Minus The Bear（マイナス・ザ・ベアー）オフィシャルサイトのWEBデザインです。 アルバム「PLANET OF ICE」Anniversary Tourのポスターをモチーフにフルスクリーンで表示、ブラックとピンクの配色がビビッドかつ毒々しいデザインです。 ノイズ加工をしたデュオトーンの画像やグラデーションの背景画像を用いて、フラットな...
-
Bring Me The Horizon | That’s The Spirit
イギリスのメタルコアバンド、Bring Me The Horizon（ブリング・ミー・ザ・ホライズン）のWEBデザインです。 アルバム「Live At The Royal Albert Hall」のアートワークと購入ページへのリンクをスプリットスクリーンでレイアウトしたデザインで、 無駄を削ぎ落としたシンプルなシングルページの中にメニュー開閉時のアニメーションが光っています。...
-
まほろ座MACHIDA 町田駅前のエンターテインメントレストラン
町田駅前のライブ＆レストラン、まほろ座MACHIDAのWEBデザインです。 2カラムにローカルナビゲーションやバナーを配したベーシックなレイアウトで、ブラック背景に映える店内の写真がレトロな印象も与えています。 ページ遷移の際にスライドするようなエフェクトが施してあり、フルスクリーンの背景画像とあわせてシネマティックな演出になっています。...
-
凛として時雨
埼玉出身のスリーピースロックバンド、凛として時雨（りんとしてしぐれ）オフィシャルサイトのWEBデザインです。 ページごとに異なる背景画像をフルスクリーンで表示していて、彩度を落としノイズを加えた画像がサイトの世界観をクールに演出しています。 小さめのフォントサイズがサイトをすっきりと見せていて、スマートで引き締まった印象を与えています。...
-
ハイレゾ対応ラジカセ AUREX スペシャルサイト | 東芝エルイートレーディング株式会社
かつての東芝のオーディオブランドの名を冠したハイレゾ対応ラジカセ、Aurex（オーレックス）特設サイトのWEBデザインです。 ブラック背景に華やかなシャンパンゴールドが映える上品で高級感を感じさせる配色で、サランネットを思わせるテクスチャーが質感も高めています。 シングルページを任意のコンテンツに移動しやすいように固定ナビゲーションを採用、タブメニューで並列コンテンツを省スペース化しています。...
-
MYRKUR – Official website of Danish composer, vocalist and classically trained multi-instrumentalist
デンマーク出身の女性アーティストAmalie Bruunによるブラック・メタル・ユニット、Myrkur（ミシュクル）オフィシャルサイトのWEBデザインです。 ブラックに塗り潰された背景色にダークブラウンとグレーで配色されたデザインで、画像テキストやテクスチャで荒々しいグランジ感をプラスしています。 ...
-
thirdeyeblind
カリフォルニア州サンフランシスコ出身のオルタナティヴ・ロックバンド、Third Eye Blind（サード・アイ・ブラインド）オフィシャルサイトのWEBデザインです。 ブラックの濃淡で区切りやまとまりを表現したカード型デザインと大きなサムネイル画像が特徴で、モノトーン配色の中で画像の持つ色合いが鮮やかに映えています。 下層ページでは背景にライブ画像を表示したりグランジ風テクスチャーを使用したり...
-
ONE OK ROCK official website
日本のロックバンド、ONE OK ROCK（ワンオクロック）オフィシャルサイトのWEBデザインです。 ベーシックな2カラム+グリッドのレイアウトにロゴや背景テクスチャでグランジ感をプラスしたデザインで、 ナビゲーションや見出しに加えたさりげないグラデーションがサイトに華やかさや奥行き、広がりを加えています。...
-
Mastodon Official Website
アメリカ・ジョージア州アトランタ出身のヘヴィメタルバンド、Mastodon（マストドン）オフィシャルサイトのWEBデザインです。 アルバム「Emperor of Sand」のアートワークをモチーフとしたデザインで、イラストやテクスチャーをふんだんに使用して質感やオリジナリティを高めています。 動画の一部を動かすことでシネマグラフのように見せていて、さりげない動きに思わず見入ってしまいます。...
-
CREATURE CREATURE official
DEAD ENDのボーカルであるMORRIE氏のソロ・プロジェクト、Creature Creature（クリーチャー・クリーチャー）オフィシャルサイトのWEBデザインです。 ブラックにレッドをアクセントとした配色のダークなデザインは独自の美意識に貫かれている音楽性を表現していて、 マウスオーバー時のナビゲーションのエフェクトが透過した背景と相まってクールな演出をしています。...
-
:::AA= OFFICIAL WEB SITE:::
THE MAD CAPSULE MARKETSのベーシスト、上田剛士氏のソロプロジェクトAA=（エーエーイコール）オフィシャルサイトのWEBデザインです。 ノイズの入った古い映像のようなTOPのビジュアルやロゴなど、随所にグランジテイストを含めたダークなデザインで、 横組みの本文に対してタテ組みで大胆に配置した各ページの見出しが印象的です。...
-
sigur rós – official website of the icelandic band
アイスランドのポストロックバンド、sigur rós（シガー・ロス）オフィシャルサイトのWEBデザインです。 モノトーンで統一された配色と荒々しい質感のテクスチャーが醸し出すグランジ感がミックスされたダークなデザインで、 バンドのダイナミックな演奏やノイズと底知れぬミステリアスな世界観が上手く表現されています。...
-
PRS Guitars
アメリカのギター・ベースメーカー、Paul Reed Smith(ポール・リード・スミス)のWEBデザインです。 木目を活かしたシースルーフィニッシュや美しいインレイを持つギターが特徴で、サイトも高級感と重厚感を併せ持った配色・デザインとなっています。 ...
-
Lacuna Coil Official | lacuna coil band | tourdates | gigs | info | delirium
イタリア/ミラノ出身のゴシックメタル・バンド、Lacuna Coil(ラクーナ・コイル)オフィシャルサイトのWEBデザインです。 男女混成のボーカルが大きな特徴のバンドで、欧州のバンドらしいゴシックな世界観やミステリアスなサウンドはサイトのデザインにも大きく反映されています。 グロテスクなメイクや黒服に身を包んだアーティスト写真はバンドの美意識や方向性をそのまま表現していて、ファーストビュ...
-
Home | Jaco Pastorius
アメリカのベーシスト、Jaco Pastorius(ジャコ・パストリアス)オフィシャルサイトのWEBデザインです。 外側に向けて四隅を暗くぼかしたビネット効果を施した画像を大きく表示、レトロ・ヴィンテージ感をもたらすと共にサイトの世界観を打ち出しています。 ナビゲーションや見出しに手書き風のフォントを使用していて、ジャンプ率の大きさとも相まって親しみやすく柔らかな印象を与えています。...
