厳選・オープン・無料

Liquid Death

このサイトは、大胆なタイポグラフィと制限された高インパクトカラーパレットの一貫した使用を通じて、強く反抗的なブランドアイデンティティを構築する優れた例です。

brand bold ecommerce
Liquid Death のスクリーンショット

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

OpenDesign で開く

デザイン DNA

視覚言語

パレットは、深い黒(#000000)と明るいグレー(#E6E6E6)によるハイコントラストなモノクロームスキームが中心で、ブランドアイコンに控えめに使われる独自のメタルゴールドアクセント(#8A6D35)が画龙点睛となっています。

レイアウト構造

レイアウトは、ゆったりとした垂直パッディングを持つ標準的な中央揃えコンテナを採用し、フルワイドのヒーローバナーと、マーケティング用の目立つ中央揃えモーダルオーバーレイを特徴としています。

インタラクション形態

インタラクションは、微細なトランスフォームと滑らかなカラー遷移を伴う鋭いホバーステートによって駆動され、厳密な0.2sのcubic-bezierカーブで処理されます。

モーション規則

モーションは微細ですが正確で、主にホバーエフェクトやモーダルのフェードインに使用され、静的で力強いイメージに焦点を保ちます。

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