Neurocast：给一家医疗科技创业公司做的网站

Neurocast 做的是预测性诊断：模型盯着一串测量数据，在人自己察觉之前指出谁的风险会上升。给这样一个产品做网站，目的只有一个 —— 在什么都不承诺的前提下，把医生或者采购方带进一场对话。

医疗科技的别扭之处就在这里。页面上任何一个数字 —— 准确率、省下的床日、省下的钱 —— 要么背后有一项研究撑着，要么就是医疗器械广告，并且要承担相应的后果。所以这个网站里没有一个客户没提供的数字，而在通常该放一个大数字的位置上，放的是一句话。

首页由什么组成

开头是 `BlendHero` —— 标题压在一张融进页面底色的图片上。接着是 `MetricRow`，一排格子里放的是标签而不是百分比，然后是 `StickyStepsBasic`：路线的四个步骤，读者读文字的时候，每一步各自的画面钉在右边。

中段是 `FieldDiagram` 和 `TreemapPanel`：前者把数据流画成平面上的一张图示，后者按面积把数据来源铺开。两个说的是同一件事 —— 数据从四面八方来，最后汇到一处 —— 而且是展示出来，不是解释出来。

结尾是三个信任类板块连着排：`QuotePortrait`、`QuoteSwiper` 和 `Faq`。对医疗来说这个顺序是对的：先是一个有名有姓的人，然后是几个声音，最后回答那些反正要被问到的问题。

这个网站演示了什么

这里的品牌色是深蓝紫，底色是冷调浅灰。这一对不是靠眼睛挑的：文字压在底色上的对比度是算出来的，模板会自己检查。标题用展示字体的粗体，正文用中性无衬线；整个网站只有四个字体变量，没有任何一个板块自己指定字体。

这个网站是完整的：两套主题、两种语言、内页、每条路线一张社交卡片。logo 特意留成了模板里的占位图 —— 案例展示的是版式，不是别人的标识。