厳選・オープン・無料

Savee

ダークでミニマルな美学の上に構築された、デザイナーのためのプレミアムビジュアルキュレーションツール。

01

デザイン DNA

クリエイティブプロフェッショナルのためのデジタル・ムードボードプラットフォーム。

02

カラー

純粋なブラックとホワイトを用いたハイコントラストダークモード。単一の鮮やかなブルーアクセントを採用しています。

03

タイポグラフィ

geometric-sans · monospace

• display60px · 500
• h236px · 500
• body16px · 400

04

余白

4pxのベースグリッドを採用し、セクション間にはゆったりとした縦方向の余白を設定しています。

05

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

カードや入力フィールドには `1px solid rgb(64,64,64)` のボーダーを使用しています。

0px 18px 70px rgba(0,0,0,0.35)

06

レイアウト

中心に揃えた単一カラムレイアウト。大きなヒーローセクションを採用しています。

07

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

ページ読み込み時のフェードインとスケールアップ · ホバー時の滑らかなカラートランジション

微細な背景色の変化や透明度のシフトを実装。 · 即座にフィードバックを提供するカラートランジション。

08

コンポーネント

• button プライマリボタン：青の塗りつぶしを施したピル形状。セカンダリボタン：ボーダーのみのゴーストスタイル。
• card 角丸のダークな浮き上がりサーフェス。微細なボーダーを施しています。
• chip プラットフォームアイコン（iPhone App、Figma Pluginなど）を格納するピル形状コンテナ。
• input 角丸のダークな入力フィールド。微細なボーダーを施しています。
• hero 中心に配置した大きな見出し、サブテキスト、および目立つCTAボタンで構成。

09

文体と禁止事項

• トーン プロフェッショナルでクリーン、かつ自信に満ちた口調。
• 見出し 直接的でインパクトのある表現。価値提案に焦点を当てます。
• CTA 行動を促す明確な表現（例：「Build your library」など）。

• 明るい背景を使用しないこと — スクリーンショットでは純粋なブラック（#050505）の背景が示されています。
• 装飾的なフォントを使用しないこと — スクリーンショットではクリーンな幾何学的サンセリフタイポグラフィが示されています。
• 複数のアクセントカラーを使用しないこと — スクリーンショットでは単一の鮮やかなブルー（#1019ed）アクセントが示されています。
• ボタンにシャープな角を使用しないこと — スクリーンショットでは完全なピル形状（radius 9999px）のボタンが示されています。
• 細く軽いフォントを使用しないこと — スクリーンショットではインパクトを重視したミディアムウェイト（500）の見出しが示されています。
• 賑やかな背景やグラデーションを使用しないこと — スクリーンショットでは平坦で滑らかなダークサーフェスが示されています。
• 避ける: おちゃらけた、あるいはカジュアルな言葉遣い
• 避ける: 視覚的な雑然さ
• 避ける: 複雑なグラデーション

10

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

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

11

System Prompt

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