厳選・オープン・無料
Writer
自律エージェントによるブランド一貫性のある実行をスケールするためのエンタープライズAIプラットフォーム。
aisaas
01
デザイン DNA
エンタープライズAIスケーラビリティ信頼性プロフェッショナリズム
AI駆動のコンテンツとワークフロー実行のためのエンタープライズグレードのコマンドセンター。
02
カラー
#5551FFAccent
#000000Ink
#2D2D2DInk soft
#FFFFFFBG
#E4E9FFBG soft
#F3F3F3BG quiet
#BDBDBDMuted
rgba(0,0,0,0.1)Line
高コントラストなモノクロームコアに、プライマリCTAと強調用の単一の高クロマのバイオレットアクセントを配したデザイン。
03
タイポグラフィ
transitional-serif · geometric-sans · monospaced
- display
64px · 400 - body
16px · 400
見出しには権威と優雅さを演出するトランジショナルセリフ体を使用。 · 本文とUIには高い可読性を実現するクリーンなジオメトリックサンセリフ体を使用。 · ラベルやナビゲーションには構造を加えるため、広範囲に大文字の字間調整（tracking）を使用。
04
余白
4px
8px
16px
24px
32px
48px
64px
96px
8pxベースライングリッドと、プレミアムで散らばりのない印象を維持するための十分な垂直方向の余白。
05
サーフェス (角丸 / 影 / 罫線)
sm · 4px
md · 12px
lg · 12px
pill · 999px
入力フィールドやカードのエッジを定義するために使用される、微細な1pxボーダー。ビジュアルノイズを追加しません。
rgb(243, 243, 243) 0px 2px 4px 0px · rgba(191, 203, 255, 0.25) 0px 1px 8px 0px
06
レイアウト
1280container
12columns
24pxgutter
768 / 1024breakpoints
コンテンツには中央揃えの単一カラムフローを、フィーチャーショーケースには2カラムレイアウトを使用。
07
モーションとインタラクション
220msmicro
400mssmall
800msmedium
cubic-bezier(0.25, 0.1, 0.25, 1)easing
インタラクティブ要素の滑らかなカラーおよび背景トランジション。 · hover状態の微細なスケールと不透明度の変化。
テキストリンクのカラートランジションと、ボタンの背景シフト。 · プライマリアクションボタンの微細な縮小トランスフォーム。
08
コンポーネント
- button ハイコントラストな塗りつぶしを持つピル型プライマリボタン。テキストベースのセカンダリボタン。
- card 微細なシャドウを持つクリーンな角丸カード。UIフィーチャーを説明するために頻繁に使用。
- chip 分類とステータスインジケーターに使用される、小規模な大文字バッジ。
- input 微細なボーダーと明確なプレースホルダーテキストを持つ、角丸ピル型入力フィールド。
- hero 巨大なセリフ見出しに、単一の高クロマアクセントワードと顕著なデモリクエストフォームを組み合わせたデザイン。
09
文体と禁止事項
- トーン 権威があり、プロフェッショナルで、率直。
- 見出し 焦点を引きつけるために単一の単語をハイライトした、大きくインパクトのあるセリフテキスト。
- CTA アクション志向で明確。直接的な価値またはトライアルを強調。
- ダークモードを使用しない — デザインは严格的にハイコントラストのライト背景パラダイムに従います。
- 見出しに丸みのあるサンセリフフォントを使用しない — スクリーンショットではトランジショナルセリフ体が具体的に使用されています。
- ラベルの字間調整（tracking）を削除しない — ナビゲーションとラベルは`text-transform: uppercase`に大きく依存しています。
- ソフトなパステル背景を使用しない — パレットは単一の鮮やかなアクセントを持つ严格的なモノクロームにとどまります。
- 重いドロップシャドウを使用しない — デザインは最小限の深みのために微細なボックスシャドウに依存しています。
- セカンダリアクセントカラーを混ぜない — バイオレット（#5551FF）が使用される唯一の高クロマカラーです。
- 避ける: カジュアルなスラング
- 避ける: 過度に複雑な業界用語
- 避ける: 雑然としたまたは騒がしいレイアウト
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
これはB2B SaaS向けのプレミアムエンタープライズAIプラットフォームです。デザインDNAは、厳格でハイコントラストなモノクロームコア（#FFFFFFと#000000）に単一の高クロマのバイオレットアクセント（#5551FF）を特徴とします。タイポグラフィは、ディスプレイ用の権威あるトランジショナルセリフ体と、本文およびUI用のクリーンなジオメトリックサンセリフ体を組み合わせています。重要な制約には、セカンダリの高クロマカラーの導入禁止、十分な余白の維持、すべてのラベルに字間調整（tracking）を使用することが含まれます。ダークモードや過度に装飾的または遊び心のある要素は避けてください。常に明瞭さとプロフェッショナルな抑制を優先してください。
en · zh-CN · zh-TW · ja · ko