Analogue aF-1

仿佛Vogue杂志跨页与Bauhaus蓝图相遇。
Analogue aF-1使用奢华编辑式印刷杂志的视觉语言:鲜明的白色画布,以轻声表达的Garamond衬线字体呈现有意义的时刻,再以一道电光蓝冲击感提示用户伸手操作。表面保持平面,由细线边框和宽松圆角(20-30px)定义,而非依靠阴影;深度来自胶片条框架后方叠放的柔和径向色洗和满幅摄影。调色板近乎执着地保持无彩色,蓝色像油墨一样限量使用,只保留给主要操作和富有氛围的产品局部画面。组件像印刷的编辑式跨页:负空间和排版都很自信,任何装饰都必须有充分的存在理由。
查看原始网站使用规范
建议采用
- 在引语、产品名称和分区开场等编辑式时刻,使用Garamond 400字重、40-64px;这是系统的标志性语气。
- #002fff只保留给任一屏幕上的唯一主要操作;绝不要用于装饰、标签或次级按钮。
- 卡片采用20px圆角,产品图像采用30px圆角;圆润柔和的几何形态与鲜明的黑白调色板形成对照。
- 分区以50px纵向间距组织,卡片内边距保持20px;紧凑密度是有意的,系统通过留白呼吸,而不是膨胀的内边距。
- Graphik Medium只使用400字重;不要引入粗体或细体变体,单一字重的一致性就是设计语言。
- 呈现模拟或怀旧图像时,以胶片条齿孔图案框住满幅摄影;边框本身就是品牌宣言。
- 任何超过30px的展示文字都采用-0.018em或更紧的letter-spacing;紧密字间距让几何形态形成建筑式密度。
建议避免
- 绝不要将#002fff用于背景、图标或文字;它只能是按钮填充色,装饰性蓝色会削弱它作为系统唯一操作色的力量。
- 不要引入投影;系统采用平面表面和细线边框,唯一允许的阴影是输入框内嵌的白色辉光。
- Garamond不要使用粗字重;轻盈字重正是要点,粗体Garamond会将编辑式低语变成高声呼喊。
- 交互元素的圆角绝不要低于10px;圆润几何是高级感不可更改的要求。
- 不要给UI组件添加渐变;渐变只作为满幅分区上的氛围色洗出现,绝不用于按钮、卡片或输入框。
- 任何状态都不要使用暖色、绿色、橘色或红色;系统由无彩色加钴蓝组成,需要成功或错误状态时使用中性色阶(#171717、#696969)。
- 功能性UI文字,如按钮、标签和输入框,不要使用Garamond;它只用于编辑式时刻,所有功能性文字都由Graphik处理。