PRODUCT PREVIEW · 2026-05-30

KO 做完是这个样子。

10 个页面,统一的浅色 / 实心蓝设计语言,全中文。点开任意一个走查——营销、文档、SEO demo、付费后台都已成型。

10

页面

1

套设计系统

#2563EB

品牌色(实心)

01 / 营销

首页landing

SEC 数据,每个数字都能溯源

Hero 实时演示面板 · 数据覆盖 · 差异化 · 接入代码 · 交互 demo · 定价 · CTA

打开 →

定价pricing

先免费,上线再扩

4 档定价面板 · 10 行功能对比表 · 5 问 FAQ · CTA

打开 →

接入mcp-install

30 秒,接进你的 AI

5 客户端切换器 · 三步 + 代码 + 复制 · prompt 示例 · 排查

打开 →

02 / 文档

快速开始docs

三栏文档 · Quickstart

侧边导航树 · 正文 · TOC scrollspy · 4 种 callout · 代码块

打开 →

API 参考reference

get_institution_holdings

参数表 · 返回 schema(带 source)· MCP/REST/Python 三 tab · 错误码

打开 →

教程tutorial

用 Claude Desktop 接入 KO

5 步 · 浅色截图模拟 · 聊天气泡 · 排查

打开 →

03 / 内容 · SEO

机构 Demodemo

伯克希尔·哈撒韦

4 stat 卡 · Top 10 持仓表 · AAPL 8 季度折线图 · 行业分布 · 查询卡

打开 →

博客blog

Substack 镜像

订阅表单 · 特色文章 · 主题筛选 · 9 篇卡片网格 · 分页

打开 →

04 / 付费后台

用量总览console

付费后台 App Shell

侧边栏 · 3 stat 卡 + 进度条 · 最近查询表(含 429)· 快捷操作

打开 →

KO Chatchat

受控聊天(Pro+)

三栏 · 15 recipe · 可折叠工具调用 + 数据表 + 引用 · 工具检查器

打开 →

05 / 设计系统

配色(全实心,无渐变)

#2563EB品牌蓝

#FBFBFD背景

#0F172A文字

#16A34A涨

#DC2626跌

字体

Geist Sans

UI · 正文

Geist Mono

数据 · 代码 · 标签

思源黑体

中文

原则

· 无任何渐变,品牌色单一实心蓝

· 无发光 / 光晕 / 扫描线等 AI 特效

· 高信息密度 · 真实数据 · 可引用

· 克制 hover(边框/底色变化)

· 全中文,金融术语保留英文

· 像 Stripe / Linear / Mercury 的克制