Limón 网站预览
Limón 网站预览

Limón

近黑色基底、网格布局与摄影展示。

页面以近黑色为基底,搭配黄色文字。字体采用 VenusCom、Times。视觉特点包括网格布局、摄影展示。适合参考的场景:摄影作品集、视觉内容展示页。

查看原始网站

使用规范

建议采用

  • 使用 Lemon Zest (#f7ea48) 作为填充按钮背景,仅此用途 —— 严禁作为黄色背景上的文字颜色,且严禁作为色调稀释使用。
  • 展示标题(46px及以上)字间距设为 0.04–0.06em 正字间距;在正文大小 14–20px 时压缩至 0.02–0.04em。
  • 所有按钮、卡片、输入框和徽章的圆角均保持 1px(或 0px)——系统刻意保持锐利,仅将 40px 圆角保留给圆形返回顶部按钮。
  • 食物摄影应满幅铺满或以大尺寸边对边瓷砖形式呈现——避免使用细框或小缩略图。
  • 将深橄榄黑(#1d0b0d)作为首屏和深色区域的默认背景;仅在内容稀疏的呼吸区域切换为暖奶油色(#fcf9f0)。
  • 将填充的柠檬皮呼唤按钮与透明描边的森林墨色‘立即订购’内联链接置于同一流程中——该系统依赖填充与透明描边的对比来建立层级,而无需色彩过度堆积。
  • 各区块垂直间距保持在 30–60px 之间;卡片或列表内部元素间距标准为 15px。

建议避免

  • 不要引入新的强调色——系统仅包含一种近黑色、一种深绿、一种柠檬黄和奶油色。任何额外色彩都会破坏烛光意象。
  • 不要使用 8–12px 的圆角来软化边缘。1px(近零)的圆角是标志性选择;圆角会破坏编辑风格的质感。
  • 不要在展示文本上使用紧密或负字间距。VenusCom 的标志性特征是宽正字间距;收紧它会使标题显得普通。
  • 不要将 Lemon Zest 召唤按钮放置在 Warm Cream 背景上 —— 黄色会完全失去对比度和视觉能量。该按钮应置于深色背景上。
  • 不要为卡片、按钮或图片添加阴影、发光或渐变。系统保持平面与自信;层级感来自色彩对比与尺寸,而非深度效果。
  • 不要将深林绿(#103b15)用作按钮背景——它仅作为文字/链接/边框颜色。深绿在深橄榄黑背景下会消失。
  • 不要将展示标题尺寸缩小至 46px 以下,或过度紧缩品牌标识——充足的字间距和大尺寸才是让品牌名称具有标识感的关键。