厳選・オープン・無料

Metalab

このサイトは、現代的でハイエンドなエージェンシーのポートフォリオの好例。大胆なタイポグラフィと没入感のあるビジュアルを用い、強いブランド印象を創出している。

Agency Case Study Clean
Metalab のスクリーンショット

オリジナル: https://metalab.com

OpenDesign で開く

デザイン DNA

視覚言語

ダークモードのハイコントラスト・パレット。ほぼ黒をベースに、純白のテキストと、1色の鮮やかなアクセント・カラー(パープル)を使用。

レイアウト構造

非対称レイアウト。縦のナビゲーション・カラムと、フルブリードの没入型ヒーロー・セクションを組み合わせる。

インタラクション形態

ナビゲーション・リンクのhover状態や、スムーズなページ遷移など、繊細で滑らかなインタラクションが想定される。

モーション規則

洗練された、目的に即したモーションデザイン。上級感を高めつつ、邪魔にならない表現が期待される。

en · zh-CN · zh-TW · ja · ko