Amrit Palace 网站预览
Amrit Palace 网站预览

Amrit Palace

浅橙色基底、大幅摄影展示与紧密字距。

页面以浅橙色为基底,搭配深灰色文字。字体采用 TT Ramillas Variable、Satoshi。视觉特点包括大幅摄影展示、紧密字距、细线分隔、衬线字形。适合参考的场景:摄影作品集、视觉内容展示页。

查看原始网站

使用规范

建议采用

  • 所有区块标题使用 TT Ramillas Variable 字重300——绝不使用粗体衬线显示字面;轻语字重才是奢华所在
  • 所有50px及以上标题使用全大写 + 紧密字间距(-0.0400em 至 -0.0300em)
  • 将 #d49653 姜橙色专用于星级评分、激活状态及单个装饰性标点时刻——每页出现次数不超过2-3次
  • 所有卡片、区块和图片容器的边框半径设为0px;仅按钮、标签和交互控件保留3px
  • 使用1px实线 #b6ab9c 细线作为区块分隔线——其功能如同编辑栏线,而非装饰边框
  • 以深色满幅摄影区块(首屏+氛围过渡)开场,随后过渡到 #d8cbb8 羊皮画布,用于内容密集的下半部分
  • 正文设为14px Satoshi 500,字间距-0.0100em;可读内容绝不低于13px
  • 仅在特色菜品滚动中使用跑马灯动画——它是系统中唯一的动态表现

建议避免

  • 绝不圆润卡片角——锐利几何是标志;除按钮外所有地方均为0px半径
  • 绝不为卡片添加阴影或层叠效果——系统依赖平面与细线边框,从不引入深度
  • 绝不引入第二个色彩强调——姜橙色在暖中性背景中独树一帜
  • 绝不将正文设为大于16px或小于13px——14px Satoshi 500为刻意基准
  • 绝不将正文段落居中对齐——应左对齐以符合编辑栏的流动感
  • 绝不使用纯色填充按钮搭配彩色背景——所有交互元素为透明描边或纯文本形式
  • 绝不使用纯黑色(#000000)作为文字——始终使用#2c2c2c以保持温暖基调
  • 绝不使用渐变——色彩调性为平面;氛围来自摄影,而非CSS效果
  • 绝不加粗 TT Ramillas 衬线标题——300字重不可更改;强调时改用Satoshi 700
  • 绝不引入额外衬线或显示字面——TT Ramillas 与 Satoshi 构成完整字体系统