厳選・オープン・無料

Omsom

コミックブックの美学を持つ、鮮やかで大胆かつ迷いのないアジア料理ブランド。

01

デザイン DNA

アジアの風味をためらいなく讃える、コミックブック・スタイルの大胆な食品ブランド。

02

カラー

温かみのある落ち着いた写真やソフトなパステルの背景に対し、高彩度のオレンジとイエローのアクセント。

03

タイポグラフィ

display-serif · sans-serif

• display64px · 500
• headline42px · 500
• body16px · 400

見出しには太字のコンデンスド・ディスプレイ・セリフ体を使用。 · 本文にはクリーンなサンセリフ体を使用。 · 強調のため、頻繁に全角（大文字）を使用。

04

余白

大胆なビジュアルやタイポグラフィが息つくスペースを設ける、セクション間のゆとりのある間隔。

05

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

画像の周りに細い黒いボーダー、コールアウトにはコミックブック・スタイルの太いスターバースト形状。

06

レイアウト

フルワイドのヒーローイメージに続き、製品写真とエディトリアル・クォートのグリッド。

07

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

ホバー状態のための滑らかな遷移 · スクロール時の動的なtransform効果

カーソルがポインタに変化；インタラクティブ要素に微細なスケールや色の変化。 · アクティブ状態による即座のビジュアルフィードバック。

08

コンポーネント

• button 太字の大文字テキストリンクまたは塗りつぶしのカラーボタン。
• card 厳密な境界框を持たない高品質の写真として提示された製品パッケージ。
• chip ハイコントラストのテキストを持つ、コミックブック・スタイルのスターバースト・コールアウト。
• hero 製品をリアルな設定で特徴づけ、目立つスターバーストオーバーレイを重ねた、フルワイドのライフスタイル写真。

09

文体と禁止事項

• トーン 自信に満ち、大胆で、熱狂的。
• 見出し Proud + Loud（誇らしげ＋華やか）
• CTA 直接的で行動を促す。

• 退色したパステルを主要なパレットに使用しない — スクリーンショットは鮮やかで高彩度のオレンジとイエローを示している。
• 見出しに標準的な幾何学サンセリフを使用しない — スクリーンショットは太字のコンデンスド・ディスプレイ・セリフ体を示している。
• 微細なドロップシャドウを使用しない — スクリーンショットはコミックブック・スタイルのハードなグラフィック要素を示している。
• ミニマルなレイアウトを使用しない — スクリーンショットは密度が高く、表現力豊かな画像とテキストを示している。
• 小文字のみのテキストを使用しない — スクリーンショットは強調のための頻繁な全角（大文字）の使用を示している。
• ニュートラルなカラースキームを使用しない — スクリーンショットは温かみのあるエネルギッシュなパレットを示している。
• 避ける: 風味を抑えた表現にする
• 避ける: 過度に企業的な言葉を使う
• 避ける: 色使いを控えめにする

10

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

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

11

System Prompt

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