厳選・オープン・無料
Texts
すべての会話を、クリーンでプライベートなインターフェースに整理する、AI強化型メッセージングハブです。
productmessagingdark
01
デザイン DNA
統合インボックスAIアシスタント生産性メッセージングプライバシー
すべてのコミュニケーションを管理する、統合されたAIパワーのコマンドセンター
02
カラー
#2563EBAccent
#101116Ink
#1C2022Ink soft
#FFFFFFBG
#F9FAFBBG soft
#F5F7FABG quiet
#697882Muted
rgba(226, 232, 240, 1)Line
アクセシビリティを重視した、プロフェッショナルなブルーアクセントを主体とした高コントラストパレットです。
03
タイポグラフィ
humanist-sans · monospace
- display
56px · 700 - h1
48px · 700 - body
16px · 400
04
余白
4px
8px
12px
16px
20px
24px
32px
48px
56px
64px
余白を重視したセクションに十分なパディングを備えた、標準4pxグリッドです。
05
サーフェス (角丸 / 影 / 罫線)
sm · 4px
md · 12px
lg · 16px
pill · 9999px
1px solid rgb(226, 232, 240)
rgba(0, 0, 0, 0.1) 0px 1px 3px 0px · rgba(0, 0, 0, 0.2) 0px 4px 16px 0px
06
レイアウト
1280container
12columns
24pxgutter
768 / 1024breakpoints
コンテンツセクション用の、十分な垂直パディングを備えたセンタリング単一カラムレイアウトです。
07
モーションとインタラクション
200msmicro
220mssmall
700msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing
パディングや高さの変化に対するスムーズなレイアウト遷移 · 状態変化に対する繊細なフェードイン/アウト
インタラクティブ要素には標準のポインターカーソルです。 · インタラクティブ領域全体でポインターカーソルを維持します。
08
コンポーネント
- button ピル型の角丸(9999px)、太字、方向性のある矢印を備えた、ハイコントラストなCTAです。
- card 繊細な丸みのある角(12px)と柔らかいドロップシャドウを備えた、クリーンな白コンテナです。
- chip 軽いボーダーを備えた、ミニマルなタグ/チップコンポーネントです。
- input 標準パディングを備えた、クリーンでボーダー付きの入力フィールドです。
- hero クリーンな背景の上に、強力な単一のCTAを配置した、太字でセンタリングされたタイポグラフィです。
09
文体と禁止事項
- トーン 自信に満ち、透明性があり、将来志向
- 見出し イノベーションと組織化を強調する、太字で断定的なステートメント
- CTA 方向性のあるヒント(矢印)を用いた、直接的で行動を促す表現
- セリフフォントを使用しない — スクリーンショットではすべてのタイポグラフィがクリーンなサンセリフ系です。
- ネオン色や彩度の高いセカンダリカラーを使用しない — スクリーンショットではブルー、ホワイト、ダークグレーの控えめなパレットが示されています。
- レイアウトを雑然としない — スクリーンショットでは豊かな余白と焦点を絞ったコンテンツセクションが示されています。
- プライマリ要素に鋭く角張った角を使用しない — スクリーンショットではカードに12px、ボタンに9999pxの角丸が示されています。
- 重く攻撃的なドロップシャドウを使用しない — スクリーンショットでは非常に繊細で不透明度の低いエレベーションシャドウが示されています。
- 複雑な装飾的イラストを使用しない — スクリーンショットではクリーンなテキスト、シンプルなアイコン、UIスクリーンショットに依存しています。
- 避ける: 専門用語
- 避ける: 過度に形式的な言葉
- 避ける: 受動態
10
パック内の実スクリーンショット
桌面首屏(hero)
桌面滚动分段(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強化型生産性ツールのためのクリーンでプロフェッショナルなSaaSインターフェースです。ホワイト背景(#FFFFFF)、ダークインク(#101116)、および主体的なブルーアクセント(#2563EB)を用いた高コントラストパレットを使用しています。タイポグラフィはヒューマニストサンセリフ(Inter)のみで、太字でネガティブトラッキングの見出しが特徴です。重要な禁止事項:セリフフォントの使用を避けること、ネオン色や彩度の高いセカンダリカラーの使用を避けること、不要な装飾要素でレイアウトを雑然としないこと。豊かな余白を維持し、サーフェスには12pxの角丸を使用します。全体的な印象は現代的で、効率的であり、信頼感のあるものです。
en · zh-CN · zh-TW · ja · ko