芯海官网首页 · 10 套设计变体

同一份文案、十种组织方式。全部按 Google Cloud 那套"简单、清楚"的取向做,但结构、栅格、字号与卡片形态各不相同,方便你直接对比选一个方向。

看的时候建议横过来比:hero 是否居中、业务线是卡片还是列表、密度、圆角与留白。选定一个我再把内页补齐。

v01 预览图
v01

干净正典(Google Cloud 直译)

白底、居中大标题、蓝色按钮、四张深色卡横排——最接近 Google Cloud 本身的一版。

打开 →
v02 预览图
v02

Material 3 色阶(大圆角 + 色面分层)

大圆角、色面分层、胶囊按钮,界面更软,像 Google 自家产品页。

打开 →
v03 预览图
v03

杂志栅格(左对齐大字 + 行式列表)

标题左对齐超大,业务线做成编号行列表,靠留白和对齐说话,不用卡片。

打开 →
v04 预览图
v04

深色首屏(暗转亮)

首屏整块深色,往下切成白底内容区;有气势,但滚动时要处理深浅过渡。

打开 →
v05 预览图
v05

瑞士排版(零圆角 + 极致留白)

零圆角、超大留白、编号行、hover 黑白反转——最像设计公司作品集的一版。

打开 →
v06 预览图
v06

左右分屏(文案 + 深色面板)

左边文案、右边深色要点面板,一屏把定位和三条理由讲完。

打开 →
v07 预览图
v07

产品目录密度(列表页观感)

首屏压矮,直接进卡片网格和表格化白皮书,信息密度最高,像产品目录页。

打开 →
v08 预览图
v08

技术图纸(网格底纹 + 等宽标注)

浅灰网格底纹 + 等宽编号 + 直角描边,工程感最强,适合给技术负责人看。

打开 →
v09 预览图
v09

纯文字极简(无卡片无边框)

无卡片无边框,全靠字号和间距分组——最素的一版,也最考验文案。

打开 →
v10 预览图
v10

Bento 格子(模块拼图)

模块大小不一的拼图,深色格做视觉落点;现代,但格子多了容易散。

打开 →