厳選・オープン・無料
Ideogram
洗練されたエディトリアル・美学を持つ、プレミアムAI画像生成プラットフォーム。
aiimage
01
デザイン DNA
AIimage generationdesignopen sourcetypography
ハイエンドのデザインスタジオとモダンなテクノロジー・スタートアップの融合。
02
カラー
#BD9FFFAccent
#232425Ink
rgba(35,36,37,0.72)Ink soft
#FFF9F4BG
#EDE7E0BG soft
rgba(35,36,37,1.0)Line
温みのあるオフホワイトをベースに、インタラクティブ要素に鮮やかなラベンダー・アクセントを配したハイコントラストのエディトリアル・パレット。
03
タイポグラフィ
didone-serif · humanist-sans · monospace
- display
74px · 400 - h1
48px · 400 - body
16px · 400 - caption
11px · 500
見出し用のディスプレイ・タイプは、トラッキングを詰めたハイコントラスト・セリフ体。 · 本文はクリーンなhumanist-sans-serifを使用。 · ラベルやナビゲーションの小文字には、大文字とトラッキングを用いる。
04
余白
4px
8px
16px
24px
32px
48px
64px
96px
主なセクションブロックに通常80pxのパディングを設け、垂直リズムを確立しています。
05
サーフェス (角丸 / 影 / 罫線)
sm · 4px
md · 8px
lg · 19px
pill · 999px
1px solid #232425
rgba(35, 36, 37, 0.08) 0px 1px 2px 0px
06
レイアウト
1280container
12columns
24pxgutter
768 / 1024breakpoints
シングルカラムのエディトリアル・レイアウトで、機能紹介部分ではマルチカラムのグリッドに拡張します。
07
モーションとインタラクション
150msmicro
180mssmall
450msmedium
cubic-bezier(0.25, 0.1, 0.25, 1)easing
コンテンツの遷移にはフェードとスライドを。 · インタラクティブ要素のhover時のカラーと背景の変化。
控えめなカラー変化と透明度の変更。 · 複雑なアニメーションなしの、即座の視覚的フィードバック。
08
コンポーネント
- button ハイコントラストの塗り（黒/白/ラベンダー）と十分なパディングを持つ、ピル形ボタン。
- card クリーンなタイポグラフィを備え、時には大きな画像を伴うフィーチャーカード。
- chip 分類用の小文字、大文字表記のテキストラベル。
- input クリーンな、ボーダー付き入力フィールド。
- hero フルワイドの画像またはカルーセルと組み合わせた、巨大なセリフ体のタイポグラフィ。
09
文体と禁止事項
- トーン 自信に満ち、プロフェッショナルで、デザイン志向。
- 見出し 大きなセリフ体フォントを用いた、簡潔で印象的なステートメント。
- CTA 直接的で行動を促すスタイル。しばしばピル形ボタンを使用。
- プライマリ背景に明るい白（#FFFFFF）を使用しない — スクリーンショットでは温みのあるオフホワイト（#FFF9F4）が示されています。
- 見出しに一般的なsans-serifを使用しない — スクリーンショットではハイコントラストのセリフ体フォントが示されています。
- アクセントに標準的な青を使用しない — スクリーンショットではインタラクティブ要素に特徴的なラベンダー（#BD9FFF）が示されています。
- ボタンに角張った角を使用しない — スクリーンショットでは完全に丸みを帯びたピル形ボタンが示されています。
- 重く、大きな影を使用しない — スクリーンショットでは非常に控えめで、ほぼ見えないボックスシャドウが示されています。
- 密集した、窮屈なレイアウトを使用しない — スクリーンショットではコンテンツブロックの周囲に豊かな余白とパディングが示されています。
- 避ける: 専門用語の多い技術的な記述
- 避ける: 過度に playful あるいはカジュアルな言葉遣い
- 避ける: 雑然としたレイアウト
10
パック内の実スクリーンショット
桌面首屏（hero）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（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
洗練されたエディトリアル・美学を持つ、プレミアムAI画像生成プラットフォーム。デザインは、温みのあるオフホワイト（#FFF9F4）の背景、ダークインク（#232425）、そして鮮やかなラベンダー・アクセント（#BD9FFF）を特徴とするハイコントラスト・パレットに依存しています。タイポグラフィは、見出し用のハイコントラスト・ディドーン・セリフ体と、本文用のクリーンなhumanist-sansを組み合わせています。重要な禁止事項：純白の背景、一般的なsans-serifの見出し、角張ったボタンの角は避けてください。レイアウトはゆったりとしたエディトリアル・スタイルで、明瞭さとビジュアル・インパクトを優先しています。
en · zh-CN · zh-TW · ja · ko