People blocks · 人物区块

创始人区块

同一份 people.json 驱动官网、提案、报告、名片与社媒。每个区块给出用法;数据字段见 people/people.json。

Portrait tile · 肖像块
[姓名]32
[姓名]48
[姓名]96
[姓名]160
[姓名]paper
照片待补missing
<span class="ts-portrait" style="--portrait:96px" data-label="姓名">
  <img src="people/photos/founder-01.png" alt="">
</span>

方形、2px 圆角、素墨底。照片以 multiply 叠在素墨上,
白底自动消失。文件缺失时显示 data-label。
Profile card · 人物卡
[姓名][姓名][Name]联合创始人 · [职务][专长一] · [专长二]

[一句话简介:过往经历与现负责领域,不超过 40 字。]

[微信号][name@tiansight.·]
<article class="ts-card ts-profile">
  肖像块 + .ts-identity(name / en / title / focus)
  + 一句简介 + .contact
</article>

官网团队页、提案附录。
Compact row · 名录行
[姓名][姓名]联合创始人 · [职务][专长一] · [专长二]
[姓名][姓名]联合创始人 · [职务][专长一] · [专长二]
[姓名][姓名]联合创始人 · [职务][专长一] · [专长二]
<div class="ts-person-row">肖像 56px + .ts-identity</div>

报告附录、侧栏、通讯录。
Byline · 署名行
<span class="ts-byline">肖像 36px + 姓名 · 职务</span>

文章作者、报告出具人、公众号头图署名。
Voice · 观点引述
[姓名]
「[一句本人观点,可引用,不超过 30 字。]」
[姓名] · 联合创始人 · [职务]
<figure class="ts-voice">肖像 88px + blockquote + footer</figure>

官网观点区、提案引言、社媒卡片文案来源。
Signature · 署名与印记
<div class="ts-signature">.ts-byline + .ts-seal-stamp</div>

报告封底、承诺函、致客户信。朱红只作印记。
Team grid · 团队栅格
[姓名][姓名][Name]联合创始人 · [职务][专长一] · [专长二]

[一句话简介:过往经历与现负责领域,不超过 40 字。]

[微信号][name@tiansight.·]
[姓名][姓名][Name]联合创始人 · [职务][专长一] · [专长二]

[一句话简介:过往经历与现负责领域,不超过 40 字。]

[微信号][name@tiansight.·]
[姓名][姓名][Name]联合创始人 · [职务][专长一] · [专长二]

[一句话简介:过往经历与现负责领域,不超过 40 字。]

[微信号][name@tiansight.·]
[姓名][姓名][Name]联合创始人 · [职务][专长一] · [专长二]

[一句话简介:过往经历与现负责领域,不超过 40 字。]

[微信号][name@tiansight.·]
[姓名][姓名][Name]联合创始人 · [职务][专长一] · [专长二]

[一句话简介:过往经历与现负责领域,不超过 40 字。]

[微信号][name@tiansight.·]
<div class="ts-team">五张 .ts-profile</div>

五列,1100px 以下三列,640px 以下两列。