
Wise
厚厚的苔藓带着石灰岩的张力。石灰岩在近乎黑色的森林地面上闪烁,巨大的棱角分明的物体预示着每一个动静。
Wise 字体以自信而略显张扬的风格呈现:深邃的森林绿 (#163300) 占据了大部分表面——文本、导航、深色区域和图标——而明亮的亮绿色 (#9fe870) 则作为功能性标点,用于行动号召、激活标签和关键元素。这款字体几乎带有侵略性:Wise Sans 字体线宽为 900,字形密集,在主屏幕上以大号字体 (100px+) 呈现,格外醒目。系统的其他部分则保持低调,置于米白色画布上,并饰以柔和的灰色 (#e8ebe6)。组件默认采用药丸形——按钮、导航栏、复选框缩略图、图像遮罩——只有卡片和输入框才使用较小的圆角 (10px)。颜色渐变很少使用;取而代之的是,随着区域颜色的加深,亮绿色和森林绿的组合平滑过渡,营造出一种韵律感,而无需过多的装饰。
页面采用居中布局,最大宽度为 1200 像素,顶部和深色区域横跨整个页面宽度。页眉布局以白色背景上居中的醒目标题为特色,标题下方是一幅大型插图(地球),其延伸至视口底部边缘之外。页面各区域的色彩节奏在白色、浅绿色和“森林墨色”深色区域之间交替,营造出自然的色彩韵律。内容布局主要采用居中布局:顶部区域以两列形式呈现文本和图像块,次要区域则以三列形式呈现包含主要元素的行。国家/地区列表采用五列网格布局,并配有国旗。导航栏为单个固定顶部栏,带有分段式切换按钮。二维码始终固定在右下角,滚动位置保持不变。
品牌视觉世界由描绘地球和金币的3D插图构成——触感丰富,略带超现实主义色彩,并运用柔和的渐变和温暖的光线。摄影风格极简;即使使用,也采用高调且随意的构图。国旗以圆形缩略图的形式呈现在五列网格中——唯一的“标志性”系统是国家认同。没有抽象的图形元素,也没有标准模板。地球和金币是吉祥物反复出现的主题,通过一个温暖、乐观的单一物件,而非蒙太奇,来象征全球影响力。
调色板
品牌
- Forest Ink
#163300— 该品牌的主导深色风格——导航文本、深色部分背景、浅色表面上的正文文本、图标轮廓和填充式导航元素——定义了它的优势:无论何时需要重量或权威,你都会选择 Forest Ink。 - Lime Voltage
#9fe870— 绿色用作装饰细节的辅助点缀色,以及突出显示不常用的搜索查询。它不应作为行动号召的主要颜色。 - Spruce
#054d28— 辅助深绿色用于卡片表面、次要图标,以及在森林墨水饱和度过高的暗部增加深度。
中性的
- Linen Mist
#e2f6d5— 一种浅绿色,用于柔和的表面高光、带色调的卡片背景以及导航栏的悬停状态。一种低调的标志性绿色,用于简洁的容器设计元素。 - Signal Blue
#0b4c72— 蓝色可以作为装饰细节的点缀,并强调低频效果。 - Alarm Red
#cb272f— 红色可作为装饰细节的辅助点缀,并用于突出不常见的颜色。请将其用作辅助点缀,而非身份象征色。 - Charcoal
#454745— 正文、正文文本、丰富的用户界面——略带暖色调的黑色,在白色背景上比纯#000更柔和。 - Obsidian
#0e0f0c— 标题、高对比度标题、导航和主菜单中的纯黑色元素。黑色略带绿色调,而非中性灰色。 - Pebble
#868685— 低调的辅助文字、占位符文字、图标轮廓和输入框边框。中灰色,向远处延伸。
排版
从 12 像素到 105 像素 · 10 步
- Inter — 替代品: Inter (native Google Fonts) · 轮廓 400,500,600,700 · 产品正文、用户界面、标题和副标题均采用相同字体。中级标题(36–45像素)使用700字重字体,副标题和标题使用500–600字重字体,正文和标题使用400字重字体。Inter字体风格较为柔和,而Wise Sans字体风格则较为醒目。
- Wise Sans — 替代品: Inter Black (900) with -0.04em tracking · 轮廓 900 · 标题是品牌的名片。采用 900 号超密字体,字距 89-105 像素,字间距紧凑,使每个标题都成为醒目的广告。标题的使用非常谨慎:用作正文、章节标题和活动亮点。
- monospace — 替代品: Inter · 轮廓 400 · 等宽字体 - 在提取的数据中发现,但人工智能未对其进行描述。
音程和形式
| 目的 | 意义 |
|---|---|
| 密度 | 稠密 |
| 基本步骤 | 8-12px |
| 按钮半径 | 9999px |
| 卡片半径 | 10px |
| 阴影 | 无边框,取而代之的是阴影 |
| 各部分之间 | 64-80px |
| 页面宽度 | 1200px |
AI 将按照Wise风格构建您的网站并填充内容。
- 通过链接( Instagram 、 TikTok 、 Facebook )发布产品和帖子。
- 从旧网站迁移内容——只需指定地址即可。
- 采用最佳引擎的现代设计: React ( Next.js ),开箱即用服务器端渲染和 SEO 优化。
- 全自动搜索引擎优化,支持搜索结果和神经网络推荐。
相似风格
- Integrated Biosciences — 午夜生物发光实验室
- Huly — 午夜天文台的北极光——主角是一道垂直的紫色光束,逐渐褪成珊瑚色;它下方每一处静谧的景致都借用了同样的双色调叙事手法,只是语调更为柔和。
- Dia Browser — 暗房画廊空间与报纸编辑部融为一体。漆黑的场景中显露出阳光照射下的报纸版面,每个版块都以一个衬线字体标题标示。
- Mintlify — 玻璃桌上方是一片云花园。手绘的天空与纪录片画面交相辉映——这是色彩与概念碰撞的唯一一处,之后画面便会褪成一片肃穆的白色。
- Gleap — 工作室以温暖的奶油色调装饰,并点缀以石墨色——哑光黑色墨点仿佛漂浮在亚麻布建筑之上。
- ClickUp — 一个功能强大的白色大理石面板仪表盘。该页面是某款效率工具的产品宣传册,因此其视觉语言借鉴了产品本身:密集的列表、状态指示器、头像组以及醒目的文字说明,宛如一份产品规格展示。
- monday — 白色工作室,贴有粉彩色贴纸
- Portal — Twilight Serif Editorial——独立杂志的高端版面设计,采用 iOS 风格。
- Slack — 舞台呈茄紫色,配以白色聚光灯。深紫色调主导着暗部区域,而米白色的画布则让大型前卫的标题得以自由舒展。
- Base44 — 阳光下的笔记本,配上青柠色马克笔
- Letters — 清晨,我在一家露天诊所接受诊疗——一张洁白的诊疗台,上方是柔和的蓝色天花板,散落着手术用的蓝色器械。
- Duolingo — 绿色操场上有粗线标记。