厳選・オープン・無料

Misuko Be

健康飲料のフォーミュレーションと製造を提供するB2Bサービスプロバイダー。

01

デザイン DNA

飲料ブランドのための、クリーンでプロフェッショナルなパッケージスタジオ

02

カラー

落ち着いた背景パレットに、高いコントラストを生むシャープな黒のタイポグラフィ。

03

タイポグラフィ

grotesque-sans

• display48px · 500
• heading34px · 400
• body14px · 400

見出しには tight negative letter-spacing を使用 · 本文は快適な 1.36 の line-height を維持 · ナビゲーションリンクと本文は共通の基本フォントサイズを使用

04

余白

セクション内部のゆとりあるパディング（例：上下116px）により、リズム感のある呼吸可能なレイアウトを実現。

05

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

ボタンや構造的な区切りには、薄い1pxの境界線が落ち着いたトーン（#BCBEB2）または純黒（#000000）で使用されます。

rgba(0,0,0,0.15) 0px 0px 8px 3px

06

レイアウト

分割画面ヒーローレイアウトから、フルワイドの画像とテキストが交互に並ぶグリッドへと展開。

07

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

インタラクティブ要素の微細な透明度とトランスフォームトランジション

テキストリンクやボタンにおける色の変化と微細な透明度のシフト · 新しいページセクションまたは外部リンクへのスムーズなトランジション

08

コンポーネント

• button 黒い境界線と大文字テキストを持つピル型アウトラインボタン、または先頭に矢印アイコンを持つシンプルなテキストリンク。
• card コンテンツは伝統的なカードではなく、大判の分割画面ブロックで提示されます。
• chip チップの使用は最小限で、ナビゲーションにはクリーンなテキストリンクに焦点を当てます。
• input 薄い境界線を持つ標準的なフォームフィールド。
• hero 一方に大見出し、もう一方にフルハイトのライフスタイル画像を配した巨大な分割画面ブロック。

09

文体と禁止事項

• トーン プロフェッショナルで、安心感を与え、パートナーシップに焦点を当てる
• 見出し デザインと生産に関する直接的でメリット重視のメッセージ
• CTA 「お問い合わせしましょう」や「自分のブランド構築を支援する」などのアクション指向のプロンプト

• 鮮やかまたはネオンカラーを使用しない — スクリーンショットにはビージュ、ブラウン、黒の落ち着いたパレットが示されている
• 重いドロップシャドウを使用しない — スクリーンショットには要素に最小限でほぼ気づかない影が示されている
• 本文のテキストを中央揃えにしない — スクリーンショットには全文で左揃えの見出しと本文が示されている
• 多くのカラムを持つ雑然としたレイアウトを使用しない — スクリーンショットにはクリーンでゆとりのある分割画面グリッドが示されている
• 装飾的またはスクリプトフォントを使用しない — スクリーンショットにはクリーンで機能的な grotesque-sans タイポグラフィが示されている
• ソフトな背景を持つ角丸カードを使用しない — スクリーンショットにはシャープなフルブリード画像とクリスピーな境界線が示されている
• 避ける: 攻撃的な営業言語を避ける
• 避ける: 過度にカジュアルまたはスラングの多いコピーを避ける
• 避ける: 飲料生産に関連しない複雑な専門用語を避ける

10

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

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

11

System Prompt

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