Flying Papers
周六早晨卡通片中的忏悔
Flying Papers 的设计风格就像一幅印在厚重丝网印刷纸上的周六早晨卡通片：画面以平淡的紫色为主色调，点缀着些许饱和的五彩纸屑般的色彩，字体大到几乎占据了整个可视区域。品牌标识醒目、大胆且毫不妥协——它并非刻意吸引眼球，而是自然而然地吸引。每个屏幕都力求呈现一张醒目的海报：一个主标题、一幅人物插图、一段文字描述一个动作，以及大量的留白。边框承担了大部分的视觉功能，取代了阴影；色彩被用作颜料，而非数据。屏幕表面保持平整，边缘锐利，仅为 6 像素，系统中唯一略显模糊的地方是退出按钮上 100 像素的凸起部分。
全屏海报式布局，无最大宽度限制。每个屏幕都是一个与视口大小相同的独立构图：一个巨大的“ObviouslyVariable”标题（居中或左对齐），一个覆盖文本的吉祥物插图，以及下方一个小型内联操作。页面各部分颜色不交替——整个页面布局在暮光紫色画布上，顶部是纯色卡片。导航栏为一个居中的徽标，没有菜单栏。卡片以宽松的 2-3 列布局排列，留有充足的间距；卡片大小根据内容而定，而非统一大小。密度极高：每个屏幕只展示一个主题，周围环绕着紫色的留白。
仅使用插图——不使用照片、3D渲染图或抽象渐变。视觉语言采用手绘卡通风格，以粗黑轮廓线（2-3像素）勾勒，填充2-3种颜色，不加阴影。角色是与字体互动的吉祥物（例如，探出头、倚靠或站在字母上）。图标使用黑色（Pure）或白色（Bone）线条绘制，线宽为1.5-2像素。图像主要用于营造装饰氛围，而非解释含义——字体传达信息，角色传达情绪。
调色板
品牌
- Dusk Violet
#8584bd— 主画布和主背景是所有其他颜色出现的舞台。 - Hi-Vis Yellow
#f4ed36— 黄色用于突出显示操作轮廓、链接标签和交互元素。它不应该用作行动号召的主要颜色。 - Buttery Yellow
#f9cc73— 屏幕上的附加文字和更柔和的边框为反光颜色提供了一种更微妙的诠释，适用于反光颜色过于夸张的情况。 - Lilac Shadow
#61609a— 在紫色舞台上，卡片和方块的背景是更深的紫色，用于嵌套表面。
中性的
- Bubblegum Pink
#f8c1ba— 装饰边框和五彩纸屑点缀采用适量的暖粉色，以营造一抹亮丽的色彩。 - Matcha Cream
#b5c995— 装饰性的边框和五彩纸屑点缀为卡片上的次要人物营造出一种灰绿色的色调。 - Magenta Punch
#ac4f98— 用于装饰卡的附加表面 - 专为效果卡设计，其声音应比舞台声音更大。 - Firecracker Red
#c94245— 红色填充以突出显示背景、装饰条纹和内容背后的柔和点缀。 - Bone White
#f9f5f2— 浅色表面上的细边框、分隔线、输入框轮廓和卡片边缘。避免将此颜色用作行动号召按钮的主色。 - Ink Black
#1a1a1a— 正文、主边框和按钮轮廓采用近乎黑色的颜色，用于米色表面上的排版工作。
排版
从 10 像素到 341 像素 · 8 步
- ObviouslyVariable — 替代品： Founders Grotesk Condensed · 轮廓 800, 900 · 这款专为标题和大字印刷设计的字体系列是此系统唯一足够醒目的字体。字号范围从正文的 18 像素到海报展示的 341 像素。0.80–1.00 的紧凑行距使多行标题能够以纯色块的形式显示；Calt 功能已禁用，因此宽大的几何图形保持原样。其他可选字体：Founders Grotesk Condensed、Knockout 或 Druk Wide。
- DegularVariable — 替代品： Inter · 轮廓 400 · 超小 UI 文本——导航、页脚微文案和内联标签均为 10px。一种中性且用途广泛的字体，可与正文无缝融合。可替换字体：Inter、IBM Plex Sans。
- bergen_monoregular — 替代品： JetBrains Mono · 轮廓 400, 600 · 用于导航、标签和小型数据标签的等宽微型字体，在圆润的屏幕上营造出类似打字机的节奏感。该等宽字体的 0.80 行距是其标志性特征：紧凑的等宽字体给人一种收据般的感觉。其他选择：JetBrains Mono、IBM Plex Mono。
音程和形式
| 目的 | 意义 |
|---|---|
| 密度 | 稠密 |
| 基本步骤 | 17px |
| 按钮半径 | 100px |
| 卡片半径 | 6px |
| 阴影 | 无边框，取而代之的是阴影 |
| 各部分之间 | 40px |
AI 将按照Flying Papers风格构建您的网站并填充内容。
- 通过链接（ Instagram 、 TikTok 、 Facebook ）发布产品和帖子。
- 从旧网站迁移内容——只需指定地址即可。
- 采用最佳引擎的现代设计： React （ Next.js ），开箱即用服务器端渲染和 SEO 优化。
- 全自动搜索引擎优化，支持搜索结果和神经网络推荐。
相似风格
- Navigate — 一大堆贴纸贴在板子上：粗体大字，形状像平板电脑，还有五个彩色图标，像标志一样重复出现。
- Hatch — 手绘风格的地下出版物设计，融合了柔和的糖果碗图案。奶油色的纸张画布上点缀着薄荷绿的装饰、五彩纸屑般的圆点和药丸状的行动号召，醒目的大号衬线字体暗示着趣味性，角落里还有一个蓝色的吉祥物在眨眼。
- Wonder — 霓虹紫色的指挥中心是一片深邃的紫红色，只有一道激光紫光照射其中。
- Duolingo — 白纸上活泼的班级吉祥物
- Family — 奶油色羊皮纸上的童话故事
- Visitors — 白色工程图
- Say Briefly — 米色纸创意机构素描本
- Superpower — 生物发光健康管理中心
- Dopper — 阳光普照，水色如奶油般柔滑的泻湖中涌动着充满活力的蓝色水流。一片温暖的米色水域，一条明亮的蓝色水道和晶莹剔透、宛如糖果般晶莹剔透的海浪，如同阳光洒在水面上一般，划破了这片水域。
- Dock — 阳光奶油纸，钴脉冲
- Portrait — 一面记忆之墙，用宝丽来照片记录在米色相纸上。一本明亮的米色剪贴簿，深蓝色墨水是唯一的文字、唯一的结构线和唯一的边框颜色——只有一道手绘彩虹，它只出现过一次，在“注册”按钮上和斜体字“永远”上，之后便再也没有出现过。
- Quizlet — 教室以白色为背景，装饰着各种颜色——一张安静的桌子，桌子后面是四张粉彩色的卡片，这是冷灰色墙壁背景下唯一的亮色点缀，墙上还有一抹靛蓝色记号笔的痕迹。