Kagi

白色基底、居中构图与大字排版。
页面以白色为基底,搭配近黑色文字。字体采用 Lufga、Arial。视觉特点包括居中构图、大字排版、分屏构图、网格布局。适合参考的场景:软件产品首页、服务说明页。
查看原始网站使用规范
建议采用
- 使用白色(#ffffff)作为主要画布,所有主要标题和公共导航使用深灰墨1000(#18181a)。
- 将展示标题设置为Lufga 60px/600/67.98px,区块标题设置为Lufga 46px/600/51.98px。
- 页面最大尺寸为1176px,区块间距为64px,卡片内边距为24px,元素间距为24px。
- 使用48px半径、7px 24px内边距的填充深灰墨1000(#18181a)胶囊按钮。
- 将Kagi紫(#6c5edc)保留用于链接和生态系统标签;选定链接填充搭配界面外围元素薰衣草(#efecff)。
- 使用Sunlit Gold(#ffb319)、Lavender Panel(#c9c1ff)、Soft Apricot(#ffe1a4)和Mist(#d6e3e8)作为独立24px半径的产品展示表面。
- 将FAQ和页脚部分反色处理,使用深灰墨1000(#18181a)、白色(#ffffff)问题文本,以及深灰墨900(#2f2f31)分隔线。
建议避免
- 不要将Kagi紫(#6c5edc)用作填充的公共转化按钮。
- 不要在促销卡片或产品展示面板中使用小于24px的半径。
- 不要将48px胶囊按钮半径替换为矩形5px或8px控件。
- 不要将每个内容区块都置于边框卡片内;编辑内容应直接放置在白色(#ffffff)画布上。
- 不要添加渐变;仅使用平滑的Sunlit Gold(#ffb319)、Lavender Panel(#c9c1ff)、Soft Apricot(#ffe1a4)或Mist(#d6e3e8)表面。
- 不要使用超过rgba(0, 0, 0, 0.09) 1px 8px 30px 0px的阴影深度用于首屏控件,以及rgba(0, 0, 0, 0.22) 0px 0px 24px 0px用于框出的截图。
- 不要将页脚或FAQ正文设置为纯白色(#ffffff);支持性文本使用深灰墨200(#cfcfd1)