公司官网.

长文产品叙事对齐 PricingBuilder:IBM Plex Sans 标题、亮绿 CTA、■ Mono 标签、细边框。

在真实场景中查看

白底编辑 Hero:括号挑词、绿字信号、主 CTA 用 `#B2ED1D`。

HOW IT WORKS

From [Business Requirement] to [Published Apps].

Describe your workflow and generate a working application—with managed data, permissions, and web + mobile access.

Start Building Free ↗ Explore templates
New accounts receive free credits — equivalent to Builder usage on day one.
Tier0 Builder:从需求对话生成 EAM 工单应用预览

组件样式

对齐 surfaces/company-website/tokens/website.css 与线上官网。

Two products, Two ways to build industrial operations.

Display / 挑词

标题 IBM Plex Sans 500;白底绿字 #73B200。正文同族 400。

Plex 500 · accent-deep signal
Free Trial ↗ Talk to Team

CTA

主 CTA:亮绿底 #B2ED1D + 近墨字。次操作白底描边。与 pricing 顶栏一致。

radius 4px · no heavy shadow
Tier0 Builder Generate and manage industrial apps with AI
Tier0 Platform UNS · edge · analytics · multi-site

Section · Card

浅灰绿分组带;白卡片细边框;分组靠表面色块,不靠阴影。

--accent-soft bands
■ LAST-MILE APP CREATION

用 Mono ■ 标签切章节;大标题一句结论;证据区用细边框面板。

长页节序

参考 Builder:Hero → 对比栏 → How it works → Capabilities → FAQ → CTA。

surfaces/company-website/README.md