跳到主要内容

Vertex 可以呈现的样子

Vertex 以单一现成样式安装 —— 工业 / MRO 店面。 但相同的版块和配色系统能够灵活适配截然不同的 B2B 垂直领域。本页展示 Vertex 的汽车配件办公与 IT印刷耗材配置呈现的样子,并带你了解真正面向商家、能让你抵达那里的杠杆。

一个 demo,多种配置

只有一个 Vertex demo(工业 / MRO)。下方的汽车配件、办公与 IT 以及印刷外观并非可单独安装的主题,也没有 URL 预览 —— 它们是你用同一套主题、仅凭一项设置自行搭建的配置:配色。每个配置都是你在主题编辑器中搭建的起点,然后再按你的品牌进行定制。


默认 —— Vertex(工业 / MRO)

这是你安装 Vertex 时加载的内容。

行业工业用品、MRO、五金、紧固件、手工具、流体、研磨剂
强调色钴蓝色
首页英雄区粗体排版 + 车间 / 仓库场景图像
B2B 钩子"Volume pricing"、"NET-30 available"、"ISO 9001 certified"、"24-hr dispatch"
最适合工业分销商、MRO 供应商、紧固件 / 五金商家、工具目录、JanSan 供应商

钴蓝色强调映射到干练、专业的工业分销视觉语言 —— 采购买家在各大 B2B 供应巨头那里早已熟悉的风格。

Vertex homepage (industrial cobalt blue)


Vertex 在其他行业中可以呈现的样子

下方的每种外观都是一个配置,而非独立的主题 —— 是同一套 Vertex 店面,用配色重新着色并用对该垂直领域重要的版块重新配置。你在主题编辑器中搭建它;没有可单独安装的 demo,也没有可预览的 URL。

汽车配件

行业汽车配件、性能、副厂、OEM、摩托车、船用、动力运动
强调色红橙色(配色:Signal red)
最适合汽车配件分销商、性能商店、摩托车 / 船用 / RV / 动力运动
配色Signal red

零件号预测搜索与批量订单垫板为以适配为导向的买家承担了主要工作。红橙色强调映射到性能 / 汽车视觉语言。

办公与 IT

行业办公用品、IT 硬件、电子产品、复印纸、显示器、键盘、批量耗材
强调色蓝色(配色:Office blue)
最适合办公用品分销商、IT 经销商、电子批发商、学校 / 政府供应
配色Office blue

主打批量 B2B 办公订单 —— 批量订单垫板、RFQ 和 NET-30 醒目呈现。蓝色强调映射到买家期望的企业 IT / Quill / Staples Business Advantage 视觉语言。

印刷耗材

行业印刷耗材、碳粉、墨盒、复印制版、复印机耗材、标签介质
强调色青绿色(配色:Inkline teal)
最适合碳粉 / 墨水经销商、复印制版商店、托管打印服务供应商
配色Inkline teal

主打耗材复购 —— 快速复购与批量订单垫板让墨盒复购一键即可完成。青绿色强调读起来干净、契合办公印刷,与办公及 IT 系列搭配良好,同时又能独立成立。


让你抵达那里的杠杆

你不会为这些安装一个单独的外观 —— 你用一个真实、面向商家的工具来塑造这套单一的 Vertex 主题:

起步配色(一键重新着色)

Theme settings ▸ Colors ▸ Starter color palette 会让一个全局强调色翻转,贯穿每一个按钮、胶囊、徽章、链接、焦点环、B2B 问候栏以及英雄区 CTA:

  • Custom —— 你自己的配色(使用下方的手动色彩选择器)
  • Custom(默认钴蓝色) · Signal red · Office blue · Inkline teal

保存后,整个店铺前台的强调色会立即翻转。如需完全自定义的品牌色,选择 Custom 并设置你自己的强调色与"on accent"(强调色上的文字)颜色。


哪个配置适合你?

挑选最接近的起点,然后将 Vertex 塑造成匹配的样子(配色 + 版块)。之后你可以覆盖任何内容。

如果你销售……最接近的配置原因
紧固件、手工具、润滑剂、研磨剂、五金、通用 MROVertex(默认)工业基线;分面过滤器和零件号搜索完成工作
汽车、摩托车、船用、RV、动力运动配件汽车配件(Signal red)深度零件号目录 + 预测搜索契合以适配为导向的买家
办公、IT、电子、复印耗材、学校 / 政府供应办公与 IT(Office blue)批量 B2B 订单 + 企业 IT 视觉语言
碳粉、墨水、墨盒、复印制版、托管打印耗材印刷耗材(Inkline teal)快速复购 + 批量订单垫板让耗材复购一键完成
清洁 / 卫生(JanSan)VertexMRO 基线干净地映射,无需额外设置
带数据表的工业化学品 / 润滑剂Vertex技术规格表和文档块是 Vertex 的核心
仅批发(无 B2C)Vertex办公与 IT选择契合你品牌的强调色;将店面模式设置为 B2B-only

自定义

无论你选择哪个起点,一切都可以从主题编辑器中覆盖:

自定义方法
强调色Theme settings ▸ Colors ▸ Starter palette ▸ Custom,然后选择你自己的强调色
LogoTheme settings ▸ Logo —— 将演示 logo 替换为你自己的 SVG 或 PNG
首页版块顺序主题编辑器 ▸ Home —— 拖动以重新排序,或添加和删除版块
英雄区 / 场景图像通过每个版块的图像选择器逐版块替换
字体Theme settings ▸ Typography —— 标题字体、正文字体、比例
文案与 CTA在主题编辑器中为每个版块内联编辑文本
翻译Theme settings ▸ Languages —— 通过语言编辑器提供自定义字符串

将你配置好的店铺前台保存为 Online Store ▸ Themes ▸ Theme library 中的命名主题 —— 运行 A/B 测试或暂存视觉更改时很有用。


相关阅读


总结

  • Vertex 提供一个现成样式 —— 工业 / MRO(钴蓝色)。
  • 汽车配件、办公与 IT 以及印刷外观是你用一个杠杆 —— 配色 —— 从这一个 demo 自行搭建的配置
  • 它们并非可单独安装的主题,也没有 URL 预览 —— 你在主题编辑器中搭建它们。
  • 一切(强调色、布局、图像、文案)都可以从主题编辑器中覆盖。