设计一家商店

从一个系统或配方开始，然后调整控件。每次改动都是一个真正的主题设置。

系统

系统是一个完整、连贯的设计：字体、颜色、间距、圆角、按钮、图片处理、布局和功能。EverStorefront 自带三个——Foundry、Ledger 和 Signal——每个项目都从其中之一开始，或从你库中保存的设计开始。

图样册

图样册是经过索引、可搜索的全集：配方（适配某个行业和气质的系统）、配色和字体组合。按行业、气质、基础系统筛选；一键应用到项目；把你自己的保存到库中。

面板

在项目上打开设计。左侧是分组，右侧是实时预览——首页、系列、产品和购物车，桌面或手机，以及与商店今日实况的前后对比。

• 字体——标题和正文字体家族（47 个经验证的家族，保留最近使用），字号比例、标题字重和字距、正文行高。
• 颜色——配色，或手动设置每个角色：底色、表面、文字、次要文字、强调色、边框。
• 形状——控件、卡片、图片和按钮的圆角，精确数值。
• 按钮——大小、大小写、次级样式。
• 表面——卡片样式、阴影、边框粗细、分隔线强度、分区间距。
• 布局——页眉、主视觉、产品卡片、精选系列、产品页和页脚各三种变体。
• 功能——购物车抽屉、预测搜索、筛选、快速加购、颜色样板、固定加购栏、子菜单（下拉或大型菜单）。
• 首页——显示哪些分区、按什么顺序，包括多栏、客户评价、标志栏和常见问题。

每个控件都写入一个真正的主题设置，所以商家之后可以在 Shopify 编辑器里改同样的东西。

对比

前后对比把商店上线中的首页放在新设计旁边，共用一条可拖动的分隔线，两侧同步滚动。它出现在设计页面、试用页面和审阅链接上。