厳選・オープン・無料

Baseten

クリーンで権威あるタイポグラフィにより、AIモデルのデプロイとスケーリングを行うための、開発者中心のインフラストラクチャプラットフォーム。

aiinfra
Baseten のスクリーンショット
↓ デザインシステムをダウンロード (7 MB)OpenDesign で開く

オリジナル: https://www.baseten.co

📦 パックの中身を見る →

01

デザイン DNA

推論開発者クラウドランタイムスケール

クラウドネイティブなモデル推論のための技術設計図

02

カラー

#19E76EAccent
#000000Ink
#FFFFFFBG
#F5F8F4BG quiet
#B3B3B3Muted
rgba(0,0,0,0.05)Line

ハイコントラストのモノクロームベースに、ハイクロマのハイライト用に鮮やかなグリーンアクセントを単色で使用する。

03

タイポグラフィ

grotesque-sans · ui-sans-serif · monospace

見出しは、インパクトのためにタイトなネガティブレタースペーシングを使用する · ボタンとナビゲーションは、技術的な雰囲気のために等幅フォントの大文字を使用する · 本文は、標準的な行間で高い可読性を維持する

04

余白

4px
8px
16px
24px
32px
48px
64px
96px

4pxをベースとし、パディングとギャップには一貫した倍数を使用する

05

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

sm · 4px
md · 8px
lg · 12px
pill · 9999px

区切り線にはrgba(0,0,0,0.05)の繊細な1pxボーダーを、構造的なグリッドには点線を使用する。

06

レイアウト

1280container
12columns
24pxgutter
768 / 1024breakpoints

厳密な12カラムグリッド。一部のセクションでは、 underlyingな構造を強調するために点線を可視化する。

07

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

75msmicro
236mssmall
500msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing

インタラクティブ要素のスムーズな色と背景トランジション · コンテンツ読み込み時のフェードトランジション

速いイージングによる繊細な色の変化や背景の変化。 · 即時の視覚的フィードバック。

08

コンポーネント

09

文体と禁止事項

10

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

Baseten — 桌面首屏（hero）
桌面首屏（hero）
Baseten — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Baseten — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Baseten — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Baseten — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Baseten — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Baseten — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Baseten — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Baseten — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Baseten — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Baseten — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Baseten — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Baseten — 移动首屏
移动首屏

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

11

System Prompt

Basetenは、AIモデル推論のための開発者インフラストラクチャプラットフォームであり、精密さとスケールを強調するクリーンで技術的な美学が特徴。ビジュアルシステムは、ハイコントラストの黒と白のパレットをベースとし、ハイライト用に単一の鮮やかなグリーンアクセント（#19E76E）を配置。タイポグラフィは、インパクトのある見出しに太字のグロテスクサンセリフを、技術的なラベルとボタンに等幅フォントを使用。レイアウトは厳密な12カラムグリッドであり、エンジニアリング重視のポジショニングを強調するために可視化された点線で露出させることが多い。重要な禁止事項は、装飾的なセリフ、ソフトな丸みのあるUIパターン、重いシャドウ、または遊び心のある言葉遣いの使用を避けること。デザインは温かさよりも、プロフェッショナルで設計図のような明瞭さを優先している。

このセンスを AI エージェントへ

この設計の機械可読な仕様——カラー・タイポ・モーションまで——をそのまま AI エージェントに渡せます。

OpenDesign スキル ↗ · このパック（エージェント用） ↗

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