Lpalo 网站预览
Lpalo 网站预览

Lpalo

白色基底、衬线字形与大字排版。

页面以白色为基底,搭配近黑色文字。字体采用 Alfa Slab One、Manrope。视觉特点包括衬线字形、大字排版、胶囊形控件、网格布局。适合参考的场景:音视频产品介绍页、媒体内容展示页。

查看原始网站

使用规范

建议采用

  • 显示标题使用 Alfa Slab One 字号46px及以上,行高≤1.20 — 紧凑的行距让粗衬线字体显得像在大声呼喊。
  • 所有主要容器(导航栏、卡片、按钮)使用47px圆角半径,嵌套小元素仅使用10px;禁止使用0px或4px圆角。
  • 每个区块默认使用桃色底面(#f6e0db);只有在刻意打破视觉节奏时才引入彩色卡片表面。
  • 卡片搭配2px黑边与白色填充 — 这是标志性的描边卡片语言;禁止使用阴影实现层级感。
  • 在文本块周围以不同角度散落线条插画,而非对齐到网格;不对称是故事书风格的一部分。
  • 导航栏使用Manrope 500,正文使用Manrope 400;仅在行内强调时使用700-800字重 — 默认字重应感觉亲切自然,而非沉重。
  • 每个内容区块选择一种鲜明的强调色(橙色、洋红、黄色、青色、蓝色、薰衣草紫),并让其在整个卡片或条带中充分饱和,而非在一个组件内混合多种色调。

建议避免

  • 禁止使用投影阴影、内阴影或任何层级效果 — 设计刻意保持扁平,边框承担结构功能。
  • 禁止使用渐变 — 所有色彩均为扁平且饱和,如同蜡笔在纸上。
  • 禁止将 Alfa Slab One 字号设置低于16px — 在小字号下粗衬线字体变得无法辨识,沦为噪音;字号小于16px时应切换至Manrope。
  • 禁止正文段落居中对齐 — 正文使用Manrope左对齐;居中仅用于标题和短标签。
  • 禁止使用中性灰作为边框或文字颜色 — 所有结构线条均为纯黑(#000000);任何灰色都会破坏故事书的墨水在纸上书写隐喻。
  • 单个卡片或按钮内禁止使用超过两种强调色 — 色彩调性如同蜡笔盒的广度,但每个组件应只选择一支蜡笔。
  • 禁止使用传统CTA按钮(实色填充+白色文字);主要操作为胶囊形,带有白底黑边或彩色填充卡片,而非常规的‘立即购买’按钮。