Tilda

白色基底、宽松留白与手绘图形。
页面以白色为基底,搭配近黑色文字。字体采用 Times、TildaSans。视觉特点包括宽松留白、手绘图形。适合参考的场景:软件产品首页、服务说明页。
查看原始网站使用规范
建议采用
- 所有按钮、标签、徽章和语言选择器都采用100px border-radius;胶囊形是标志性的组件几何。
- 所有48px及以上标题都采用TildaSans 300字重;让大字号和轻字重承载编辑式平静感。
- #fa8669应克制使用,只留给主要CTA、插画点缀和关键图标,绝不要用于正文或边框。
- 画布默认#ffffff,#efefef只用于独立卡片表面或分区分隔。
- 组件通过1px solid #efefef或#000000边框分隔,取代box-shadow。
- 插画保持平面,使用1.5-2px黑色线条和选择性的珊瑚色填充,不采用渐变或立体效果。
- 维持96-120px分区间距,以保留具有呼吸感、杂志般的纵向节奏。
建议避免
- 任何组件都不要添加box-shadow;平面表面和细线边框就是抬升语言。
- 非CTA元素不要使用#fa8669:不设珊瑚色边框、珊瑚色正文或珊瑚色卡片背景。
- 按钮或标签的border-radius不要低于100px;锐利或中等圆角按钮会破坏胶囊系统。
- 标题不要使用600+字重;300-400轻字重的对比是排版标志性特征。
- 不要引入额外强调色;单色加珊瑚色的二元组合就是整个调色板。
- 正文分区不要采用厚重背景;主要体验保持白色与无彩色。
- 插画或背景不要采用渐变填充;平面颜色是强制要求。