Foodnoms
白色瓷器上描绘着阳光明媚的水果市场——温暖的橙子、新鲜的绿叶和饱满圆润的形状
Foodnoms 采用轻松活泼的营销语言进行营养追踪：简洁的白色界面，超大的手机模型作为视觉焦点，以及一套趣味十足的色彩体系，其中颜色代表营养素和进度。双色标题方案（一种颜色用于关键词，其余部分为深石墨色）便于用户快速了解其价值主张。该系统采用单一用户显示屏（Aquawax Pro），其独特的圆角几何特征柔化了数据密集型应用程序屏幕。大多数表面平坦无阴影；统一的圆角半径赋予按钮、卡片和标签友好柔和的触感，使健康追踪更易于上手，而非冷冰冰的医疗程序。
页面采用单栏居中全宽布局（约 1200 像素），垂直方向的视觉节奏感强。顶部是一个纤细的横条，左侧是品牌标识，中间是导航栏，右侧是一个橙色实心操作按钮。主页面采用居中堆叠式布局：双色标题、单行副标题、App Store 图标，以及 3-5 个手机模型，呈扇形分布在页面宽度上。主页面下方是居中的“推荐”栏，以 2x3 网格排列，并配有媒体标识。功能介绍部分遵循重复模式：双栏文本 + 手机模型，左右交替，并以橙色/绿色突出显示标题。页脚前的最后一个元素是一个全宽的可下载 CTA 卡片。各部分之间的间距较大（96 像素），营造出宽敞的画廊式视觉效果。导航栏采用极简的顶部横条设计，没有侧边栏或超级菜单。
这款应用的视觉语言以高质量的 iPhone 边框模型为主，展示了应用的运行界面——这些模型才是主要元素，而非素材图片。模型以近乎完全透明的方式呈现，略微重叠并平滑旋转，直接置于白色背景上。模型内部的视觉元素全部来自应用自身的界面：营养信息、产品图片、微距镜头和彩色分类标签。唯一的图片内容是用户上传的食物照片，这些照片会显示在“扫描你的食物”应用的相机屏幕上。没有生活照、抽象插图或装饰性图形。品牌形象完全由定制字体、橙/绿/深色配色方案以及应用自身的界面定义。
调色板
品牌
- Ember Orange
#ff5406— 橙色用作装饰细节的辅助点缀色，以及突出不常用的提示信息。它不应作为行动号召的主色调。
中性的
- Graphite
#2f2f2f— 主要文本、深色按钮（App Store 图标）和图标轮廓。标题和正文主要采用非白色。 - Verdant Green
#00b33f— 绿色可以作为装饰细节的点缀，并强调低频效果。 - Signal Red-Orange
#ff3400— 一种辅助暖色调，可见于应用屏幕 UI 元素和相关品牌标识中。比余烬橙色调更暖一些，用于强调已选中或已激活的应用状态。 - Sky Blue
#00a9dd— 与应用内部数据类别（碳水化合物/蛋白质/其他营养素组）形成令人愉悦的对比，平衡了手机布局中温暖的主色调。 - Mist Blue
#72a2c5— 柔和冷色调 - 柔化应用程序内其他数据标签和图表背景的天蓝色。 - Sunset Orange
#ff6d00— 营销页面上的二级标题和重点文本采用暖色调。
排版
从 12 像素到 60 像素 · 7 个步骤
- Aquawax Pro Medium — 替代品： Inter · 轮廓 500 · Aquawax Pro Medium - 在提取的数据中发现，但人工智能未对其进行描述。
- Aquawax Pro — 替代品： Nunito Sans · 轮廓 700, 500, 600 · 品牌主字体用于所有文本场景，包括标题和正文。这款定制字体具有较宽的字母高度、圆润的几何形状和舒适的比例。粗体 (700) 用于标题和章节——这是系统的排版标志。半粗体 (600) 用于副标题和按钮标签，字号为 14–1.8 毫米。中等 (500) 用于正文，字号为 17–1.8 毫米，行距为 1.6–1.8 毫米，确保舒适的阅读体验。
- System sans-serif — 替代品： Inter · 轮廓 400, 700 · 对于用户界面中非常小的文本和图标文本，会使用备用字体。Aquawax Pro 字体不会用于极小尺寸的文本；系统字体会处理这些尺寸，以减少渲染资源占用。
音程和形式
| 目的 | 意义 |
|---|---|
| 密度 | 宽敞 |
| 基本步骤 | 20px |
| 按钮半径 | 26px |
| 卡片半径 | 26px |
| 阴影 | 无边框，取而代之的是阴影 |
| 各部分之间 | 96px |
| 页面宽度 | 1200px |
AI 将按照Foodnoms风格构建您的网站并填充内容。
- 通过链接（ Instagram 、 TikTok 、 Facebook ）发布产品和帖子。
- 从旧网站迁移内容——只需指定地址即可。
- 采用最佳引擎的现代设计： React （ Next.js ），开箱即用服务器端渲染和 SEO 优化。
- 全自动搜索引擎优化，支持搜索结果和神经网络推荐。
相似风格
- Slite — 一本温暖的羊皮纸笔记本，配有赤陶色手柄——每一处表面都是柔滑的纸张，每一处点缀都带有一丝淡淡的橙色。
- Adora — 透过磨砂玻璃看到的印象派博物馆
- Bento — 阳光照耀下的油毡地板上摆放着一个便当盒。一排圆形的贴纸卡片，颜色有青柠色、薰衣草色、钴蓝色和勃艮第酒红色，每张卡片都用粗黑墨水勾勒出轮廓，铺在温暖的奶油色亚麻布上，下方是一个醒目的几何标题。
- Payments — 鲜艳的柑橘色调映衬着皇家紫的背景。深邃的电光紫令人联想起夜空，而柠檬黄的点缀则如同新鲜的柑橘皮般在洁白的表面上闪耀。
- Textla — 阳光复古植物年鉴——奶油黄色的页面，深绿色印刷，仙人掌插图采用清晰的错位阴影效果。
- AI for Business — 以暖灰色调为主的粗野主义风格编辑展示厅
- Superhuman — 黄金时段编辑委员会
- Visitors — 白色工程图
- Vercel — 终端信息印在白纸上
- Jeton — 一篇关于金融科技的社论，主题是温暖的大理石。
- Say Briefly — 米色纸创意机构素描本
- ClickUp — 一个功能强大的白色大理石面板仪表盘。该页面是某款效率工具的产品宣传册，因此其视觉语言借鉴了产品本身：密集的列表、状态指示器、头像组以及醒目的文字说明，宛如一份产品规格展示。