Websmith Studio
清晨的光线洒在奶油色纸张上
Craft
暖羊皮纸上的植物温室：奶油页面承载鲜绿样本与一间安静森林房间。
Craft 像暖羊皮纸上的植物温室：奶油画布（#f7f5f2）承载整体，唯一深森林绿首屏（#1d3023）在流动有机绿色形状后吞没视口。字体是主要语气，自定义窄体衬线以 180px、紧凑的 -0.03em 字间距低声表达品牌承诺，更轻盈的 Arizona Flare 则以人尺度负责其余文字。彩色作为标点而非装饰：奶油表面主导，近黑梅棕承载所有文字，鲜明青柠绿（#26d862）只用于操作、行内链接与标题中偶尔的强调词。组件扁平无阴影，层级来自字号、充裕留白（56px 分区间距），以及容纳铺满边缘花卉摄影的 8px 圆角卡片。节奏具有编辑感：一个戏剧性深色首屏，随后是安静奶油分区流，包含居中衬线陈述、4 列统计条和让植物主体发声的图像网格。
查看原始网站使用规范
建议采用
- 180px 窄体衬线仅用于首屏陈述；它是体系最强语气，每页出现一次。
- 少量使用 #26d862（Lime Pulse）填充按钮，每个视口一个主要操作，不并列堆放两个绿按钮。
- 明确设置 letter-spacing：180px 时为 -5.4px、104px 时为 -3.12px、32px 时为 -0.48px，沿字体尺度按比例变化。
- 卡片以表面颜色差异（#f7f5f2 → #eae6df）分隔，而非 box-shadows；体系有意扁平。
- 铺满边缘的花卉图像从边缘到边缘落在 8px 圆角卡片中，不加说明文字，图像就是内容。
- 深色场景都锚定 Forest Depths #1d3023，不使用纯黑；温暖绿色底调使其像房间，而非虚空。
- 每个尺寸选择一个字重层级：104–180px 展示为 300，20–48px 中型标题为 400，350 仅用于 32px 副标题，其余均为 400。
建议避免
- 不引入新字体家族；体系恰好使用 Arizona Flare 与 Arizona Flare Condensed 两种自定义衬线，其对比是标志性特征。
- Lime Pulse #26d862 不用于正文、边框或装饰填充，只作为操作和链接色。
- 卡片或按钮不加 box-shadows；分隔来自双色奶油表面与 8px 圆角。
- 同一尺寸不混用行高样式：展示（48px+）为 0.85，副标题（20–32px）为 1.08，正文（12–18px）为 1.18–1.50。
- 超过 2 行的正文段落不居中，采用 max-width 720px 左对齐以便阅读。
- Peaacock Teal #0e634f 不用于数值数据场景之外，只留给统计数字与数据强调。
- 深色 Forest Depths 首屏上的彩色文字只能为 Bone Linen #f7f5f2；对比度按奶油色文字与森林背景调校，而非绿字与森林背景。
