厳選・オープン・無料

Brightland

大胆なセリフタイポグラフィと陽光に満ちた暖かなライフスタイル写真を組み合わせたプレミアムDTCフードブランド。

01

デザイン DNA

エディトリアルな写真と温かみのある親しみやすい美学を融合させた高級パントリーブランド。

02

カラー

特徴的な金黄色と柔らかなオフホワイト背景上のクリスプな黒テキストに anchoring（基づく）された、ハイコントラストの暖色パレット。

03

タイポグラフィ

transitional-serif · humanist-sans

• display56px · 700
• heading16px · 400
• body16px · 400

04

余白

インタラクティブな要素やモーダルには一貫して18pxのpaddingを使用し、フレックスアイテム間には8-18pxのgapを設定します。

05

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

1px solid rgba(27, 27, 27, 0.12)

rgba(0, 0, 0, 0.1) 0px 1px 3px 0px · rgba(0, 0, 0, 0.4) 0px 9999px 0px 9999px

06

レイアウト

デスクトップでは2カラム分割（50/50）、モバイルでは目立つ画像ブロックを伴う単一カラムに折りたたまれる。

07

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

モーダルのopacityとtransformの滑らかなトランジション · インタラクティブ要素のhover状態

ピルボタン上の視覚フィードバック · 設定を選択するか、モーダルを閉じる

08

コンポーネント

• button ソリッドなイエロー背景、黒テキスト、十分な水平paddingを持つピル形状。
• card 柔らかなオフホワイト背景、大きな角丸（18px）、微細なドロップシャドウを持つモーダルオーバーレイ。
• hero 大胆なセリフによる割引見出しと、製品のライフスタイル写真を組み合わせたプロモーションオーバーレイ。

09

文体と禁止事項

• トーン 温かく、歓迎的で、自信に満ちている
• 見出し 価値と品質に焦点を当てた、大胆で感情的なセリフ
• CTA 直接的、行動を促し、非常に目立つ

• 真っ白な背景を使用しない — スクリーンショットでは暖かいオフホワイト（#F9F2EA）が使われている
• 見出しに幾何学的サンセリフを使用しない — スクリーンショットではトランジショナルセリフが使われている
• 長方形のボタンを使用しない — スクリーンショットでは9999pxのradiusを持つピル形ボタンが使われている
• くすんだまたはパステルのプライマリアクセントを使用しない — スクリーンショットでは非常に彩度の高い金黄色が使われている
• 硬い青やクールな色調を使用しない — スクリーンショットでは暖かく、アースカラーのパレットが使われている
• 薄くコントラストの低いボーダーを使用しない — スクリーンショットでは微細なopacityを持つ明確な1pxボーダーが使われている
• 避ける: 冷たい技術用語
• 避ける: 攻撃的な割引メッセージ
• 避ける: 複雑な業界用語

10

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

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

11

System Prompt

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