厳選・オープン・無料

Pietrastudio

急成長するブランドのためのプライベートAIブレイン

01

デザイン DNA

現代のEコマースブランドのための洗練されたオペレーティングシステム

02

カラー

単一のエネルギッシュなアクセントによるハイコントラストのミニマリズム

03

タイポグラフィ

geometric-sans

• display56px · 700
• body16px · 400

すべてのテキストレイヤーにジオメトリックサンズを使用 · 大型ディスプレイタイプにはタイトなトラッキングを適用 · 見出しと本文の間で高いウェイトコントラストを維持

04

余白

標準的な増分による一貫した4pxベース

05

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

ネアブラックのrgba値を使用した繊細な1pxボーダー

rgba(0, 0, 0, 0.06) 0px 1px 6px 0px · rgba(0, 0, 0, 0.16) 0px 2px 32px 0px

06

レイアウト

豊富なホワイトスペースと明確な縦のリズムを持つ中央配置コンテンツ

07

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

ホバー時の滑らかなカラートランジション · インタラクティブ要素のための繊細な背景シフト

ボタンやリンクの繊細なカラーまたは背景シフト · カラー変更やスケールによる即時フィードバック

08

コンポーネント

• button 白テキストのソリッドオレンジプライマリ；セカンダリはアウトラインまたはテキストのみ
• card 12pxの角丸と繊細なシャドウを持つクリーンなカード
• chip 白テキストのオレンジピル型タグ
• input 繊細なボーダーを持つクリーンでミニマルなインプット
• hero 主要キーワードにマルチカラーグラデーション効果を適用した大型の中央配置タイポグラフィ

09

文体と禁止事項

• トーン 自信に満ち、プロフェッショナルで、エンパワリング
• 見出し 中核の価値提案を強調する太く簡潔なステートメント
• CTA アクション指向でメリットを重視（例：無料で始めましょう）

• 複雑なグラデーションを使用しない — スクリーンショットではソリッドオレンジのボタンと繊細なマルチカラーテキストアクセントのみが確認できます
• セリフフォントを使用しない — スクリーンショットではジオメトリックサンセリフが全体に使用されています
• 重いドロップシャドウを使用しない — スクリーンショットでは柔らかくミニマルなボックスシャドウが使用されています
• 混雑したレイアウトを使用しない — スクリーンショットでは豊富なホワイトスペースと明確な階層構造が確認できます
• 複数の競合するアクセントカラーを使用しない — スクリーンショットではオレンジがプライマリアクセントとして使用され、マルチカラーはヒーローセクションのキーワード強調という特定の効果として使用されています
• ダーク背景をプライマリとして使用しない — スクリーンショットでは主に白背景で、単一のソフトピンクセクションが確認できます
• 避ける: 専門用語を多用する、または過度に技術的な言葉遣い
• 避ける: 受動的またはためらいがちな表現
• 避ける: 雑然とした、またはノイズの多いレイアウト

10

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

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

11

System Prompt

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