Websmith Studio
近白色基底、宽松留白与扁平表面。
Home
暖白色基底、胶囊形控件与圆角卡片。
页面以暖白色为基底，搭配深绿色文字。局部操作控件以黄色强调。字体采用 Prody、SuisseIntl。视觉特点包括胶囊形控件、圆角卡片、渐变展示、大字排版。适合参考的场景：金融产品官网、财务服务介绍页。
查看原始网站使用规范
建议采用
- #ffff48 仅用于填充主要 CTA；它是体系唯一的饱和色，力量来自稀少使用。
- 首屏标题采用 Prody，131px、1.15 行高；让尺寸发挥作用，不增加字重。
- 所有内容卡片使用 37px border-radius，按钮为 18px，输入框和导航为 8px；这三级圆角就是体系。
- 所有文字密集页面采用 #f7f6e3 画布与 #262d29 文字；浅色模式页面内部不反转页面背景。
- 导航、链接和输入文字采用 13px SuisseIntl Book；SuisseIntl 500/600 留给强调正文和卡片标题。
- 分区纵向间距为 75–112px，让奶油画布呼吸；密集内容块会与编辑语言冲突。
- 所有投资组合公司标志统一为单色 #262d29；彩色标志会破坏体系的双色纪律。
建议避免
- 不要引入第二种饱和色；需要强调时使用黄色或改变字重，而非新色相。
- #ffff48 不用于正文、图标或装饰填充，它只是按钮颜色。
- 展示文字不低于 80px；Prody 在 33px 及以下会失去编辑特征，像普通正文。
- 卡片或按钮不加 box-shadow；体系依靠 border-radius 和背景对比，而非抬升。
- 摄影不放在白色背景上，始终用 #f7f6e3 暖色承托图像，保持纸张感。
- 按钮、卡片或页面背景不使用渐变；体系唯一的渐变是首屏微妙的天空至奶油色晕染。
- 131px Prody 不加粗；400 字重是品牌语气，增重会削弱它与正文无衬线字体的对比。
