厳選・オープン・無料

Cartesia

Cartesiaは、人間のような音声エージェントのための基盤モデルと開発者ツールを構築するAIスタートアップです。

01

デザイン DNA

洗練された現代的なエンタープライズ製品レイヤーを持つ、専門的な研究ラボ。

02

カラー

成長と自然を象徴する単一の深い緑のアクセントカラーを備えた、明るく自然な背景に墨色のハイコントラスト。

03

タイポグラフィ

transitional-serif · humanist-sans · modern-monospace

• display56px · 400
• headline36px · 400
• body16px · 400
• caption14px · 500

権威と研究の深みを伝えるために、見出しやヒーローテキストにセリフ体を使用。 · 最大限の可読性のために、UI本文にサンセリフ体を使用。 · 技術的なラベルやデータポイントにモノスペース体を使用。

04

余白

主要なコンテンツブロック間に豊富なホワイトスペースを持つ、厳格な4pxベースグリッド。

05

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

1px solid #DFEDDF

0 1px 2px rgba(0,0,0,0.05)

06

レイアウト

12カラムグリッドに、大きなヒーローセクションと2カラム分割レイアウトを交互に配置。

07

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

ホバー時の微細な透明度フェード · ボタンの滑らかな色のトランジション · イラストレーション用のパララックスまたはスクロールトリガーによる表示

背景色がわずかに暗くなるか、テキスト色が緑に変化。 · ボタン用のスケールダウン微細インタラクション。

08

コンポーネント

• button 深い緑の背景を持つピル型プライマリボタン、薄い緑のボーダーを持つセカンダリボタン。
• card 微細な緑の色合いの背景または薄いボーダーを持つ、ミニマリストなコンテンツカード。
• chip 「Finance」や「Healthcare」のような業界セクター向けの、丸みを帯びた小さなカテゴリタグ。
• input 微細なボトムボーダーまたは細いアウトラインを持つ、クリーンなテキストインプット。
• hero 記述的な段落と2つのCTAと組み合わせた、大きなセリフ体リードテキストブロック。

09

文体と禁止事項

• トーン 学術的でありながら親しみやすく、自信に満ち、将来志向の。
• 見出し 複雑な概念を簡潔に説明する、長く記述的な文。
• CTA 直接的かつ親しみやすく、しばしば「試す」や「連絡する」を強調。

• ダークモードテーマは使用しない — スクリーンショットは一貫して明るく明るい背景を示している。
• アグレッシブなグラデーションは使用しない — スクリーンショットはソリッドカラーと微細な色合いを示している。
• 重いドロップシャドウは使用しない — スクリーンショットは非常にフラットで最小限の高みを示している。
• ネオンや高クロマなアクセントカラーは使用しない — スクリーンショットは単一の深い自然な緑を使用している。
• 高度に装飾的またはスクリプトフォントは使用しない — スクリーンショットはクリーンで可読性の高いタイポグラフィを使用している。
• 項目が多すぎるとごちゃごちゃしたナビゲーションは使用しない — スクリーンショットは精選された広々としたトップバーを示している。
• 避ける: ハイプを煽るような、または過度にカジュアルな言葉遣い。
• 避ける: 競合する視覚要素が多すぎる、ごちゃごちゃしたレイアウト。
• 避ける: アグレッシブな営業戦術や点滅する要素。

10

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

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

11

System Prompt

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