Foodnoms

白色基底、扁平表面与分屏构图。

页面以白色为基底，搭配深灰色文字。字体采用 Aquawax Pro Medium、Aquawax Pro。视觉特点包括扁平表面、分屏构图、宽松留白、单栏阅读排版。适合参考的场景：工作流工具首页、产品功能说明页。

查看原始网站

使用规范

建议采用

所有交互元素和卡片均使用26px边距圆角——这是系统标志性的柔和感
应用双色标题模式：结果词使用一种颜色，其余部分使用深灰墨水色（#2f2f2f）
在首屏展示中使用60px的Aquawax Pro Bold，在区块标题中使用30px，绝不使用中间尺寸进行插值
在应用界面中，正向/进度数据配以青绿（#00b33f），负向/超量数据配以信号红橙（#ff3400）
在主要页面区块之间保持96px的间距，以让手机展示模型有呼吸空间
所有文本均置于白色或雾灰（#f5f5f5）背景上——绝不将彩色文本置于彩色背景上
在首屏中并列展示3个以上手机展示模型，略微重叠，以展示应用体验的广度

建议避免

绝不使用阴影或投影——该系统刻意保持平面
按钮、卡片、标签或输入框的圆角半径除26px外，绝不使用其他值
在配色系统中，绝不将任何颜色称为‘CTA’或‘主要操作’，应通过品牌角色来描述
绝不使用小于12px的Aquawax Pro——在微UI中降级为系统无衬线字体
绝不将彩色文本置于彩色背景上——所有彩色文本必须搭配白色或雾灰背景
绝不使用渐变背景或渐变按钮——该系统仅限纯色
在营销页面中绝不引入新的色彩——暖主色+冷辅助色+应用数据色谱已完整

正在读取模板权限…

使用指南

# Foodnoms — Style Reference
> Sunlit fruit market on white porcelain — warm orange, fresh green, and generous rounded forms
 
**Theme:** light
 
Source measurements are normalized; roles and recommendations are interpreted. Font summary lists are independent, not paired by position. HTML examples are reconstructions, not source components.
 
Foodnoms presents a sunlit nutrition-tracker marketing language: pure white canvas, oversized phone mockups as the visual anchor, and a playful chromatic vocabulary where color codes nutrients and progress. The two-tone headline convention (one color for the win word, dark graphite for the rest) makes the value proposition scannable in a glance. The system leans on a single custom display face (Aquawax Pro) with a distinctly rounded, geometric character that softens the dense data-heavy app screens. Most surfaces are flat and shadowless; a uniform 26px corner radius gives buttons, cards, and tags a friendly, pillow-like feel that makes health tracking feel approachable rather than clinical.

Foodnoms

使用规范

建议采用

建议避免

相似设计语言

WHOOP

Flighty

Alpine Bio

Function

Aaply

Fruitful