厳選・オープン・無料

Liquid Death

ゴシックパンクの美学を用いて健全な水分補給を販売する、反抗的で不敬な飲料ブランド。

01

デザイン DNA

パンクロックのエナジードリンクブランドが水を販売している

02

カラー

明るいグレー、深い黒、そしてブランドマークに使われる独自のメタルゴールドアクセントが交互に現れるハイコントラストパレット。

03

タイポグラフィ

geometric-sans · humanist-sans

• display40px · 700
• heading32px · 700
• subheading24px · 700
• body16px · 400
• caption14px · 400

すべてのナビゲーションリンクに大文字を使用 · 大型ディスプレイ見出しには tightened letter spacing を使用 · すべての主要見出しには太字ウェイト（700）を維持

04

余白

8pxベースグリッドに、ヒーローセクション用のゆったりとした垂直パッディング（上150px / 下56px）。

05

サーフェス (角丸 / 影 / 罫線)

入力欄には1px solid rgba(0, 0, 0, 0.15)；ボタンには1px solid rgb(0, 0, 0)

0px 4px 12px 0px rgba(0, 0, 0, 0.15) · 0px 0px 18px 0px rgba(0, 0, 0, 0.2)

06

レイアウト

大きなフルワイドヒーローバナーと目立つオーバーレイモーダルを持つ中央揃えコンテンツ。

07

モーションとインタラクション

ホバーステートでの滑らかなフェードとトランスフォーム遷移 · モーダルオーバーレイ用の微細な不透明度遷移

インタラクティブ要素のカラー変化と微細なトランスフォーム。 · ボタン上の即座の視覚的応答。

08

コンポーネント

• button 透明な背景に太い黒いボーダーと大文字テキスト；border-radiusなし。
• card 目に見えるコンテナボーダーのない製品画像。
• input 白色背景に細い黒いボーダーとプレースホルダーテキスト。
• hero フルワイド背景画像に、大きく太字のタイポグラフィと明確な行動喚起ボタン。

09

文体と禁止事項

• トーン 不敬で、ユーモラス、そして少し攻撃的。
• 見出し 短く、鋭く、しばしば皮肉の効いたステートメント。
• CTA 'HELL YES'や'SHOP NOW'のような非公式で大胆なフレーズ。

• プライマリボタンに角丸を使用しない — スクリーンショットでは四角/長方形の形状が示されている
• 控えめまたは薄いタイポグラフィを使用しない — スクリーンショットでは太字でハイコントラストの見出しが示されている
• カラフルで遊び心のあるパレットを使用しない — スクリーンショットでは厳密なモノクロームベースにゴールドアクセントが1つだけ使われている
• 小さく繊細なUI要素を使用しない — スクリーンショットでは大きく分厚い入力欄とボタンが示されている
• クリーンで空っぽの美学を使用しない — スクリーンショットでは密度が高くフォトリアリスティックな背景と忙しい画像が示されている
• フレンドリーで小文字の見出しを使用しない — スクリーンショットでは攻撃的で大文字のテキストが示されている
• 避ける: フォーマルな企業語
• 避ける: 過度に技術的な専門用語
• 避ける: 穏やかまたは受動的な表現

10

パック内の実スクリーンショット

実ページから取得 · 実 computed styles

11

System Prompt

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