Style Guide

デザインシステム カタログ

aiojt.jp の全トークン・全コンポーネント。右上の ☾/☀ でダークモードを確認できます。

カラートークン

--c-primary
--c-secondary
--c-accent-person
--c-accent-biz
--c-success
--c-warn
--c-danger
--c-ink-900
--c-ink-500
--c-bg
--c-surface
--c-line
--grad-agent
--grad-agent-soft

タイポグラフィ

見出し 56 Aurora
見出し 40 / Heading
見出し 24 / Subhead
本文 16px。Inter + Noto Sans JP。読みやすさを基準に行間1.6。
monospace / JetBrains Mono — 価格や指標は 1,234,567(tabular-nums)

ボタン

チップ / バッジ

DEMO即起動個人法人NEW稼働中デフォルト

カード

Card
標準カード

surface+line+radius。hoverで浮く。

Feature
フィーチャー

オーロラ・ソフト背景でエージェントの存在を示す。

SaaSカード

アイコン+指標。

DEMOOCR

データ表示

62
公開中SaaS
-68%
コスト削減
×2.4
性能
DEMO起動
リソース種別ステータス
web-01.aiojt.jpVPSrunning
demo.aiojt.jpDomainprovisioning
old-batchWorkerstopped

入力

プランカード

Personal
個人
¥0/月〜
  • DEMO即起動
  • 低コストで開始
選ぶ
Scale
事業化
個別
  • サーバー/ドメイン
  • 成功まで伴走
問い合わせ

空 / スケルトン

該当データがありません