厳選・オープン・無料
Recraft
デザインの美学と機械知能を橋渡しする、プレミアムAI画像生成プラットフォーム
aidesign
01
デザイン DNA
上品丁寧に作り込まれた先進的プロフェッショナルビジュアル重視
ハイエンドのデザインスタジオと最先端のAI研究ラボの融合
02
カラー
#D2FC31Accent
#FFFFFFInk
#000000BG
#707070Muted
rgba(0,0,0,0.15)Line
高コントラストのダークモードに、プライマリCTA用の鮮やかなアクセント
03
タイポグラフィ
condensed-sans · humanist-sans · monospace
- display
72px · 900 - heading
24px · 600 - body
16px · 400 - caption
12px · 400
ディスプレイテキストは極めて太いウェイト(900)で、ネガティブな文字間隔を使用 · 本文テキストは読みやすさのために快適な1.4の行間を維持 · セカンダリラベルとナビゲーションにはすべてキャップを使用
04
余白
4px
8px
16px
24px
32px
48px
64px
96px
一貫した4pxの基本単位を採用し、ヒーローセクションには広めの余白を配置
05
サーフェス (角丸 / 影 / 罫線)
sm · 5px
md · 15px
lg · 30px
pill · 50px
1px solid rgba(0,0,0,0.15)
rgba(0,0,0,0.3) 0px 11px 40px 0px
06
レイアウト
1280container
12columns
24pxgutter
768 / 1024breakpoints
テキストを重ねたフル幅ヒーロー、中央揃えのコンテンツブロック
07
モーションとインタラクション
220msmicro
400mssmall
800msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing
ヒーロー画像間の滑らかなカルーセルトランジション · インタラクティブ要素への繊細なホバーエフェクト
インタラクティブ要素のカラーシフトと微細なスケール変化 · 状態変化による即座のビジュアルフィードバック
08
コンポーネント
- button 5pxの角丸を持つ長方形、プライマリアクション用の高コントラストフィル
- card ミニマルな装飾を施したフルブリード画像カード
- chip ナビゲーションラベル用の小さな角丸バッジ
- input 繊細なボーダーを持つクリーンなテキストフィールド
- hero タイポグラフィとCTAを重ねた、劇的なフルビューポート画像
09
文体と禁止事項
- トーン 洗練さと自信に満ちた、職人技を強調する語り口
- 見出し 技術的な精緻さを伴う、太くコンデンスされた全キャップのステートメント
- CTA 「作成を始める」「APIを取得する」のような、直接的で行動を促す動詞
- セリフフォントを使用しない — スクリーンショットでは一貫してサンセリフのタイポグラフィが使用されている
- くすんだパステルカラーを使用しない — スクリーンショットでは高コントラストの黒い背景と鮮やかなアクセントが使用されている
- 細いフォントウェイトを使用しない — スクリーンショットでは極めて太い900ウェイトのディスプレイテキストが使用されている
- 鋭い角を使用しない — スクリーンショットではすべてのコンポーネントで一貫して5-15pxの角丸が使用されている
- 密集したレイアウトを使用しない — スクリーンショットでは広めの余白と呼吸する余地が確保されている
- 複数のアクセントカラーを使用しない — スクリーンショットではCTA用に単一の支配的なチャートルーズグリーンが使用されている
- 避ける: 遊び心のある、またはカジュアルな言葉遣い
- 避ける: 過度な感嘆符の使用
- 避ける: 専門用語の乱用
- 避ける: 销售过头的宣传文案
- 避ける: 曖昧な価値提案
10
パック内の実スクリーンショット
桌面首屏(hero)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
移动首屏実ページから取得 · 実 computed styles
11
System Prompt
Recraft.aiは、プロのデザイナーとクリエイティブチームを対象としたプレミアムAI画像生成プラットフォームです。デザインのDNAは、主に黒い背景 (#000000) を持つダークで高コントラストの美学と、プライマリCTA用の鮮やかなチャートルーズグリーン (#D2FC31) のアクセントを特徴とします。タイポグラフィは、ディスプレイテキストに極めて太いウェイト(900)のコンデンスサンセリフを使用し、劇的なインパクトを生み出します。主要な制約:決してセリフタイプフェースを使用せず、くすんだカラーパレットを避け、レイアウトでは常に広めの余白を維持し、ヘッドラインには太いフォントウェイトを使用し、角の丸みは5-15pxの範囲に保ち、すべてのCTAが特徴的なグリーンアクセントカラーを使用していることを確認します。
en · zh-CN · zh-TW · ja · ko