Ashton Bespoke

浅灰色基底、衬线字形与大幅摄影展示。
页面以浅灰色为基底,搭配近黑色文字。字体采用 Arial、Legquinne VF。视觉特点包括衬线字形、大幅摄影展示、细线分隔、宽松留白。适合参考的场景:摄影作品集、视觉内容展示页。
查看原始网站使用规范
建议采用
- 标题采用Legquinne VF(或Cormorant Garamond)、32–60px,字间距在0.017em与0.031em之间;宽字间距是标志性特征,必须使用。
- 主画布使用#e0ded8,占页面至少60%,它是品牌核心表面。
- #38141b仅用于页脚,或每页最多一个深色区块;它的力量依赖稀缺性。
- 界面保持无边框,或仅使用1px solid #262626极细线;UI元素绝不应用阴影、渐变或大于4px的圆角。
- 照片铺满画面或延伸至边缘,除了1px边框之外没有装饰框,图片本身就是组件。
- 采用宽裕垂直节奏:区块之间80–120px,文字块之间24–32px,是编辑式间距而非应用式间距。
- 衬线展示字体与Basis Grotesque Pro搭配,后者负责所有导航、标签和说明文字,绝不用板状衬线或几何无衬线替代。
建议避免
- 不要引入明亮或饱和颜色;色板刻意保持无彩色,仅有一种酒红色调。
- 卡片、图片或按钮圆角不要大于4px,编辑式气质需要锐利几何。
- 任何UI元素都不要使用阴影、辉光或模糊效果;深度来自摄影和间距,而非高度效果。
- 衬线字体不要低于24px或高于60px,它为展示尺度而设计,不用于正文或广告牌。
- 正文段落不要居中,也不要两端对齐;正文左对齐,行高1.40。
- 不要添加图标、徽标、标签或装饰元素;网站依靠字体和摄影,而非符号。
- 交互元素不要使用按钮填充或背景色,链接仅为带下划线的文字。