厳選・オープン・無料

Isla Beauty

ミニマリスティックでモダンな美学を持つ、凝縮された効果的な美容製品を提供するプレミアムスキンケアブランド。

01

デザイン DNA

クリーンな美学と科学的有効性を融合したラグジュアリースキンケアブランド。

02

カラー

クリーミーなオフホワイトとチャコールを主調とした温かみのある洗練されたパレット。注目を集める鮮やかでエネルギッシュなレッドアクセントが効果を添えます。

03

タイポグラフィ

transitional-serif · humanist-sans

• display64px · 400

大胆で表現力豊かなディスプレイ見出しにはトランジショナルセリフを使用。 · 明確で読みやすい本文とナビゲーションにはヒューマニストサンスを使用。 · ディスプレイテキストにはタイトな文字間隔を維持し、洗練された印象を実現。

04

余白

一貫した4pxグリッドで構造を提供。プロモーションエリアには十分な余白を設け、プレミアムで整理された印象を維持します。

05

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

黒やダークグレーの細く微細なボーダーで、インタラクティブ要素やセクションを定義します。重すぎない配慮が重要です。

rgba(0, 0, 0, 0.06) 0px 2px 8px 0px · rgba(0, 0, 0, 0.1) 0px 5px 10px 0px

06

レイアウト

清潔感があり、中央揃えのレイアウト。上部には常設ナビゲーションバー、大きな写真セクションで没入感を演出します。

07

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

モーダルオーバーレイ向けの滑らかなフェードイントランジション。 · インタラクティブ要素への微細なhoverトランジション。 · プロモーションバナーの移動変形。

インタラクティブ要素に微細な色や透過度の変化を加え、明確なフィードバックを提供。 · 即座のビジュアルレスポンス。新しい状態やモーダルへのトランジションが伴うことが多い。

08

コンポーネント

• button 微細なボーダーやソリッドフィルを持つミニマリスティックなボタン。大文字テキストや、ピルシェイプ、または角丸ボタンが一般的です。
• card 高品質な写真と十分な余白に依存した、清潔な製品プレゼンテーション。
• chip フィルタリングやアンケート選択肢向けの、シンプルなテキストベースの選択チップ。
• input ボーダーを最小限に抑えた、清潔で控えめなインプットフィールド。
• hero フルワイドの没入感のある写真ヒーローセクション。大きな表現力豊かなタイポグラフィをオーバーレイします。

09

文体と禁止事項

• トーン 自信に満ち、ミニマルで、便益を重視。
• 見出し 表現力豊かで、会話的な響きを持つことが多い。強調のためセリフとサンセリフの混在を使用。
• CTA 直接的でアクション指向。ボタン内に大文字テキストを使用することが多い。

• 複雑なグラデーションは使用しない — スクリーンショットでは、ソリッドでクリーンな背景色が採用されています。
• ダークモードは使用しない — サイト全体で明るいクリームカラースキームを使用しています。
• ディスプレイ用に遊び心のある角丸サンセリフフォントは使用しない — スクリーンショットでは、表現力豊かな見出しにトランジショナルセリフが使用されています。
• コンポーネントに重いドロップシャドウは使用しない — スクリーンショットでは、標高を表すために非常に微細で柔らかいシャドウが使用されています。
• 派手なネオンやプライマリカラーは使用しない — スクリーンショットでは、控えめな暖色パレットに対して特定の鮮やかなレッドアクセントが使用されています。
• 複数カラムのテキストブロックは使用しない — スクリーンショットでは、可読性のために十分な余白と中央揃えの単一カラムレイアウトが使用されています。
• 避ける: 雑踏した忙碌なレイアウト
• 避ける: 派手な或いはネオンカラー
• 避ける: 過度に複雑なタイポグラフィ

10

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

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

11

System Prompt

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