Founder Edition : 399€ 一次性付费 · 名额有限

立即入手 →

看清一家店铺选用的配色与字体。

Shopify 主题会在页面中声明它的设置。Evidio 以十六进制色值读取颜色,并读取字体家族及其字重。

包含在免费版中Chrome 扩展程序 + Cloud 工作区

在 Evidio 中查看

一家店铺的视觉识别,从代码中读出。

petwell.example

设计

配色点击复制

你能看到什么

  • 主题声明的品牌色,以十六进制色值显示
  • 点击一种颜色即可复制其十六进制代码
  • 店面加载的字体家族
  • 每个字体家族加载的字重(字体文件注明时)
  • 查找每种字体的链接

你拿到准确的颜色与字体,而不必对着截图猜测。

工作原理

从主题设置到配色。

  1. 分析一家店铺

    配色与字体随分析的其余部分一起读取,不产生额外请求。

  2. 查看颜色

    从调色板中复制任意十六进制色值。

  3. 查看字体

    查看每个字体家族及其字重,并打开它以查找字体文件。

适用场景

精确研究一个品牌的视觉选择。

常见情况

你喜欢一家店铺的外观,想为情绪板或客户简报拿到它准确的颜色与字体。从截图中取色只能得到近似值,而字体也很难靠肉眼认出名字。

使用 Evidio

分析会读取主题声明的颜色与字体。你可以复制准确的十六进制色值并看到字体名称,而不必猜测。

它能帮你回答的问题

  • 哪些颜色定义了这家店铺的品牌?
  • 它使用哪些字体?
  • 同一细分领域中各家店铺的配色有何不同?
正确解读信号

主题声明的颜色,而非屏幕上的每一种颜色。

Evidio 从写入页面的主题设置中读取颜色,并过滤掉装饰性的值。保存在外部样式表中的设置,或以它无法读取的格式写入的设置,会被遗漏。只有当字体文件注明字重时,才会显示字重。图片与应用组件可能会带来未列出的颜色。

深入了解

继续研究工作流的这一部分。

常见问题

颜色来自哪里?

来自 Shopify 主题写入页面的 CSS 变量,它们反映了商家在主题编辑器中选择的设置。Evidio 保留品牌色,并过滤掉装饰性的颜色。

在哪里可以看到调色板?

在扩展的工具中,你可以在那里复制每种颜色;也可以在你的 Cloud 工作区中该店铺的页面上查看。对比视图会把各家的调色板并排显示。

为什么有些字体没有显示字重?

字重是从店铺加载的字体文件名中读取的。自托管字体或其他格式并不总是带有这些信息。

此功能包含在哪个 Evidio 套餐中?

此基础功能可在免费套餐中使用。付费套餐可根据情况提供更高限额或补充能力。

在真实店铺上试试

看看 Evidio 在你的下一家 Shopify 店铺中能发现什么。

把 Evidio 添加到 Chrome,分析一家真实店铺,并把有用的信号保存在你的研究工作区中。

提供免费版每月 25 次免费分析无需信用卡